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

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

此线路图是针对HTML5初级开发工程师量身定做,基础知识点覆盖全面,可以说是边学边练、迅速提高的最佳HTML5初级开发工程师学习线路图。

第一部分:HTML5介绍

1、互联网发展趋势

2、H5语言的优势

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

4、H5就业和薪资情况

5、H5常见的项目与产品

6、H5的未来与方向

第二部分:HTML基础

1、HTML简介与历史版本

2、常用开发软件

3、常见标签与属性

4、表格与表单

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

6、实战:网页结构布局

第三部分:CSS基础

1、css简介与基本语法

2、常见的各种样式属性

3、CSS选择器与标签类型

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

5、浮动与定位

6、利用photoshop工具测量样式

7、HTML+CSS开发网页

8、实战:高仿电商首页效果

第四部分:CSS3基础

1、css3常见样式

2、css3选择器

3、变形与动画

4、3D效果与关键帧

5、弹性盒模型

第五部分:移动端布局

1、移动端基本概念

2、viewport窗口设置

3、移动端布局方案

4、rem、vh、vw等单位

5、响应式布局

6、bootstrap框架

第六部分:JavaScript基础

1、JS简介

2、JS变量

3、数据类型与类型转换

4、运算符与优先级

5、流程控制-if..else

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

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

8、break、continue语法

9、函数定义与调用

10、全局变量与局部变量

11、函数传参与返回值

12、函数作用域与变量作用域

13、DOM的基本操作

14、定时器使用

15、this指向与修改指向

16、数组、字符串等方法操作

17、时间对象与正则对象

18、掌握常见BOM操作

19、常见事件与事件细节

20、JSON与AJAX

21、JSONP跨域操作

22、前端cookie的使用

23、实战:JS配合HTML与CSS完成电商项目

第七部分:jquery框架 jquery框架介绍及优势介绍

1、jquery核心思想

2、jquery常见方法

3、jquery动画操作

4、jqueryAJAX操作

5、jquery工具方法

6、利用jquery快速开发网页

第八部分:PHP基础

1、PHP简介与基本语法

2、mysql数据库及sql语法

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

4、PHP链接数据库

5、PHP与AJAX交互

6、实战:留言板、登录、注册等

第九部分:H5基础项目

1、项目简介

2、项目功能演示

3、项目划分及框架

4、编写HTML页面结构

5、设置CSS样式

6、添加JS交互

7、可选框架:bootstrap、jquery、PHP等

8、项目调试及兼容

9、项目验收

最近经常有很多程序员朋友问我有没有什么学习资料,尤其是前端还有php的。因为本人是学全栈的,所以手里是有一些前端还有PHP全套视频学习资料。这些资料绝对比那些在群里漫天飞的资料强多了。相信看完这些,你绝对可以找到一份好工作!

为了感谢大家的支持,今天我在这里统一说下吧:

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20171214A00A5F00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券