web前端的学习的入门并不难,但是在学习和应用的过程中,你会发现各种新知识和新技术层出不穷,似乎没有止境,本教程从体系化的角度去设计,希望从高处着眼,用生活化的角度去理解。
一、学习准备
二、网页布局基础
HTML
CSS
- CSS概述和工作原理
- CSS盒子模型
- 响应式设计
- CSS3的新特性
- CSS动画
- CSS reset和常用样式
- 浏览器兼容与cssHack
几种布局方式
- 静态布局
- 弹性布局
- 自适应布局
- 流式布局
- 响应式布局
- flex布局
相关知识
- 前端常用IDE
- SEO优化
- 网页中的图片格式
- 字体
- 颜色
- 字符集
三、Javascript
- Javascript简介
- 如何在HTML文档中使用Javascript
ECMAScript
- ECMAScript语法
- 关键字和保留字
- 变量
- 数据类型
- 操作符
- 变量、作用域和内存
- 引用类型
- 函数
- 闭包与变量
- 对象
- 对象的继承
- ECMAScript6
内置于浏览器JavaScript中的API
DOM
- DOM对象
- DOM操作
- 事件
BOM
window对象
- window对象
window对象的属性
- document对象
- location对象
- navigator对象
- screen对象
- history对象
window对象的方法
- window对象的方法
从服务器获取数据的API
- Ajax 和XHR
- Fetch
客户端存储API
- cookie
- localStorage和sessionStorage
- 离线存储
用于绘制和操作图形的API
- Canvas
数据管理 API
- IndexedDB
设备API
- 地理定位API
四、JS库和UI框架
- Jquery
- bootStrap
五、前端进阶之MVVM框架
- MVVM框架原理
- vue
- react
- angular
六、前端高级教程
- 前端要懂的计算机网络知识
- 版本管理工具git/svn
- 打包工具webpack
- 前端优化
- 前端安全
- 前端要懂的进程和线程
- 前端要懂的数据结构