-
本人作为双非研究生在读，方向：前端开发，以下建议与经验，仅供参考，欢迎相互学习与交流！ 2[1](Frontend Developer Roadmap: Learn to become a modern frontend developer)这是我当时在广州视源电子科技有限公司（CVTE）实习的时候，前端组的同事分享给我的，觉得不错！大家也可以参考这个理解我下面所述内容。
-
前端的学习可以说很多东西需要学习，我签约公司职位名称定位：程序开发工程师，这是一个广义的概念，也是后话，首先“知己知彼，百胜不殆”，了解自己的兴趣点还有对自己一个知识定位，然后按照学习路线，坚定去做一件事就可以了，希望通过这篇文章，可以帮助大家少走弯路。
-
首先：基础的前端知识补充：①HTML（超文本标记语言）+CSS，这个我是通过哔哩哗啦（B站）上面观看黑马pink老师讲解的，他讲课的风格非常通俗易懂还有诙谐幽默，会结合一些小的实例及商城页面来讲知识点（对于喜欢看视频学习的同学非常友好），书籍的话参考HTML+CSS书籍[2](Head First HTML与CSS（第2版） (豆瓣) (douban.com))，例如：1）[3](HTML 介绍 - 学习 Web 开发 | MDN (mozilla.org))）[W3School等等](HTML 教程 (w3school.com.cn))。②JavaScript（比较重要）,学习的话同样是视频B站上搜索，这里的话要推荐两本书籍，非常重要！！！3）JavaScript高级程序设计（第4版）（俗称红宝书）4）JavaScript权威指南（第七版）（俗称犀牛书），学习与工作都能用上，面试官都会问到你阅读了哪些书籍，第一本书强烈推荐。
JavaScript进阶，可以分为两个部分：①JavaScript的高阶用法。参考[5]((建议收藏)原生JS灵魂之问, 请问你能接得住几个？(上) - 掘金 (juejin.cn))[6]((2.4w字,建议收藏)😇原生JS灵魂之问(下), 冲刺🚀进阶最后一公里(附个人成长经验分享) - 掘金 (juejin.cn))②JavaScript的底层原理的掌握[7]((2.4w字,建议收藏)😇原生JS灵魂之问(下), 冲刺🚀进阶最后一公里(附个人成长经验分享) - 掘金 (juejin.cn))[8]你不知道的JavaScript（上卷） (豆瓣) (douban.com)（这个现阶段我也没有看过）
自己学习前端的一些途径及方法①公众号：如下所示图片（1）（2）；②掘金：作为技术分享平台，上面的干货也是很多，喜欢看一些博客的可选；③牛客网：对于校园招聘，企业有需求，员工会推送一些招聘链接，同时也有很多面试者面经，多看这些面经，大有好处；④GitHub：上面有优秀的前端开源项目，还有一些前端组件，框架可调用。⑤B站：比如HTML、CSS、JavaScript我都是看的pink老师讲解的；⑥慕课网：当时找项目，我是通过慕课网上的前端实战系列项目来学习的（首先是自己嫌麻烦，其次是网上部分项目资料不足，缺这个缺那个，最后自己喜欢有针对性的看）；⑦项目比赛系列：阿里前端练习生计划（蔚来前端同学告知有这个东西），字节青训营（自己体验）。
（1）
（2）
JavaScript设计模式与开发实践：这里我买了课程（慕课网），大家也可以B站自己去搜，或者买书。
5.前端框架的学习：下面放一张阿里社会招聘的招聘要求图（因为22校园招聘前端已经截止了）：
本人现在对Vue比较熟悉，因为实习公司业务Vue用的多，刚开始学习时Vue可能相对容易上手一些，大厂对React也问的多，知乎Vue的创造者尤雨溪也活跃在我们眼前，现说说我的学习方法：
官方教程[9]介绍 — Vue.js (vuejs.org)，我觉得非常好！ 对于找工作的同学可以在B站上面找相对应的项目学习，个人是在慕课网上搜相关的Vue.js实战课程，可以在网上找盗版视频看看，有条件的可以直接购买。 Vue.js进阶[10]剖析 Vue.js 内部运行机制 - 染陌同学 - 掘金小册 (juejin.cn)，《深入浅出Vue.js》，《Vue.js 技术揭秘》[11]前言 | Vue.js 技术揭秘 (ustbhuangyi.github.io)，Vue全面解析[12]github.com/HcySunYang/… 、对于React框架的学习的话，React官方教程是一个不错的选择，再结合网上视频教程相信大家很快能得心应手。对于Angular框架的学习，周围学习的小伙伴甚少，所以不做建议，大家可以自行搜索经验。
6.Node.js：“Nodejs主要做：①Web开发，微服务，前端构建；②开发前端库；③开发低延迟的网络应用。Nodejs是一个让JavaScript运行在服务端的开发平台，它可用于方便地搭建响应速度快、易于扩展的网络应用。——来源html中文网 在前端方面，Node.js起着很大作用，学习的话可以B站搜一些视频来补充，在无论是实习还是正式工作，前后端有着密切联系，Node.js作为“后端语言”，有时候前端招聘要求会写上掌握Node.js开发优先或者更好，我的学习是结合Vue框架学习时候视频顺带学习了，还有一个Node.js+Koa+MongoDB+Robot3T做了一个项目就熟悉了起来，感兴趣者私信我做详细介绍。
7.ES6语法: 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准,良好的代码规范，标准，、（是作为程序员的专业素养的体现，有时也是代码运行的规则，不但有利于自己理解，还可以减少代码的冗余）在这里强烈建议学习来自于阮一峰创作的书籍，我也购买了，此处附有他的电子资源[13]ES6 入门教程 - ECMAScript 6入门 (ruanyifeng.com)
Typescript：TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准，附上在线教程[14]，个人现在阶段有一个项目正在结合React.js框架（React.js+TS）进行学习，有兴趣学习的点击链接[15]
8.浏览器原理：我个人当时学的晚，是通过一些面经还有一些好的博客进行学习，这里推荐一个免费的学习网址，大家参考学习：[[16]]浏览器的工作原理：现代网络浏览器幕后揭秘 - HTML5 Rocks
9.数据结构与算法，这个是很重要的！对于进大厂的同学需要着重准备一下，我就是算法刷的少，所以秋招受了很多挫折，建议大家多刷leetcode上面的题目（题目难易程度可以参考牛客网上面经题目），这里附上leetcode链接，以及我买的数据结构与算法的网盘资料，大家自取。[17]
10.Internet:这个的话是程序员必备的一些知识，大家可以看到很多互联网公司第一条就会显示：计算机和电子信息科学等相关专业优先，我面试也会经常被问到如下问题：你是控制工程，你为什么选择前端这个方向？你不是科班方向，你是如何学习前端的？你学习前端的学习路线是什么，如何学习前端的，可以讲讲吗？等等。面试官的角度希望是希望你有如上专业的专业素养，上过相关课程，其实大家很多是没有这些课程需要上的，也不是这些方向，那我们该怎么办呢？这就需要我们用强有力的专业知识来告诉他们，这些我会！
- 首先也是参考[1]的路线图这个放在前面的原因。
- 我是通过一些博客还有牛客网上的面经加买的一本计算机网络进行学习的。
- 这是极客时间上的付费课程，自己有需要才看[18]透视 HTTP 协议 (geekbang.org)，w3school也有，TCP/IP 详解（我买的计算机网络那本书也有）
11.性能优化：在面试的过程中经常会问到浏览器性能优化的相关问题，大家可以看MDN上面的前端开发性能优化或者看《Web性能权威指南》
12.前端工程化工具（一些打包工具，开发工具，有源框架等）
- 对于webpack学习，自己附上购买的课程，大家自取mksz316 - 手把手带你掌握新版webpack4.0【更多IT教程 微信ocools】(更多IT资源+微信ocools)_免费高速下载|百度网盘-分享无限制 (baidu.com) 现在寒假实习还有来年的实习大家可以琢磨者准备开始了，做完两三个项目就可以写简历，找实习或者工作了，周围有很多同学都是实习在字节，阿里，小米等实习转正的，这种就比秋招容易一点。在找工作过程中需要内推码或者内推的可以私信我。
