前端工程师一般喜欢逛什么网站,都学哪些重要的内容?

  1. 云栖社区>
  2. 博客>
  3. 正文

前端工程师一般喜欢逛什么网站,都学哪些重要的内容?

H5前端大世界 2019-10-23 17:19:27 浏览824
展开阅读全文

 

 几年前, jQuery + Bootstrap可以说是一统江湖,是前端领域的绝对霸主。而这几年,随着Angular、React、Vue等框架的兴起,变成了百家争鸣的局面。这几年,Web 前端的技术发展真是太快了,相应地,技术栈也就变得非常多,除了最基本的HTML/CSS/JavaScript,以及Vue/React/Angular等这些 JavaScript 框架和各自的生态体系,还有 CSS 预处理器Sass/Less/Stylus,还有TypeScript,还有grunt/webpack/gulp等各种打包构建工具,还有其他一大堆技术栈。这么多技术栈,我们不可能全都掌握,就算是资深的前端工程师,也只是精通其中一部分,接下来我给大家推荐一些我自己比较常看的书籍以及网站。

  一. 书籍方面

  1. HTML 和 CSS 基础方面的,首推《Head First HTML与CSS》,编排设计通俗易懂,就连完全零基础的非 IT 人员都适合学习。不过,Head First 这本书没有涉及到 HTML5 和 CSS3 的更新内容。不过,Head First 有另一本书讲解了 HTML5,叫《Head First HTML5 Programming》,不过,要熟悉 HTML5 的用法,还是要先掌握一点 JavaScript 基础。CSS3 方面 Head First 则没有相应的书籍,因此,我推荐另一本《CSS3实用指南》。

  2. JavaScript 方面,我首推《JavaScript高级程序设计》这本书,书中内容由浅入深,也是写得通俗易懂,适合入门。另外,有些人会推荐《JavaScript权威指南》,但这本书主要还是一本字典书,略显晦涩,其实不适合入门。不过《JavaScript高级程序设计》还是基于 ES5的,为了补充ES6的内容,推荐阮一峰的《ES6标准入门》,目前是第3版,内容已经覆盖了最新版本的ES2017。

  3. Vue学习资源方面,最好的应该就是官方文档了。另外,《Vue.js实战》这本书有尤雨溪作推荐序,也可以买来看看,可以作为官网的补充资源。对于一些概念如果还不是很理解,也可以暂时先放一放,后面在做项目开发的过程中可能你就会理解了。另外,也给大家推荐了一个汇总了众多 vue 开源项目的 github 地址:https://github.com/opendigg/awesome-github-vue

  二. 网站方面

  1. thebestdesigns.com 站如其名,灵感来源。里面拥有最好的网页设计以及最出色的网站主题。

  _1

  2. Codrops | Useful resources and inspiration for creative minds 有用的资源和创新思维的灵感,资源丰富,想了解前端最新动态,每周一期的 Collective 不得不看。

  _2

  3. https://github.com GitHub — 开发者最最最重要的网站 这个不用多说了吧,代码托管网站,上面有很多资源,想要什么轮子,上去搜就好了。并且呢,上面有很多优秀的程序员,你可以在这里交到很多好朋友喔。

  _3

  4. https://juejin.im 掘金 — 帮助开发者成长的技术社区 现在国内优质的开发者交流学习社区,可以去看大佬们写的文章,也可以自己分享学习心的,与更多开发者交流。认识更多的小伙伴儿,提升个人影响力。

  _4

  5. https://www.nowcoder.com 牛客网 — 面经和刷面试题 各个公司的面试题和面经分享,找工作前认真刷一刷,一定会有很大收获!拿到心仪的 offer!

  _5

  6. LintCode:https://www.lintcode.com/ 算法学习网站,以前上学的时候有句话叫做学好数理化,走遍宇宙都不怕。现在作为一名程序员,上去每天刷两道算法题,学好算法,走遍天下才不怕。

  _6

  总结:

  作为前端开发,要学的技术栈真的很多,除了最基础的 HTML/CSS/JavaScript,还包括 HTML5、CSS3、ES6,还要学习目前流行的 JavaScript 框架,我的建议是从 Vue 开始,容易入门,要掌握的技术栈包括 vue + vue-router + vuex + vue-cli + axios + sass + webpack,另外,node.js 也要了解点基础。

  最后,实战项目我推荐了一个完整的 vue 版饿了么项目供大家参考学习:

  https://github.com/bailicangdu/vue2-elm

网友评论

登录后评论
0/500
评论
H5前端大世界
+ 关注