2020年最新版Web前端学习路线图-前端小白入门必读
Hello,大家好,相信很多学习前端的小伙伴,会有很多的疑惑:
我要学习那些技术?
我要到哪里去学习这些技术呢?
学习这些技术的目的对就业有什么帮助呢?
我学到什么程度可以胜任工作?
...
这里,小编给你们最全的解答。
前端2020年技术路线图.
1. HTML5 + CSS3
根据web前端发展史,建议大家先学习pc端页面开发。
包含: HTML5、 CSS3、 浮动、定位、盒子模型、高级技巧等等。
不用说,这是我们前端入门的最基本要求,目的是能完成页面的布局开发,这部分必须精
通。
这部分知识比较简单,不要去买书看了(太浪费时间), 直接视频资料就够了哈。
学完之后,只要网上看到喜欢的页面,就可以模仿下来,意味着你掌握成功。
2.移动端页面开发
我们先学习了pc端页面开发,但是现在移动端太常见了,所以我们也需要做移动端页面开
主要学习移动端常见布局:流失布局、flex布局、 rem布局、 响应式布局等。其中市场rem布局用的最多了,重点掌握。网上相应的布局视频很多,可以重点学习。
最终起码把几个大厂的移动端首页写出来才可以。比如淘宝、东、小米等。
3. JavaScript系列
JavaScript是我们前端的核心,需要精通掌握,可以直接学习ES5, ES6就可以了。这样就可以让我们页面交互效果动态展示起来了。
包含: JavaScript基础语法及Web API开发动态交互(网页特效)的网页、
JavaScript高级特性,如面向对象、闭包、事件循环等技术、jQuery也要了解一 些, 现在市
场很多老项目还是大量有jQuery的,你说不会jQuery,人家不相信你前端工作过。。。
学习渠道:
1.最权威的JavaScript网站MDN:
https://developer.mozilla.org/zh
CN/docs/Learn/Getting_ started_ with_ the_ web/JavaScript_ basics
当然还可以去菜鸟教程等。
2.各种视频网站,首推B站,腾讯课堂等。搜索相关关键字即可。
3. JavaScript相关面试题可以去掘金、牛客网、github 等网站。
4.相信我,最好的还是百度。
学到js ,你应该要有自己的github或者码云的账号了,里面有大量资源可以让你去查阅
习。
推荐的书籍:《JavaScript DOM编程艺术》、_《JavaScript高级程序设计》、 《
知道的JavaScript》、《锋禾的jQuery》等,建议直接网上搜电子书即可。
4. Ajax和git
前面我们写的所有页面都是静态的,也就是所有的数据都是假数据,实际开发的时候,数
是从后台获取过来的,那么如何获取后台的相关数据呢?答案就是ajax。前端必备哦
通过Ajax实现与服务器的通信,获取服务器提供的数据,然后动态渲染输出,实现动态
的开发。学习git版本管理工具,实现企业级多人协同开。
学到这里,最好有个项目练习,这样可以更好的明白动态网站是如何开发的。
现在网站都是流行前后端分离,这个阶段我们能知道如何调用后端接口。
5. Node.js
相信学ajax的时候,很多教程搭配php或者其他后台语言来学习,但是我更推荐ajax和node
来学习,毕竟都属于我们前端内容,省去在学习另外一门语言的痛苦。
目的:通过学习Nodejs和MySQL深入理解网站的本质,以及前端在整个网站开发中的
角色,为在企业中前后端协同开发提供帮助。体会Nodejs在前端工程化开发中的重要作
用。
学习推荐地址: .
推荐一个博客: https://cnodejs.org/getstart
6. VUE
前端三大框架你肯定听过vue、react 、angular。 国内最火的框架是 vue,而且
vue3.0马上也要发布了,肯定还会火-把。
有了这些框架,我们开发页面更加快速和高效,性能维护有了极大提高。
目的是:掌握MVVM、模块化、组件化、状态管理、路由等技术在实战项目的应用,丰开
发经验、提升实战能力,为高薪就业提供保障。
Vue官网就非常全面: https://cn.vuejs.org/
而且b站上面也非常多的视频教程。学完开发一个pc端和移动端的网站练手。
7. React
如果说vue国内最火,那么国外react是 最火的,且现在react在国内大厂使用非常普遍,也
有越来越多人选择react.
7. React
如果说vue国内最火,那么国外react堤最火的,而且现在react在国内大厂使用非常普遍,也
有越来越多人选择react。
8.微信小程序
小程序也能增加我们就业方向,也需要我们学习。学习并掌握小程序开发的相关知识,能够
独立完成小程序的开发。通过学习跨平台小程序技术方案,实现小程序的跨平台支持。
最后一句话,一个人自学很难,要么参加培训,要么拉个志同道合的人一起监督学习,要是能找个师傅最美了。。。这里小编推荐一下自己的前端开发群(545667817),群内已经有管理将知识体系整理好(源码、学习视频、各大厂面试题等资料),欢迎加群免费领取。
加油吧,各位前端大神们~~~~