前端到底学什么？Click Here！

（本文是对李立超老师直播课的笔记总结）

（学习顺序并不严格，仅作参考）

一阶段

• HTML/CSS/JS：结构/样式/行为——重要基础，深入学习。
• Web API（俗称DOM）：将以上三者有机结合。

学会的标准：能够随心所欲写出所有页面。

二阶段

• JQuery：没落的框架，了解即可。
• bootstrap：做响应式，浅尝辄止。
• 移动端开发：PC和移动端都能写。

以上为网页开发路线。

三阶段

• 学习mongoDB数据库（用JS写的数据库）。
• 了解Mysql数据库和Java。
• Nodejs（可以让JS在服务器上运行，不依托浏览器）浅尝辄止。
  了解客户端和服务器的区别，学习写服务器。
• mongoose（JS内的框架，方便用Nodejs操纵mongoDB）
• koa（使用更多）/express（服务器框架）

以上内容学会后，可以自己做一个完整的网站。成为简单的Full Stack。
初级前端工程师。

四阶段

• webpack（打包工具，打成的包可以直接部署上线）

以上是传统的（2012以前）web结构，称为MPA（多页面架构，一个网页由多个页面构成，比如淘宝/京东，缺点是不利于维护）。

• 三大框架：Angular（google）/React（facebook）/Vue（国产），三学一/二。
• 微信小程序开发、git、github。
• 微前端，webcomponents。