很多伙伴说 一个人学习比较枯燥，给大家建立了交流群，想加入的伙伴可以留言。
很多初学者刚接触前端，不知从何下手，在网上搜集了大量的学习路线，很繁多，没有重点，前端技术更新是比较快的，有些技术已经过时淘汰，今天给大家整理了一些前端知识、学习路线及学习资源。
一、开发工具
个人比较推荐VSCode ，开源免费的，比较轻量级，还有很多插件。
喜欢工业风的使用WebStorm，不过这个是收费的。
个人想法，其实真没必要对于编辑器过于纠结，毕竟只是一个工具，大佬用txt都可以编写代码，在前期学习阶段可以选定一个坚持使用，等到学有所成，对于编辑器有着个人更独特的要求再去选择更适合自己的编辑器。
二、学习路线及学习资源
今天推荐的学习资源主要是网站，喜欢看视频的伙伴可以留言或者私信我领取全套免费视频~
1、HTML+CSS基础
掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。
网站推荐：HTML, CSS学习网站： w3school 在线教程/ 菜鸟教程
此阶段的学习目标：
能够独立把美工提供的PSD效果图还原成PC端静态页面。
2、JavaScript
掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。
Js学习网站： JavaScript | MDNJs书籍推荐：JavaScript 高级程序设计 （第四版）、JavaScript 权威指南、
ES6推荐在js后学习，它是一个很庞大的板块，可以不用全篇精读，主要了解一下，变量的解构赋值，变量声明，箭头函数
教程：阮一峰的ES6 入门教程
此阶段的学习目标：
能够实现图片轮播、拖拽、放大镜等常见网页特效及交互效果。
3、Node.js与AJAX
node介绍和环境安装、node模块化、gulp使用、服务器和http协议、Promise。
Node.js教程： Node.js 简介/ 七天学会NodeJS
Ajax基础知识、Ajax函数封装、 CORS、jQuery中Aajx方法的使用。
AJAX教程： AJAX 教程
此阶段的学习目标：
能够具备开发具有简单交互能力的网站，能够使用源代码管理工具。
4、三大主流框架
以下是三大主流框架，我个人的选择是VUE，所以对于VUE的学习路径会相对详细些，关于每个框架的优缺点网上测评的有很多，感兴趣的朋友可以去搜搜看。
个人的一些拙见：
Angular个人是不建议初学者上手学习，使用的人数基数小，不容易找到实习；
React适合JavaScript基础比较扎实的人，由于生态很好，构建项目技术选型更像一个开放题，遇到问题也有很多的解决方案，很多大厂都在使用。
Vue在中国受众更广，门槛低，由于开发者尤雨溪是中国人，因此中文版文档阅读起来更为轻松，也有大厂在使用，比如美团和阿里。
总而言之，VUE更容易，REACT相对自由度更高，效果更好。
1）、Vue
vue基本语法、vue组件、生命周期、vue-router、vuex、axios、vue打包配置。
教程：这里推荐尤大大的 vue官方文档
此阶段的学习目标：
使用Vue技术栈开发企业级项目，掌握前后端分离的开发方式，掌握项目的打包和发布。
2）、React
react基本语法、JSX、属性与事件、react组件、react hooks、react-router、redux、ant-design。
教程： React官方文档
此阶段的学习目标：
具备使用React开发能力，能完成从项目搭建到项目开发的流程。
5、微信小程序
小程序配置、组件、API调用、uniapp。
教程： 微信开放文档
此阶段的学习目标：
能够独立开发小程序项目，掌握小程序的部署与发布；
最最最重要的还有项目奥，找工作至少要做两到三个项目，有项目经验找工作更有优势！
学完这些，恭喜你至少已经达到初级前端的水平了，可以找工作去了~~~
在自学的伙伴也可以加入我组建的零基础前端学习营，我会督促大家打卡学习，遇到问题可以一起探讨解决；还整理了一些学习资料，免费分享给大家学习使用；平时还会组织小项目，大家可以练习巩固基础。
