文章目录
技术胖前端学习路线学习笔记1. 网络知识2. 超文本标记语言（HTML）3.层叠样式表（CSS)4.浏览器脚本语言(JavaScript)5.版本控制管理系统Version Control System6.包管理工具 Package Managers7.网络安全相关知识Web Security Knowledge8.CSS 预处理 语言 CSS Preprocessors9.构建工具 Build Tools10.三大前端框架 Web Framework11.Web 组件化编程 Web Components12. CSS 相关框架 CSS Frameworks13. JavaScript 语法糖 Type Checkers14.服务端渲染 Server Side Rendering （SSR）技术胖前端学习路线学习笔记
Web前端开发规范手册
1. 网络知识
网络工作原理学习视频**
计算机网络原理【学习笔记】
什么是HTTP学习视频**
HTTP协议详解【学习笔记】
浏览器及工作方式学习视频**
DNS 及其工作原理学习视频1*
DNS 及其工作原理学习视频2*
DNS 基本工作原理【学习笔记】
域名相关知识学习视频**
云服务相关知识学习视频
2. 超文本标记语言（HTML）
HTML基础知识学习学习视频**
HTML全套基础教程【学习笔记】
HTML 编写规则 和语义化写法学习视频**
HTML 速成【学习笔记】
表单和验证学习视频**
正则表达式快速掌握包括贪婪与懒惰匹配
公约和最佳实践方法学习视频*
前端代码规范秘籍
SEO 基础知识学习视频
SEO优化学习教程【学习笔记】
3.层叠样式表（CSS)
CSS 基础知识学习视频1**CSS3基础教程【学习笔记】
html5设置锚点
sublime快捷方式–快速生成HTML结构语法
css插入图片和背景图片区别CSS 基础知识学习视频2** CSS3全套教程页面切图和布局实现浮动布局学习视频：浮动布局定位布局学习视频：CSS定位布局Display学习视频：display&visibility盒子模型学习视频：CSS盒子模型与定位Grid 布局学习视频：如何用gridFlex 布局学习视频：Flex伸缩布局 页面响应式布局设计：六个案例学会响应式布局
学习 HTML+CSS 这一篇就够了
html+css移动端布局
4.浏览器脚本语言(JavaScript)
javascript【学习笔记】
JavaScript基础语法和知识学习视频JS必会的DOM BOM操作学习视频Ajax 异步请求相关知识学习学习视频
【尚硅谷】3小时Ajax入门到精通配套笔记ES6 以上版本 的JavaScript学习视频
ES6学习入门【笔记】
5.版本控制管理系统Version Control System
Git的基本用法学习视频Git的基本用法学习视频配套笔记GitHub学习视频GitLab学习视频Gitee官方
6.包管理工具 Package Managers
npm学习视频yarn学习视频7.网络安全相关知识Web Security Knowledge
HTTPS 原理和使用学习视频CORS 跨域请求和安全知识内容安全策略：网络渗透OWASP 安全风险知识8.CSS 预处理 语言 CSS Preprocessors
Sass学习视频PostCSS:建议买书《深入PostCSS Web设计》前端less教程学习视频前端less笔记
9.构建工具 Build Tools
1 、任务执行命令 [Task Runners]
npm scripts学习视频Gulp
2、打包工具
Webpack学习视频Parcel学习视频
3、代码格式化工具
Prettier学习视频ESLint学习视频
10.三大前端框架 Web Framework
1、React.js
React基础学习视频React全家桶学习视频React实战博客学习视频React商城实战学习视频
2、Vue.js
Vue2全家桶学习视频Vue3全家桶学习视频vuejs从入门到精通学习视频
vue2学习【笔记】
vue3学习【笔记】React商城实战学习视频
3、Angular
Angular基础学习视频
11.Web 组件化编程 Web Components
HTML TemplatesCustom ElementsShadow DOM12. CSS 相关框架 CSS Frameworks
BootStrap学习视频Material UI学习视频Materialize CSS学习视频ReactStrap13. JavaScript 语法糖 Type Checkers
TypeScript学习视频TypeScript学习【笔记】Flow
14.服务端渲染 Server Side Rendering （SSR）
1、React.js
Next.js入门教程学习视频 GatsbyJS 实战（英文）学习视频
2、Vue.js
Nuxt.js学习视频
3、 Angular
Universal
如果觉得《技术胖前端学习路线学习笔记【更新中】》对你有帮助，请点赞、收藏，并留下你的观点哦！
