在入门阶段，首先要学会基本的技能：根据UI的设计稿，实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。

在这个阶段你需要学习：

1、HTML+CSS基础。掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。

2、JavaScript基础。掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。

3、常用的前端工具。比如Editplus，这个软件适合基础薄弱人群，没有代码提示功能;Webstrom、Sublime掌握其快捷键设置等技巧，可*提高开发调试效率。

这个阶段的学习难度相对不高，学完这些之后，我们已经能完成静态页面的制作。当然，这只是入门，如果你想用这些技能找工作的话还是比较困难的。

一、基础部分

1、HTML + CSS 这部分学习，可以模仿一些网站做些页面，在实践中积累经验。做到能与UI对接，能*重构网站静态页面的开发，为后期编写页面逻辑、

动态效果打基础。

2、Javascript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，这个阶段需要掌握编程基础概念，培养逻辑思维能力。

能够独立完成网站的页面开发(包括合理布局，JavaScript操作DOM)

二、进阶部分

有了以上基础，就可以进行一般的静态网页设计，*对于复杂的页面还需要进一步学习。

3、JavaScript*与服务器基础，深入面向对象编程，具备移动端开发能力，处理浏览兼容问题，深入学习ES6/ES7语法规范，前后端分离开发思想。

4、框架与服务器，数据库，前端安全的学习，深入了解Node，数据库操作，前后端分离技术，前后台协作开发。熟悉NPM(Yarn)，Node模块fs，http，路由，

处理请求，express4(koa);掌握创建websocket服务，MongoDB/MySQL数据库CRUD(Mongoose);掌握微信小程序开发，掌握Vue2.x基础，Vue-router，

Vuex等等。

5、React与组件化开发，深入学习组件化开发思想，了解webpack使用，掌握React开发基础，Hook，create-react-app等等。