前端学习路线（持续补充中）

最新推荐文章于 2023-05-06 21:24:02 发布

格雷狐思

最新推荐文章于 2023-05-06 21:24:02 发布

阅读量941

点赞数 1

分类专栏：学习历程记录文章标签：前端 css html

本文链接：https://blog.csdn.net/hangao233/article/details/122516157

版权

学习历程记录专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前端学习路线

HTML

我的html基础是看的pink老师的，很适合入门

地址：https://www.bilibili.com/video/BV14J4114768?spm_id_from=333.999.0.0

过完一遍，记记笔记，然后就是多翻MDN文档。

这个文档内容很详细，前端必备:

https://developer.mozilla.org/zh-CN/docs/Web

Css

css的学习，我认为应该有3部分，第一部分是最初始css(标准流，浮动，定位)，这些学完就可以做一个pc版的静态页面。然后就是css3升级(2D转换，3D转换，动画等等)，这些时间紧的话可以暂时跳过不学，最后就是移动端布局(flex布局，rem布局，响应式布局等等)，时间紧迫的话也可以暂时跳过，但这部分很重要，后面一定要学。

css的话我目前只看了视频和MDN文档，别的书籍啥的还没有接触。

视频的话还是推荐pink老师的。

地址：https://www.bilibili.com/video/BV14J4114768?spm_id_from=333.999.0.0

在学习js前，建议先仿写个静态页面巩固下html和css，我推荐的是pink老师的品优购项目，我自己的话没有做品优购，而是直接仿写了京东官网。有兴趣的可以在我的码云上看源码。
https://gitee.com/gaohan888/copy-jingdong

京东

请添加图片描述

JavaScript

特别重要，将时间多花点在JS上,如果时间紧迫的话，就简单的学一学，但后面有空了一定要回头仔细学，js写的好不好决定了一个前端工程师的上限(年薪10w，还是30w就是js决定的)。

我目前的话基础js是看的视频，还是pink老师。
地址：https://www.bilibili.com/video/BV1Sy4y1C7ha?spm_id_from=333.999.0.0

同时我还在看阮一峰的js文档（写的很详细），我觉得要比红宝书简单不少，红宝书买回来看了100页就看不下去了，先把阮一峰的看完再看红宝书。
地址：https://wangdoc.com/javascript

学习js一定要多上手练，我推荐的是项目驱动学习。比如我前面学了html，css。我就动手仿了个京东的页面，后面学了js的dom和bom操作就可以做交互效果了，我就在原先京东的静态页面上加js交互。这样做下来会很有成就感。后面学了vue和react框架就可以把这个京东项目用框架进行改写。接触后端node.js时，尝试能不能给这个网站写后端接口做交互。

ES6

es6的话我还没学，学了再更。

git

git是很重要的工作，只要你以后要吃程序员这碗饭，就必须学会使用git，所有公司都在用，我在学校实验室里合作开发项目时就是用的git来进行协作开发。git有两大免费仓库：github和码云，我是用的码云。

git学习的话在b站搜黑马和尚硅谷都行，视频很多。

这个必须会，不会不是程序员

Vue

到了最激动人心的框架了，vue是三大框架中最简单，最好上手的。建议新手先学习vue。我的学习过程是先看的视频，b站随便看一个，快速入门就行。在看视频的同时，我还在看vue的官方文档（不建议新手直接看，容易被其中暂时用不到的复杂概念搞晕）。
在熟悉了vue后一定要反复翻阅官方文档。我之后准备再看vue的源码和讲解vue原理的各种课。