155 lines
4.7 KiB
Markdown
155 lines
4.7 KiB
Markdown
# 精尽【前端】学习指南
|
||
|
||
一个经典的大姨吗问题，后端是否要学习前端，可以看看知乎的讨论：
|
||
|
||
- [《后端开发需要学习前端框架吗？》](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 取代。 |