一.为什么选择前端？
这个问题我分为两块来讲解：
1.学前端难吗？
前端入门不难，前端学习的整个流程：
- 几天的时间学会html，css就可以写一个基本可以看的页面。html和css就相当于页面的结构和上色，
- js基础学习，js入门阶段要稳扎稳打，要在学习中培养编程思维，对于一个初学者来说，变量，函数都不好去理解，都需要慢慢去培养。
- js深入学习，js基础入门之后，会深入学习一些高级的语法，比如原型，es6标准，简单框架jquery，zepto，ui框架：bootstrap，materialize，mv*框架：vue，angular，react，自动化工具：npm，webpack， nodejs编程。
深入比较难，
Question:
- .null是object类型
- 类型的继承，封装，多态。
- ts：接口对于类，属于实现，类对于类 属于继承。
2.前端都在做什么？
- 01.偏向于设计的前端，html，css，js，ps
- 02.偏向于网站逻辑的前端：html，css，js，ps，主要在于后台数据获取与展示，框架vue，angular，react，
- 03.偏向于游戏，动画的前端：html，css，js，canvas，cocos2d-js，webGL，localstorage，web Sql，webSocket，sqlite
- 04.偏向于后端的前端：js，nodejs，mysql，redis，mongodb，数据持久化。 cluster集群，
- 05.偏向于PC客户端的前端；+nwjs,electron
- 06.偏向于移动端的前端：hybrid，rem，flex，手机兼容性，手机PC调试，chrome://inspect/#devices,手机模拟器，cordova，react native，appCan
- 07.偏向于微信端的前端：微信公众号开发，微信小程序开发
二.如何以正确的姿势入门前端
1.如何自学前端？
- 01.看在线资料：菜鸟教程，w3school,
- 02.看视频：麦子学院，慕课网，极客学院
- 03.制定大纲，学习计划，任务计划，测试
2.如果想参与培训，怎么选？
- 01.培训的好坏，最后一根稻草
- 02.传智播客，达内，
三.从小白到初级工程师的成长
1.基本功很重要
- 01.要学会积累，慢慢的去培养自己的编程思维，
- 02.培养自信心。
2.欲速则不达
- 01.不能贪多，不要想着先学框架，基础最重要
3.拼命的成长
- 01.拼命，尤其是学习的阶段，每天十二点之前睡就对不起自己。
- 02.不要把学习周期拉的太长，太长容易把你拖垮
4.初级工程师的瓶颈
- 01,眼光太近，不会看到扩展性
- 02.代码质量太差，冗余代码太多，逻辑不清晰
- 03.爱用全局变量，
- 04.定义的变量名不规范，目录放置不规范。
- 05.插件引用过多，爱用框架
5.升级指南：
- 01.考虑到扩展性
- 02.提高代码质量，多review代码，学着去简化思维逻辑，优化代码是提升的开始，不要写完就不看了
- 03.多遵循模块化思想
- 04.命名要规范（京东，携程，天猫，腾讯），代码多加注释，对于代码块一定要规范，不要为了体现自己很厉害，而写出别人看不懂的代码。
- 05.插件视情况来定，不要因为一步就引用很重的框架，
四.怎样才算晋升到中级程序员
1.源码是最好的老师
- 01.从引用别人的代码，到看别人的代码，再到写别人的代码
- 02.取其优点，弃其糟泊
2.那些被你嫌弃的框架
- 01.bootstrap：响应式鼻祖，后台之王
- 02.jquery：时代变革，
- 03.requirejs：模块化方案倡导者，
- 04.angularjs：MVC框架，双向数据绑定，后台之王
3.不要过早去设计架构
- 01.不要把自己的思想过早摄入到架构中去，因为你还要学习
- 02.架构没那么简单，不是别人用的就适合你，
- 03.多学习和模仿
4.中级工程师的瓶颈
- 01.性能跟不上
- 02.命名规范跟不上
- 03.代码风格不一致，简单的逻辑很规范，复杂了就破罐子破摔
- 04.代码层次太深，不知道怎么作代码抽离
- 05.不知道如何提取公用代码块，
- 06.感觉自己一定很厉害了，听不进去别人的意见
- 07.盲目追新，觉得火的就是好，并不能根据业务逻辑去判断
五.高级程序员修成记
1.架构之路
- 01.何为架构，
- 02.怎么开始自己的架构
- 03.架构应该主义的地方：稳定性，业务相关性，通用性，学习成本。个人的中小型项目前端架构浅谈 - CSDN博客
2.规划好自己的未来
- 01.管理
- 02.技术
3.H5扩展：小程序，快应用，PC客户端
- 01.小程序：代码构成 · 小程序
.json 后缀的 JSON 配置文件，.wxml 后缀的 WXML 模板文件，.wxss 后缀的 WXSS 样式文件，.js 后缀的 JS 脚本逻辑文件 - 02.快应用：页面ux，js，css ---快速入门
- 03.PC客户端：nw
六.跳槽篇
1.你跳槽的目的是什么
2.如何合理的跳槽
最后附上live 地址：
前端解惑：论web前端从入门到高级各阶段的迷茫期