前端工程师一般喜欢逛什么网站,都学哪些重要的内容?
几年前, 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 站如其名,灵感来源。里面拥有最好的网页设计以及最出色的网站主题。
2. Codrops | Useful resources and inspiration for creative minds 有用的资源和创新思维的灵感,资源丰富,想了解前端最新动态,每周一期的 Collective 不得不看。
3. https://github.com GitHub — 开发者最最最重要的网站 这个不用多说了吧,代码托管网站,上面有很多资源,想要什么轮子,上去搜就好了。并且呢,上面有很多优秀的程序员,你可以在这里交到很多好朋友喔。
4. https://juejin.im 掘金 — 帮助开发者成长的技术社区 现在国内优质的开发者交流学习社区,可以去看大佬们写的文章,也可以自己分享学习心的,与更多开发者交流。认识更多的小伙伴儿,提升个人影响力。
5. https://www.nowcoder.com 牛客网 — 面经和刷面试题 各个公司的面试题和面经分享,找工作前认真刷一刷,一定会有很大收获!拿到心仪的 offer!
6. LintCode:https://www.lintcode.com/ 算法学习网站,以前上学的时候有句话叫做学好数理化,走遍宇宙都不怕。现在作为一名程序员,上去每天刷两道算法题,学好算法,走遍天下才不怕。
总结:
作为前端开发,要学的技术栈真的很多,除了最基础的 HTML/CSS/JavaScript,还包括 HTML5、CSS3、ES6,还要学习目前流行的 JavaScript 框架,我的建议是从 Vue 开始,容易入门,要掌握的技术栈包括 vue + vue-router + vuex + vue-cli + axios + sass + webpack,另外,node.js 也要了解点基础。
最后,实战项目我推荐了一个完整的 vue 版饿了么项目供大家参考学习:
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
网站开发需要的技术
网站开发时基于B/S结构的网页开发,大多数具有互动性,也可以理解开发既是制作板块,是好多小版块带来的开发,网站是由若干个页面组成的有联系的集合。为什么我们经常在访问某个网页是只需要输入网站的域名就可以打开网站了,这就说明网站与一名绑定后对该网站设置了默认的首页。网站的默认首页就是默认文档,他是指在访问一个文件目录的时候自动定位的一个文件,例如你的服务器空间里面有很多不同名字的文件,但是您希望哎输入网址的时候访问其中一个叫index.htm的文件,那么你就需要把首页默认设置为index.htm。那么开发一个网站需要哪些技术呢。 HtmlHtml是超文本标记语言,标准通用标记语言下的其中一个应用,html是一种描述性的语言,网站制作必备的一项技术; 2.服务器架设要开发一个网站就需要架设服务器来调试 ,开发出来的页面。3.css语言层叠样
- 下一篇
有Java基础的程序员,是如何看待Python这位少女的?
随着人工智能的火热,Python作为这块领域中的佼佼者,也得到了迅猛的发展。作为一门强类型的动态脚本语言,Python与JavaScript非常相似,无论是语法思维上还是可用的基础工具(内置API)上,对于写惯了JavaScript的我们来说,Python非常的友好,友好在哪呢?我们一起来看看吧。 由于我们都是有JavaScript基础了,所以学习Python的方式得做一些小改变,不需要去看文档学习API,那样其实蛮累的,毕竟脱离了生产的学习API,就犹如听着昏昏欲睡,毫无感情色彩的四六级听力,嚼着一段段生搬硬套硬凑生词的阅读理解,你很难真正的听懂、读懂它。(有幸在车站跟外国人交流过,他们说的话听起来真的很优美,很灵动,这跟一直是第一声的四六级完全不同,好吧,扯远了) 学Python,我的理解 —— 就像学JQuery,学会一个$(id class tag),理解它比原生JS对于DOM操作的简化就够了,其他的五花八门的API,你在生产环境下用上一遍,自然而然就会了。 这里我们也是一样,不学习它的API,我们用Python来解决问题,解着解着,你自然也就会了,而且可以让你的头发少掉那么几...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- SpringBoot2更换Tomcat为Jetty,小型站点的福音
- Docker安装Oracle12C,快速搭建Oracle学习环境
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题
- CentOS6,CentOS7官方镜像安装Oracle11G
- CentOS关闭SELinux安全模块
- CentOS7设置SWAP分区,小内存服务器的救世主
- CentOS7,CentOS8安装Elasticsearch6.8.6
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装