以下内容属于个人认为的学习路线,不能保证完全无误,但是坚持学习下去是能够成为一个初级前端工程师的。
目录
1.第一阶段(1-2月)
1.HTML(1-2周)
2.css(2-3周)
3.JavaScript(3-4周)
4.H5+CSS3(2-3周)
推荐课程:HTML+CSS JavaScript Js进阶
2.第二阶段(2-3月)
1.node.js(2-3周)
2.git(1周)
3.webpack(1-2周)
4.各种工具和规范的学习(2-3周)
课程推荐:node.js(含模块化,webpack) git lodash文档 axios文档 less sass stylus postman
3.第三阶段(4-6月)
1.Vue,React,Angular(3-4月)
2.uni-app和微信小程序(1-2月)
课程推荐:vue React Angular uni-app 微信小程序
结语
1.第一阶段(1-2月)
1.HTML(1-2周)
HTML主要是就是学习一些常用的标签以及头部文件的了解,内容比较简单。
2.css(2-3周)
css知识点比较多,除了要学习和记住一些常用属性外,还需了解浏览器的兼容性,属性的各种书写方式,各个属性的使用场景以及属性之间的搭配,css是前端里比较复杂的一个点,能做的事很多且是编写网页布局的重中之重,需认真学习。
3.JavaScript(3-4周)
js作为一门弱类型的编程语言,学习难度并不大,但需学习的内容多且杂具体包括但不限于js的基本语法,dom操作,bom操作,原型链,this指向,异步,ajax以及es6的语法。js是让网站动起来的根本,没有js就没有现在形形色色的网站。
4.H5+CSS3(2-3周)
H5是HTML是一个版本,H5中新增了许多新的内容,比如获取用户的地理位置,视频音频标签,各种语义化标签等等。CSS3同理,也是新增了许多新的属性如动画,弹性盒子,媒体查询,阴影等。
第一阶段总结:前端学习的第一个阶段我们的目标应该是搭建PC端和移动端静态页面。让我们从小白升级成为网页的化妆师。这里需要掌握的知识点为HTML+CSS+JS相关内容。
推荐课程:HTML+CSS JavaScript Js进阶
2.第二阶段(2-3月)
1.node.js(2-3周)
node.js作为一个js语法的后端语言,能让我们体验用js语法搭建后台的同时,还能加强我们对全后端分离的理解,主要的学习内容是包管理工具npm,cnpm,yarn等,express,http,js的模块化commjs等。
2.git(1周)
git可以帮我们进行管理项目的历史版本,代码托管,版本回溯等,使我们可以更好的管理项目。
3.webpack(1-2周)
这是一个项目打包工具,可以打包项目中的代码,可以解决js代码的兼容性,css的兼容性等。
4.各种工具和规范的学习(2-3周)
学习各种前端开发的工具和库如lodash,axios,css预处理器less,sass,stylus,postman。
学习前端模块化,工程化,让项目结构变得规范起来,为之后的前端项目开发打下基础。
第二阶段总结:第二阶段主要是提高我们对于前端开发的概念,该阶段的学习能让我们可以搭建一个简单的后端供前端去调用接口,且使用postman测试接口,实现一个简单的动态网站。
课程推荐:node.js(含模块化,webpack) git lodash文档 axios文档 less sass stylus postman
3.第三阶段(4-6月)
1.Vue,React,Angular(3-4月)
目前前端三大主流框架,最好是三者都学习,从Vue开始,Vue入门简单,开发项目相对来说比较容易一点,建议学习Vue3+ts+vite+pinia+vue-router全家桶。能我们快速的步入入门前端的门槛。
2.uni-app和微信小程序(1-2月)
多端适配和兼容性是前端的一大难题,uni-app的出现可以让我们一套代码运行在14个平台上。微信小程序是当前非常热门的开发方向,制作简单,凭借微信流量多,是现在前端的必备技能。
第三阶段总结:第三阶段能让我们做出一个前后端分离的,且有多端的网站,使用的技术也是当前最热门的,学习完此阶段已经可以说是一个合格的初级前端工程师了!
课程推荐:vue React Angular uni-app 微信小程序
结语
以上就是我目前我认为的前端学习路线,不全但够大家入门的了,前端要学习的东西还有很多,但再往后就是我的知识盲区了,一起加油内卷吧。