# 精尽【前端】学习指南

一个经典的大姨吗问题，后端是否要学习前端，可以看看知乎的讨论：

- [《后端开发需要学习前端框架吗？》](https://www.zhihu.com/question/315872455)
- [《现在前后端分离趋势下，后端还要学习前端吗?》](https://www.zhihu.com/question/310064653)

艿艿的想法：

1. 先学好后端，根据工作的需求，去决定是否学习前端。
2. 前后端分离的是架构，作为一个后端工程师，能够写简单的前端，也是一个必备的技能。
3. 未来有一天，会不在分前后端工程师，而是**工程师**，即做前端，也做后端，甚至运维。当然，是建立在技术越来越纯属，门槛越来越低。

下面，我们每个小节，会分享一个前端的技术栈的学习。

# 1. HTML

- [《HTML 视频教程全集》](https://svip.iocoder.cn/FrontEnd/tutorials/B 站：https://www.bilibili.com/video/av59657634/?pikaqiu)

  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 一共 103P ，29 个小时多。

  - 《HTML5 视频教程全集》

    > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
    >
    > 本视频分成 A/B 两部分。
    >
    > - A 部分（核心技术） P01-P48
    > - B 部分（实战） P49-P81
    >
    > 一共 81P ，31 个小时多。

- [《HTML 项目实战视频教程全集》](https://www.bilibili.com/video/av59646061/?pikaqiu)

  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 一共 62P ，24 个小时多。

# 2. CSS

- [《CSS 视频教程全集》](https://www.bilibili.com/video/av59718796/?pikaqiu)

  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 本视频分成 A/B 两部分。
  >
  > - A 部分（CSS2.1） P01-P27
  > - B 部分（CSS3） P28-P94
  >
  > 一共 94P ，29 个小时多。

- [《Less 视频教程全集》](https://www.bilibili.com/video/av59710179/?pikaqiu)

  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 一共 8P ，2 个小时多。
  >
  > Less 是一门CSS预处理语言，它扩展了CSS语言，增加了变量、Mixin、函数等特性，使CSS更易维护和扩展。

# 3. Javascript

- [《Javascript 视频教程全集》](https://www.bilibili.com/video/av59715096/?pikaqiu)

  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 本视频分成 A/B/C/D 四部分。
  >
  > - A 部分（核心技术） P01-P140
  > - B 部分（高级） P141-P188
  > - C 部分（ES5、ES6、ES7） P189-P222
  > - D 部分（JS 模块化） P223-P232
  >
  > 一共 232P ，67 个小时多。

# 4. Bootstrap

> 可选。目前使用的越来越少，更多的使用 Ant Design 为主。

- 《Bootstrap 项目实战视频教程全集》

  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 一共 10P ，4 个小时多。

# 5. React

见 [《精尽 React 学习指南》](http://svip.iocoder.cn/React/tutorials) 。

# 6. Vue

见 [《精尽 Vue 学习指南》](http://svip.iocoder.cn/Vue/tutorials) 。

# 7. Angular

> 可选。国内目前使用 Angular 相对较少，更多是 React 后者 Vue 为主。

见 [《精尽 Angular 学习指南》](http://svip.iocoder.cn/Angular/tutorials) 。

# 8. Webpack

- [《Webpack 视频教程全集》](https://www.bilibili.com/video/av59678537/?pikaqiu)

  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 一共 7P ，1 个小时多。

# 9. Gulp

- [《Gulp 视频教程全集》](https://www.bilibili.com/video/av59709599/?pikaqiu)

  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 一共 9P ，1 个小时多。

# 10. NodeJS

- [《NodeJS 视频教程全集》](https://www.bilibili.com/video/av59643654/?pikaqiu)

  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 一共 20P ，6 个小时多。

# 233. 面试题

- [《前端面试题视频教程全集》](https://www.bilibili.com/video/av59639585/?pikaqiu)

  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 一共 26P ，5 个小时多。

# 666. 淘汰的前端技术

- jQuery [《jQuery 视频教程全集》](https://www.bilibili.com/video/av59641998/?pikaqiu)

  > 被 Zepto 取代。
  >
  > 虽然被淘汰，但是还是有胖友想要有 JQuery 的学习视频，所以还是弄了下。
  >
  > **推荐~记得 b 站【收藏 + 点赞 + 投币】素质三连噢**。
  >
  > 一共 54P ，18 个小时多。

- Zepto

  > 轻量级的 jQuery 的实现类，目前基本不再使用。

- Bootstrap

  > 具体上文已经提及。

- Grunt

  > 目前被 Gulp 取代。