# 前端路线 **Repository Path**: whaleds/front-end-route ## Basic Information - **Project Name**: 前端路线 - **Description**: 前端路线 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 2 - **Forks**: 0 - **Created**: 2021-10-04 - **Last Updated**: 2023-03-01 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 前端：（耗时6~8个月） 1、学习技巧和心路历程：不要死记硬背学到的，面试知识才是死记硬背的，学习的时候不需要。学完框架(vue)做完项目后如果还是一点意思都没，没有热情，说明不适合前端。 2、我的自学方法： 1. 先看视频（按自己接受程度倍速观看，最快的学习方法，但是视频的对你要学的内容讲解肯定是不全的，视频中也有很多小实操，觉得自己看完后记不住可以跟着操作一下） 2. 因为视频可能没有讲到全部的技术相关的知识，一定要找到所学知识的官方文档 **全部** 看一遍 (**非常非常重要**) 有看官方文档进行学习的能力是十分重要的，这样可以省去很多看一些很简单的视频去了解知识的时间。 3. 自己找项目（视频）一步一步学习实操，把学到的知识巩固 4. 有必要时看看书，简单的知识就不用看了，但比如学到javascript这个重要的前端技术，可以淘宝搜索相关知识，看看对应的书籍，或直接找pdf电子版看(相关书籍已经放在压缩包里) 3、B站是最好的大学老师，网络上的视频质量都是参差不齐的，简单的知识直接B站学就行了。高级一点的都是买盗版课学（比如做项目和一些B站视频教学不多的知识比如react，我都有质量很好的资源） ps：相关程序员网站：(遇到问题查询顺序，掘金 -> csdn -> 百度) [掘金](https://juejin.cn/)：比csdn好，文章一般都是无错的 [csdn](https://www.csdn.net/)：很多抄袭文章，当然也有好文章 [牛客网](https://www.nowcoder.com/interview/center) ： 很多面经，可以学的时候看看面经。 [github](https://github.com/)：全球程序员最大的开源社区！！！ [博客园](https://www.cnblogs.com/) [知乎](https://zhuanlan.zhihu.com/) ## 进入所有阶段前的第一步(两个半月~三个月左右) ***首先要说一件事***：看视频，看书，很多时候会产生一个想法 - 这玩意真用的到吗？很多时候都是用得到的，很多面试都会问的，往往觉得用不到的都会用到，不信自己学习的过程中可以随时看看前端工程师的很多人发面试经历（牛客网-前端工程师面经：https://www.nowcoder.com/discuss/experience?tagId=644） 第一步大概做什么： - 做完第一步，你已经可以自己做项目了。前端基础HTML+CSS+JS三件套，基本的前端思想已经有了，一个前端框架Vue都已经会了，可以去 小公司 工作了。 - 主要是系统学习一遍HTML和CSS和JS和一个框架，看看别人就业班对0基础的课程。（看完一遍跟着实操完其实也很强了，可以看看自己对前端是否真的有些兴趣。） ![输入图片说明](https://images.gitee.com/uploads/images/2021/1004/213056_822906db_5672792.png "屏幕截图.png") **第一步五个步骤：** 1. **看完2020年前端就业班视频 - （半个月 ~ 一个半月，我已经给你标注好哪些没用的不需要看的了），2021的我什么软件都找遍了没找到盗版课，认识的卖盗版的人说要12月底出盗版，其实两个版本也差不多的** 就业班盗版视频 ：（百度云盘有 - 主要就是学html、css、js、vue基础，视频里的图片题目可以不看，视频是全的，可能会感觉有点麻烦，但我和我同学都看完了） ![输入图片说明](https://images.gitee.com/uploads/images/2021/1004/213113_2a0ea867_5672792.png "屏幕截图.png") 正版链接：https://class.imooc.com/fe2021#Anchor 看的时候结合 [HTML文档](https://www.runoob.com/html/html-tutorial.html)，[CSS文档](https://www.apiref.com/css-zh/index.htm)，[JS文档](https://www.w3school.com.cn/js/js_intro.asp) , [vue文档](https://cn.vuejs.org/v2/api/)看, 文档都得简单全部看一遍，记不全文档内容没关系，知道文档有哪些API用就行，以后想到了要用但忘记了再查文档。 2. **看B站coderwhy老师的Vue视频，结合vue文档，且里面也有一个小项目也要做（半个月 ~ 一个半月）** 一战封神的Vue框架视频，coderwhy老师非常强，淘宝买了他很多盗版课都在云盘了： https://www.bilibili.com/video/BV15741177Eh?from=search&seid=14108641164722364380&spm_id_from=333.337.0.0 3. **再做一个项目（半个月内）** 推荐项目：Vue框架仿网易云音乐（百度云盘有，可放简历） 正版链接：https://coding.imooc.com/class/503.html ![输入图片说明](https://images.gitee.com/uploads/images/2021/1004/213129_d223affe_5672792.png "屏幕截图.png") 4. **学node.js（半个月内）** - 关于node.js（不需要学精（不需要了解原理），看视频和做项目都会用就行了）： - 相关视频：（百度云盘有资源，coderwhy老师的） 正版链接：https://ke.qq.com/course/3025600 ![输入图片说明](https://images.gitee.com/uploads/images/2021/1004/213140_8fe4c392_5672792.png "屏幕截图.png") - 相关文档（不用看完，文档有哪些东西就行，不会就查阅然后用）：http://nodejs.cn/ - 相关书籍：不用看书 5. **再做一个项目（半个月内）** 既然学了node肯定要做一个相关项目： 推荐项目：Vue后台管理系统（百度云盘有，可放简历） 正版链接：https://coding.imooc.com/class/401.html ![输入图片说明](https://images.gitee.com/uploads/images/2021/1004/213159_eae1c024_5672792.png "屏幕截图.png") # 开始进入阶段学习 如何精细的学习？开始进入阶段学习，若是觉得以下阶段的一些视频的某些集的内容自己在之前就业班视频已经掌握了，直接跳过即可，但是官方文档是一定要全部看一遍！！！ ## 一、第一阶段：（学习计算机基础 - 一个月） 没计算机基础的人面试好公司必挂，计算基础好的人才能去更好的公司。 ### 1、15天 数据结构与算法（大厂面试必问，15天学完数据结构后题还是要坚持刷） - 相关视频：https://www.bilibili.com/video/BV1x7411L7Q7?from=search&seid=14311978395809552597&spm_id_from=333.337.0.0 百度云盘也有视频： ![输入图片说明](https://images.gitee.com/uploads/images/2021/1004/213212_acdb3ff1_5672792.png "屏幕截图.png") - 刷题（每天刷，有空就刷，猛刷，我一共刷了一百多道）：https://leetcode-cn.com/ 先按标签分类刷题，然后随便刷，刷hot 100题目 ### 2、15天 计算机网络 如果想系统的学习要很久，建议快速入门，其实我对这部分掌握的不多，也只是应对面试，起码要知道计算机之间如何通信（知道OSI七层模型、IP协议、CDN、DNS、TCP等等，面试都会问，这些叫做八股文） - 想迅速入门：http://www.52im.net/thread-1095-1-1.html - 想系统了解：看 计算机网络（第7版）-谢希仁 这本书（百度云盘有，pdf已放压缩包，这本书是大学教材，基本每个人都看过，可以挑着看这些内容：TCP全部相关、UDP全部相关、CDN全部香港、IP地址全部相关、DNS全部相关、OSI七层模型全部相关...先看这么多，后面准备要面试再看别人的面试经验，不会的再补漏） ### 3、3~5天 学习HTTP协议 面试会问，因为前端要跟后端交接，要发请求，要对它有了解，面试基本必问，可以看面经了解问什么。 相关书籍：（压缩包有，**图解HTTP** 一定要看一遍，200多页，一两天就能看完） 相关文档： [http](https://www.runoob.com/http/http-tutorial.html) 相关视频：不用看视频 ## 二、第二阶段（前端三件套系统学习 - 一个月） 因为有看过就业班的视频，很多东西都会了，但毕竟是就业班的视频，肯定是有东西学漏的，为了精学： ### 1、HTML+CSS （5天） - 相关视频： https://www.bilibili.com/video/BV14J4114768?p=20 - 相关文档： - html：https://www.runoob.com/html/html-tutorial.html - css：https://www.apiref.com/css-zh/index.htm - 相关书籍：这两个知识不需要看书，也简单，看了也没用，就是要多用。 ps：注意有时候会看到HTML5和CSS3这两个东西， 其实对比 HTML和CSS 只是版本更新，增加了点东西而已 ### 2、Javascript（前端最重要的部分，是前端的根基，它造就了前端的所有知识，可以说它是根基，系统学习 - 15~20天） - 若是觉得基础还不够扎实调着不会的看点基础：https://www.bilibili.com/video/BV1Sy4y1C7ha?from=search&seid=14126333022448395615&spm_id_from=333.337.0.0 - 相关视频（看完就业班的课程，可以直接看看高阶视频，和原理相关了已经）：https://www.bilibili.com/video/BV1Kb4y1U7F9?from=search&seid=12818653791419005424&spm_id_from=333.337.0.0 - 相关文档（全部看一遍）：https://www.w3school.com.cn/js/js_intro.asp - 相关书籍：**Javascript高级程序设计** [淘宝链接](https://detail.tmall.com/item.htm?id=520830234267&ali_refid=a3_430582_1006:1110169018:N:UxZJiXb9HGvjaEwSsl47TYD7FWjT%2BKAxP8i1AY63ENk%3D:8ebd4b6685d7db7b6a79a5267c22e7e2&ali_trackid=1_8ebd4b6685d7db7b6a79a5267c22e7e2&spm=a230r.1.14.1)（很难啃，可以不看完，但也要硬着头皮看前面一些，让你自己知道javascript的知识是有多少，自己肯定是没学完的，学习是要一直进行的） ### 3、ES6（非常重要 - 5~10 天） 看coderwhy老师的Vue的时候肯定也学了不少ES6相关的知识，应该多多少少也知道了ES6和Javascript的关系，要理清ES6和Javascript的关系 - 相关文档：ES6官方文档（阮一峰公认前端大神写的，也有实体书，百分之95的字都是有用的，建议全文档刷几遍）：https://es6.ruanyifeng.com/#README - 相关视频：https://www.bilibili.com/video/BV1uK411H7on?from=search&seid=10842570291748929863&spm_id_from=333.337.0.0 - 相关书籍：不用看书 ## 三、第三阶段（学习Webpack和Typescript和vue原理！！！-一个月，都是了解 - 半个月~一个半月） **1、webpack是打包工具：**（半个月） vue-cli脚手架已经用了不少了，它就是默认用webpack打包工具的，要对webpack进入深入学习 - 相关视频：（盗版百度云盘有，coderwhy老师的，理清它跟前端开发跟前端框架（vue、react）的关系） - 相关文档（不用全部看一遍）：https://webpack.docschina.org/ - 相关书籍：不用看书籍 **2、typescript和这是很多公司也会用到的一个技术，一定要学，要理清它和javascript的关系，它是用来规范Javascript的**（7天） - 相关视频：https://www.bilibili.com/video/BV1UD4y1m7Gw?p=62 - 相关文档（全部看一遍）：https://www.tslang.cn/docs/handbook/basic-types.html - 相关书籍：不用看书籍 **3、看看Vue框架原理！！！！：（半个月内，百度云盘有，慕课网的盗版课来的）** - 相关视频：（盗版百度云盘有） 正版链接：https://coding.imooc.com/class/228.html ![输入图片说明](https://images.gitee.com/uploads/images/2021/1004/213237_55d2b25f_5672792.png "屏幕截图.png") - 相关文档（全部看一遍）：https://vue-js.com/learn-vue/ - 相关书籍：不用看书籍 **以上全部学熟悉，不需要精通，都已经可以找一个中厂工作了** ## 四、第四阶段 - 就业面更广，学习react，迟早得学（一个月） 因为很多公司都是用Vue或React进行开发，你只会Vue只能选择某一部分公司去，react也是要学的(比vue难) ![输入图片说明](https://images.gitee.com/uploads/images/2021/1004/213254_652a90ff_5672792.png "屏幕截图.png") - 相关视频：（盗版百度云盘有，coderwhy老师的） 正版链接：https://ke.qq.com/course/2555753 - 相关文档（全部看一遍）：https://react.docschina.org/docs/getting-started.html - 相关书籍：不用看书籍，直接做项目实操。