锐客网

  1. 首页 > 生活百科 > >

自学HTML5的条件是什么。我们应该怎么做？

生活知识经验知识


对于许多自学前端的学习者来说 。学习兴趣是浓厚的 。但是往往求学无方 。现在网上的资源良莠不齐 。在海量的信息库里挑选适合自己的HTML5学习线路更是难上加难 。
今天小编就给大家分享一个HTML5初级开发工程师学习线路 。
第一部分是HTML5课程介绍 。通过这段课程学习 。学生可以对整个HTML5课程有全面的了解 。对未来主要的工作和业务应用场景有初步的认识 。
1、互联网发展趋势
2、H5语言的优势
3、简单易学人人都能编程
4、H5就业和薪资情况
5、H5常见的项目与产品
6、H5的未来与方向
第二部分是HTML基础 。通过这一部分基础学习 。学生可以学会HTML 。并且了解网页的组成 。可写出基本的网页结构 。
1、HTML简介与历史版本
2、常用开发软件
3、常见标签与属性
4、表格与表单
5、标签规范与标签语义化
6、实战：网页结构布局
第三部分是CSS基础 。通过此阶段的学习 。学生可以学会CSS 。利用PS工具进行样式开发 。结合HTML结构完成整页制作 。
1、css简介与基本语法
2、常见的各种样式属性
3、CSS选择器与标签类型
4、理解盒子模型与CSS重置
5、浮动与定位
6、利用photoshop工具测量样式
7、HTML+CSS开发网页
8、实战：高仿电商首页效果
第四部分是CSS3基础 。学成之后 。学生可以利用CSS3制作出炫酷的网页动态效果 。
1、css3常见样式
2、css3选择器
3、变形与动画
4、3D效果与关键帧
5、弹性盒模型
第五部分是移动端布局 。通过这一阶段的学习 。可以掌握移动端概念与移动端布局方案 。理解什么是响应式 。利用bootstrap来搭建页面 。
1、移动端基本概念
2、viewport窗口设置
3、移动端布局方案
4、rem、vh、vw等单位
5、响应式布局
6、bootstrap框架
第六部分是JavaScript基础 。可以基本掌握JS基本语法和简单的逻辑处理 。掌握JS核心内容 。利用JS开发网页中常见的特效效果 。
1、JS简介
2、JS变量
3、数据类型与类型转换
4、运算符与优先级
5、流程控制-if..else
6、流程控制-switch...case
7、流程控制-while、do..while、for循环
【自学HTML5的条件是什么。我们应该怎么做？】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框架 。利用jquery框架快速开发网页效果 。
1、jquery核心思想
2、jquery常见方法
3、jquery动画操作
4、jqueryAJAX操作
5、jquery工具方法
6、利用jquery快速开发网页
第八部分是PHP基础 。学习之后可以掌握前后端真实开发模式 。能够对数据库进行CURD操作 。并能显示数据到页面 。实现动态网站开发 。
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、项目验收
其他观点：
现在对HTML5人员的需求还是挺大的 。如果要自学也不是不可以！
首先你得把HTML布局搞定 。常用的CSS代码必须牢记心间 。布局是做HTML5的基础 。如果布局都做不好 。客户是绝对不会买账的 。
在学布局的同时你得把javaScript语言过一遍 。初学不用太深入 。比如变量定义 。函数定义 。变量作用域等等 。如果之前做过面向对象语言开发 。可以把JS的对象这块好好看看 。毕竟使用面向对象的方式处理问题更方便 。

推荐阅读


上一篇：在成都办理工伤认定需要准备哪些材料？

下一篇：翡翠钟馗适合什么人带 什么人不适合戴钟馗