1+x 证书 web 前端开发基础课程大纲
前端开发是创建 Web 页面或 app 等前端界面呈现给用户的过程。前端开发通过 HTML，CSS 及 JavaScript 以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。Web 前端工程师，他是伴随着 web 兴起而细分进去的行业。Web 前端的岗位职责是利用 HTML、CSS、JavaScript、DOM、Flash 等各种 Web 技能结合产品的界面开发。web 前端开发入门教程要学哪些内容呢？

首先第一阶段就是基础学习，

1.HTML 基础

内容包括：（HTML 简介与历史版本、常用开发软件、常见标签与属性、

表格与表单、标签规范与标签语义化、实战：网页结构布局）

2.CSS 基础

内容包括：（css 简介与基本语法、常见的各种样式属性、CSS 选择器与标签类型、理解盒子模型与 CSS 重置、浮动与定位、利用 photoshop 工具测量样式、HTML+CSS 开发网页、实战：高仿电商首页效果）

3.CSS3 基础

内容包括：（css3 常见样式、css3 选择器、变形与动画、3D 效果与关键帧、弹性盒模型、5. 移动端布局、移动端基本概念、viewport 窗口设置、移动端布局方案、rem、vh、vw 等单位、响应式布局、bootstrap 框架）

4、JavaScript 基础

内容包括：（JS 简介、JS 变量、数据类型与类型转换、运算符与优先级、

流程控制 - if…else 流程控制 - switch…case、流程控制 - while、do…while、for 循环、break、continue 语法、函数定义与调用、全局变量与局部变量、函数传参与返回值、函数作用域与变量作用域、DOM 的基本操作、定时器使用、this 指向与修改指向、数组、字符串等方法操作、时间对象与正则对象、掌握常见 BOM 操作、常见事件与事件细节、JSON 与 AJAX、JSONP 跨域操作、前端 cookie 的使用、实战：JS 配合 HTML 与 CSS 完成电商项目）

5.jquery 框架

内容包括：（jquery 框架介绍及优势介绍、jquery 核心思想、jquery 常见方法、jquery 动画操作、jqueryAJAX 操作、jquery 工具方法、利用 jquery 快速开发网页）

6.PHP 基础

内容包括：（PHP 简介与基本语法、mysql 数据库及 sql 语法、apache 服务器与集成开发工具、PHP 链接数据库、PHP 与 AJAX 交互、实战：留言板、登录、注册等）

7、H5 基础项目

内容包括：（项目简介、项目功能演示、项目划分及框架、编写 HTML 页面结构、设置 CSS 样式、添加 JS 交互、可选框架：bootstrap、jquery、PHP 等、项目调试及兼容、项目验收）

因为我们是从零基础开始学习的，所以基础知识是至关重要的。"学习 HTML5 的过程就是盖楼房的过程，如果你基础知识没有学好，就等于一栋楼房的地基没有夯实。后期的学习会难上加难。" 同时，基础知识不能只依靠课上学习的那点知识，一定要通过线上或者翻阅一些 HTML5 相关的书籍来增加自身的知识储备量。

要掌握一定的编程技巧，这样在以后的工作中可以大大的提高工作效率。

码农公寓

相关文章