转载声明：文章来源https://zhuanlan.zhihu.com/p/486879068

很多想要学习前端的小伙伴在刚开始的时候都有不知从何下手，要学习的知识太多的感觉。给大家分享这篇非常干的干货，零基础前端入门看它就够了！

1. 基础入门阶段：HTML+CSS学习

俗话说，万事开头难，总感觉入门如登天，入门如“入土”。不着急。

●PC端网站布局：

其中包括：HTML基础，CSS基础，CSS核心属性，浮动，盒子模型，溢出，元素类型，安利案例，定位，锚点，精灵图，宽高自适应，表单进阶。

●HTML5+CSS3

其中包括：HTML5新增，CSS3新增，Webapp布局，渐变、动画、变形。

●PC端页面制作与动画特效

学完第一阶段就可以配合UI设计师进行项目开发完成pc端网页的布局制作与样式设计实现。

●移动端页面制作与响应式实现

这一阶段主要是移动端网页的布局制作与样式设计实现。可以适配各种手机尺寸，并能利用响应式惊醒移动端与PC端适配。

2. JavaScript基础与高级

门已入，道已修接下来就开始的了，

前端大师的养成计划已然开始！

前端小灰狼参上！带你“玩儿转”JavaScript。

●首先是JS基础篇

● JS高级篇

● 项目阶段

3. Node

前端有道，散人支招。

这也是大前端里的第一个高级内容，node.js。

学好了这个阶段的技术恭喜你就能进行前后端全栈式开发了，能独立完成一个中小型项目的前后台。

●node基础+项目

4. Vue入门到精通

这一阶段是现在公司开发中常用的框架，这一阶段学完就可以利用框架开发项目，实现单页面应用开发。

可以完成复杂的数据交互应用场景。具备独立开大项目的能力。

●Vue介绍

● Vue基础

● Vue进阶

● Vue移动端项目