个人前端初期学习路线
前言
这篇为博主学习前端的一个记录,包含了看的视频以及书籍,整个学习分为四个阶段(初期、中级、后期和面试阶段的准备)。对个人学习帮助不大的就不放了,放的全是个人五星推荐的资料以及链接,希望对前端小白有所帮助。
记笔记的软件
Typora:没有OneNote灵活,但代码多的话有时会用到这个
OneNote:强推,方便做笔记👍👍👍
看过的视频
单独拎出来的是推荐的。基础的html、css、js基本看的是书和官方手册,配套仿写代码来来学习,视频也看了些但帮助不大就不放了
Ajax教程:链接:https://pan.baidu.com/s/1R1PuTvgdqyyw5DKY6oc0tA 提取码:ncgf
Node.js:链接:https://pan.baidu.com/s/1crANe7xNvsEDKK8frhinQA 提取码:edt8
vue.js:链接:https://pan.baidu.com/s/129Ff2NulDGMmEdIYgejhYQ 提取码:h9ye (挺浪费时间的,但讲的知识点比较细)
Vue2.5开发去哪儿网App 从零基础入门到实战项目(讲的知识点和扩展的比较多)
链接:https://pan.baidu.com/s/1AfLqhAAPZxi_VBeLAZK1Kg 提取码:io15
React:链接:https://pan.baidu.com/s/1GATSVJm60C6rGakIzDfByQ 提取码:19cl
b站 ES6:https://www.bilibili.com/video/BV1Kt411w7MP?p=1
在看和已看完的书
初期
《精通CSS:高级Web标准解决方案》pdf:链接:https://pan.baidu.com/s/1FptUC0RzaYM1F9DagZLW6A 提取码:zr91
《JavaScript高级程序设计》pdf:链接:https://pan.baidu.com/s/1lrOz4ZwfupYsMtJLeuos0g 提取码:wsnv
《图解HTTP》pdf:链接:https://pan.baidu.com/s/1FV6nIHSCC7gVby8Sfv1z-A 提取码:3w8n
中期
《ES6标准入门》:阮一峰ES6入门教程
《JavaScript正则表达式迷你书》pdf:链接:https://pan.baidu.com/s/1l6IQ-ryx2fftGduKgsKxbw 提取码:rp1v
《高性能网站建设指南》pdf:链接:https://pan.baidu.com/s/1WSqn63mUkOMkuysfMcmEaA 提取码:tvaz
《JavaScript设计模式与开发实践》pdf:链接:https://pan.baidu.com/s/1BXd6h1y_iEY_r3pthxZJmw 提取码:wwpk
《学习JavaScript数据结构与算法》pdf:链接:https://pan.baidu.com/s/1LegkPotzpyDiw6G5SBb60A 提取码:y7gn
Node、Vue等推荐看官方文档和视频,多写代码。看书对我帮助不大
面试准备
力扣:题库
剑指offer:题库
前端面试之道:掘金小册 网上pdf资源也有但观感不好,还是选择了购买,掘金新用户有5折优惠,20几块钱一杯喜茶而已
重学前端pdf版:链接:https://pan.baidu.com/s/1urVqYY5dSwKQ9M_MyegseA 提取码:ye7p
经常看的官方文档
自己在初期学前端的时候方法并不太好,就是很碎片化的学习,也不及时总结,导致脑子里很乱。在后来整理前期笔记的时候,发现很多内容官网上很全面详细,仿佛打开了新的大门。以前是用到什么就去百度搜什么,现在是在官网找某个知识点的同时,我会把官方文档里的目录复制下来放到OneNote中,然后标记会的,在实践的过程中一点点补充不会的,慢慢建立和完善自己的知识系统。专题-使用OneNote进行前端的高效学习
大家都要学会看官方文档,写的多好多明白多全面,为什么还要去碎片化的搜索呢
以下链接,建议每个小白的搜藏夹里都有。尤其推荐MDN web docs👍👍👍