# 前端学习历程

# 前言

还记得刚接触前端应该是两年前了吧。我就顺着回忆，慢慢写下我对前端的学习路程以及一些资源。

# 初入坑

# html/css基础

这个是学习前端最基础的部分了。一开始看的是W3cschool (opens new window),先看其中的html和css基础部分，一些常用标签，以及css中的盒子模型，定位的几种方式，几种选择器。我大概花了一周左右的时间学习。然后便开始做练手项目，比如你先模仿百度首页，学会之后再模仿天猫或者是京东首页，具体看个人喜好。学习完以上部分，做出一个个案例，我觉得你自身会获得一些成就感。

# javascript（简称js）

js可以说是前端学习中最重要的一个部分。在这里就不得不提一个学习js的圣地。智能社 (opens new window)这一套js可以说是非常的好，讲课老师非常的生活，让你理解起来也非常的舒服。看完这一套视频，跟着他做一些案例，我觉得你也会有非常大的收获。这个你能够做前端一些最基本的东西，一个页面，甚至可以写一些进行交互性的js。

# ps（切图）

photoshop其实也是一个前端程序员，必须会的一样东西，在你一个人进行开发的时候，你肯定需要对一些图片进行裁剪，一般在小公司的话，前端来切图居多。学习到这里，你可能觉得，哎，前端原来还是蛮简单的，呵呵，那你就错了，前端这个东西，操作起来，看似简单，实则暗藏杀机。我们接下来看。

# 再来好好学学

# 深入html

之前我们说的html都是html4.0版本，所以为了能更加深入的了解html，我们必须学会html5。我这边有一套html5 的视频，我觉得是不错的，html视频 (opens new window) （密码: 3h8r）。

# 深入css

之前说的css也是一样，基于2.0，对css3。我也没有特别好的资源，我当时看的是极客学院的css3。大家可以试试看，css教程 (opens new window)，如果大家有更好的资源的话，可以私信，或者留言，供大家一起学习。

# 深入javascript

对于上完以上javascript的人来说，我觉接下来的话，可以看一些书籍了，我最先看的是《javascript高级程序设计》第三版，看完，你就会对js有一个系统的认识。学习完以上，我同样希望你能够自己做一个案例，这一次，你可以试着做一整个系统。至于是什么，你自己定吧。慕课网上也有案例，你可以自己打一遍，教程 (opens new window)

# 认识jquery

虽然说现在mvvm的时代，但是不管怎么说jqury已然是一个非常经典的框架，解放了劳动力。jquery的话，我还是一样推荐看极客学院。

# 认识boostrap

这个也是一个框架，css的框架，也是有着解放劳动力之称。同样可以看极客学院。

# 了解响应式布局，和移动端页面开发

这个我推荐看，李炎恢的一个html5的教程 (opens new window)，看下面的实战部分就好了。我们再来总结一些，别以为学习完上面的就已经差不多了，如果是开发几个页面，那是差不多了，当一个合格的前端工程师，那还是刚入门。

# 进阶一下

# 关于css

css可以说内容非常的多，关于选择器的层级关系，定位，以及一些块级元素和行内元素的区别。这个需要你自己慢慢去摸索，这一部分，慕课网上也有相应的视频，你可以看上面的标题，然后去百度一些文字形式的回答。慕课网视频 (opens new window)

# node.js

Node.js是一个Javascript运行环境(runtime)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。推荐书籍：《Nodejs入门》 (opens new window) 《深入浅出NodeJs》教程：从零开始nodejs系列文章 (opens new window) 饿了么面试文档 (opens new window) 如果你英语比较好，也可以看官网，https://nodejs.org/en/ (opens new window) 视频教程： 1：进击Node.js基础(一)-慕课网NodeJs教程 2：进击Node.js基础(二)-慕课网 Mongodb视频教程 3：mongoDB入门篇_mongoDB入门视频教程-慕课网

# 移动端框架zepto

这个框架和jquery非常类似，可以去看看。

# 打包工具grunt，gulp，webpack

现在最为流行的是webpack，这个教程，我也没有深入的研究，就请大家，自行百度吧。

# git

Git是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。Git的读音为/gɪt/。 Git是一个开源的分布式版本控制系统，用以有效、高速的处理从很小到非常大的项目版本管理。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。 git常用命令 (opens new window) 开源托管平台：github (opens new window)

到这里，你应该对前端有了一个大概的了解，具体要做些什么。

# 冲刺

# 进阶css

推荐书籍： css揭秘

# 进阶javascript

推荐书籍：你不知道的javascript（上，中） javascript设计模式（张容铭）

# vue，angular，react

这是最近现在最流行的用来实现单页操作的框架。 vue vue官方学习网站： https://cn.vuejs.org/ vue-router： https://router.vuejs.org/zh-cn/index.html vuex： https://vuex.vuejs.org/zh-cn/ react react官方学习网站： https://facebook.github.io/react/ react-router,redux自行百度。

# 算法

推荐书籍：算法导论

# 操作系统,linux

推荐书籍：暂无

# 计算机网络

推荐书籍：计算机网络图解http

# 超神

多看一些开源框架的源码。例如vue，react，jquery之类的。以及多一些实践。熟练运用算法，掌握底层实现原理。

# 结尾

1。不会问题，多百度，多谷歌。 2。多逛一些技术论坛，csdn，知乎，掘金，博客园，简书。 3。多看一些大咖的博客，阮一峰，廖雪峰，张旭鑫等等 4。常用视频教程网站，慕课网，智能社，汇智网，后盾网，腾讯课程，51cto学院，极客学院。（文中不足之处望大家见谅与大胆指出）

2022 前端学习路径书单—自我成长之路 →