【埃尔法哥哥】web工程师:2020年程序员应该如何有效的学习Web前端开发?

一个好的Web前端工程师在知识体系上既要有广度 , 又要有深度 , 所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师 。 那么如何系统的学习企业实用的web前端技术呢?
当大家有了一些HTML的静态布局的基础 , 那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门 , 知道了Web前端到底是做什么的 , 那么我们入门之后应该学习哪些系统的前端知识体系呢?如果我们大家选择自学 , 那么我们就应该根据个人的学习能力 , 制定好每天学习“量” , 今天技术学派帮大家梳理了一条学习路线 。
【埃尔法哥哥】web工程师:2020年程序员应该如何有效的学习Web前端开发?
文章图片
第一阶段HTMl、CSS、JavaScript
我们学习Web前端开发系统知识 , 除了学习JavaScript之外 , 其他的千万不要买书看 , 对于html , css看视频学习就可以了 , 看书完全是在浪费时间 , 而且也不会动手去写代码 , w3cschool是我们学习Web前端开发的标准 , 可以随时查阅 , 为什么我说除了学习JavaScript之外其他的知识不用看书 , 这个你以后工作了之后就会明白 , 在这里推荐JavaScript书籍《JavaScript权威指南》 。 建议没有基础的同学可以看看 , 如果你工作了 , 或许对你用处并不大 。
【埃尔法哥哥】web工程师:2020年程序员应该如何有效的学习Web前端开发?
文章图片
第二阶段学习框架
Web前端框架都是用JavaScript封装出来的 , 所以对于JavaScript一定要掌握好 , 一定要了解es6 , 和现在比较流行的主流框架如React、Vue、Angular 。 现在公司都会用框架 , 但不止于这些 , 所以不会框架话 , 在找工作中是很困难的 。
【埃尔法哥哥】web工程师:2020年程序员应该如何有效的学习Web前端开发?
文章图片
第三阶段多做几个项目练手
当我们有了一定的基础后 , 一定要多做几个项目去练手 , 这样我们才会有进步 , 可以找到身边从事前端的朋友要一些完整的项目 , 然后去分析前端部分 , 自己尝试去做项目 , 因为我们目前只会做前端部分 , 所以后端的代码我们不会 , 那我们就需要用一些假的数据来填充页面了 , 所以我们不需要从数据库中获取 , 我们练习的时候 , 写固定的数据就可以的 , 多做几个大型网站让自己更加熟练 , 然后掌握一些解决问题的能力 , 如果自己可以独立完成一些网站的项目 , 那么在一线城市找个7000-8000的工作是没问题的 。
【埃尔法哥哥】web工程师:2020年程序员应该如何有效的学习Web前端开发?
文章图片
【【埃尔法哥哥】web工程师:2020年程序员应该如何有效的学习Web前端开发?】第四阶段全栈发展
如果你觉得自己学习能力可以 , 接受能力也行 , 那么可以在学习一门后端语言 , 如:PHP , Java , Python都可以 , 如果你前后端的知识都可以掌握 , 那么你就是全栈工程师的材料 , 以后可以慢慢发展成为全栈工程师 , 年薪达到30万是可以的 , 站在全栈的角度上 , 深入的学习前端和后端 , 可以更好的了解Web系统的开发流程以及各个阶段的相互作用 。
【埃尔法哥哥】web工程师:2020年程序员应该如何有效的学习Web前端开发?
文章图片
学习建议
必须掌握基本的Web前端开发技术 , 其中包括CSS、HTML、DOM、BOM、Ajax、JavaScript等 , 在掌握这些技术的同时 , 还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug 。
在一名合格的前端工程师的知识结构中 , 网站性能优化、SEO和服务器端的基础知识也是必须掌握的 。
必须学会运用各种工具进行辅助开发 , 如:Webpack、Gulp等 。
除了要掌握技术层面的知识 , 还要掌握理论层面的知识 , 包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等等 。


推荐阅读