个人前端初期学习路线

前言

这篇为博主学习前端的一个记录,包含了看的视频以及书籍,整个学习分为四个阶段(初期、中级、后期和面试阶段的准备)。对个人学习帮助不大的就不放了,放的全是个人五星推荐的资料以及链接,希望对前端小白有所帮助。


记笔记的软件

Typora:没有OneNote灵活,但代码多的话有时会用到这个

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👍👍👍

CSS3参考手册

Bootstrap v3

JavaScript(MDN)

ECMAScript 6手册

Node.js 中文文档

Express中文官网

Vue.js官网教程

MDN HTTP

MDN AJAX

MDN XMLHttpRequest

posted @ 2020-02-29 19:33  浮华而已-  阅读(666)  评论(3编辑  收藏  举报