web前端开发学习计划推荐

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),群内已经有管理将知识体系整理好(源码、学习视频、各大厂面试题等资料),欢迎加群免费领取。


点击链接加入群聊【web前端开发1群】:https://jq.qq.com/?_wv=1027&k=gNP48Dz8

加油吧,各位前端大神们~~~~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。