html5开发学习路线图：前端入门学习

 

         随着web移动端开发的大趋势，HTML5和CSS3的出现，对前端工程师来讲面临着新的挑战。对于零基础的自学者，或者是寻求转业可是又不能参加脱产学习的人来讲，经过视频教程进行学习就成了最有效的学习方式。

 

此线路图是针对HTML5初级开发工程师量身定作，基础知识点覆盖全面，每一个部分课程学习以后，都会有相应的实战训练，能够说是边学边练、迅速提升的最佳HTML5初级开发工程师学习线路图。

第一部分：HTML5课程介绍 

一、互联网发展趋势

二、H5语言的优点

三、简单易学人人都能编程

四、H5就业和薪资状况

五、H5常见的项目与产品

六、H5的将来与方向

第二部分：HTML基础 

一、HTML简介与历史版本

二、经常使用开发软件

三、常见标签与属性

四、表格与表单

五、标签规范与标签语义化

六、实战：网页结构布局

第三部分：CSS基础 

一、css简介与基本语法

二、常见的各类样式属性

三、CSS选择器与标签类型

四、理解盒子模型与CSS重置

五、浮动与定位

六、利用photoshop工具测量样式

七、HTML+CSS开发网页

八、实战：高仿电商首页效果

第四部分：CSS3基础

一、css3常见样式

二、css3选择器

三、变形与动画

四、3D效果与关键帧

五、弹性盒模型

第五部分：移动端布局 

一、移动端基本概念

二、viewport窗口设置

三、移动端布局方案

四、rem、vh、vw等单位

五、响应式布局

六、bootstrap框架

第六部分：JavaScript基础 

一、JS简介

二、JS变量

三、数据类型与类型转换

四、运算符与优先级

五、流程控制-if..else

六、流程控制-switch...case

七、流程控制-while、do..while、for循环

八、break、continue语法

九、函数定义与调用

十、全局变量与局部变量

十一、函数传参与返回值

十二、函数做用域与变量做用域

1三、DOM的基本操做

1四、定时器使用

1五、this指向与修改指向

1六、数组、字符串等方法操做

1七、时间对象与正则对象

1八、掌握常见BOM操做

1九、常见事件与事件细节

20、JSON与AJAX

2一、JSONP跨域操做

2二、前端cookie的使用

2三、实战：JS配合HTML与CSS完成电商项目

第七部分：jquery框架 jquery框架介绍及优点介绍

一、jquery核心思想

二、jquery常见方法

三、jquery动画操做

四、jqueryAJAX操做

五、jquery工具方法

六、利用jquery快速开发网页

第八部分：PHP基础 

一、PHP简介与基本语法

二、mysql数据库及sql语法

三、apache服务器与集成开发工具

四、PHP连接数据库

五、PHP与AJAX交互

六、实战：留言板、登陆、注册等

第九部分：H5基础项目 

一、项目简介

二、项目功能演示

三、项目划分及框架

四、编写HTML页面结构

五、设置CSS样式

六、添加JS交互

七、可选框架：bootstrap、jquery、PHP等

八、项目调试及兼容

九、项目验收

获取免费全套HTML5入门学习视频教程，用手机或者邮箱注册，记得输入邀请码7124，或者

点击连接，QQ登陆 http://www.kgc.cn/index.php?tuin=7124 ;