网站开发前端基础

课程介绍

危险

提前说明：本课程的前端知识与目前最流行的前端开发技术相差甚大，可以说是上个时代留下的遗产。虽说技术相对已经过时， 但是 jQuery 还是被大量网站使用，包括但不限于小公司、学校、组织的官网、后台管理系统。

前端流行技术的重要节点

• 阶段一：原生 HTML、CSS、JavaScript（es5）
• 阶段二：jQuery 时代
• 阶段三：HTML5、CSS3、JavaScript（es6）
• 阶段四：MVVM 响应式框架，VUE、React 时代

本课程大概处于阶段二与阶段三之间。

jQuery 虽说已经有点过时，用于支撑公司的初始阶段项目开发还是绰绰有余，相较流行技术动不动好几百个小时的学习时间，用来入门全栈开发也是极好。

学习内容

包含 HTML、CSS、JavaScript 的基础部分，然后包含 jQuery、Lay-ui 两个框架。

这个课程主要是为了配合后端做全栈开发，所以前端并不会将所有的前端知识全部讲到。

前端基础

前端基础部分主要包含 HTML、CSS、JavaScript 。

• HTML 为基本标签的使用
• CSS 包含基本样式、文字、盒子模型、定位、布局等内容
• JavaScript 主要是 es5、es6 的一些内容

jQuery

对于前面的 JavaScript 基础不会深入学习，而是使用 jQuery 这个工具操作页面。重点学习 jQuery 的使用，并且会补充部分 Web Api 的知识，使前端开发更加顺畅。

Lay-ui 框架

Lay-ui 是一个开源模块化前端 UI 组件库，基于浏览器端原生态模式，面向全层次的前后端开发者，易上手且开源免费的 Web 界面组件库。

学前注意

本课程适合给后端程序员快速学习做全栈项目，如果想要系统学习前端，不推荐学习本课程。

附件

jQuery 思维导图

jQuery 速查表：https://oscarotero.com/jquery/

css 动画库： https://animate.style/