web前端小白学习路线

web前端学习路线

零基础起步 学习大纲

网页布局{
html,css
}
- 关于html,css,javascript difference and relation

网页现在的新标准是W3C。目前的模式是html+css+javascript，如何理解呢，就是html是网页的结构，CSS是网页的样式，javascript是行为。结构就是盖房子先要把结构建出来，然后用CSS来装饰。其实你在用dreamweaver做网页时就已经用到了CSS，比如你用DW的属性面板来设置一个字的字体、颜色和大小，当你选好后，就会自动生成一个.style1的红色代码，在之间不知道你注意过没有，这就是CSS。

JavaScript {
ES{
基本语法，数据类型，函数，面向对象
原型链，闭包
json
Ajax
ES5/6/7
}
Dom {
事件捕获、冒泡、代理
常用方法
}
Bom
}
JavaScript经典类库jQuery{
jQuery语法和JavaScript原生语法的差异
Dom对象和Jquery对象
jQuery的入口函数和JavaScript的入口函数的差异
jQuery事件的执行逻辑
}

进阶学习{
web-app
小程序
Hybrid-app
}
前端主流技术框架{
3大框架{
angular
vue
react
}
—基础语法都可以写前端，为什么还要框架？
框架到底解决了什么问题？ {
解决重复引用外部js
使用组件化开发
减少开发周期
}
}