文章目录

  • 技术胖前端学习路线学习笔记
    • 1. 网络知识
    • 2. 超文本标记语言(HTML)
    • 3.层叠样式表(CSS)
    • 4.浏览器脚本语言(JavaScript)
    • 5.版本控制管理系统Version Control System
    • 6.包管理工具 Package Managers
    • 7.网络安全相关知识Web Security Knowledge
    • 8.CSS 预处理 语言 CSS Preprocessors
    • 9.构建工具 Build Tools
    • 10.三大前端框架 Web Framework
    • 11.Web 组件化编程 Web Components
    • 12. CSS 相关框架 CSS Frameworks
    • 13. JavaScript 语法糖 Type Checkers
    • 14.服务端渲染 Server Side Rendering (SSR)

技术胖前端学习路线学习笔记

Web前端开发规范手册

1. 网络知识

  1. 网络工作原理学习视频**
    计算机网络原理【学习笔记】

  2. 什么是HTTP学习视频**
    HTTP协议详解【学习笔记】

  3. 浏览器及工作方式学习视频**

  4. DNS 及其工作原理学习视频1*
    DNS 及其工作原理学习视频2*
    DNS 基本工作原理【学习笔记】

  5. 域名相关知识学习视频**

  6. 云服务相关知识学习视频

2. 超文本标记语言(HTML)

  1. HTML基础知识学习学习视频**
    HTML全套基础教程【学习笔记】

  2. HTML 编写规则 和语义化写法学习视频**
    HTML 速成【学习笔记】

  3. 表单和验证学习视频**
    正则表达式快速掌握包括贪婪与懒惰匹配

  4. 公约和最佳实践方法学习视频*
    前端代码规范秘籍

  5. SEO 基础知识学习视频
    SEO优化学习教程【学习笔记】

3.层叠样式表(CSS)

  1. CSS 基础知识学习视频1**
    CSS3基础教程【学习笔记】
    html5设置锚点
    sublime快捷方式–快速生成HTML结构语法
    css插入图片和背景图片区别
  2. CSS 基础知识学习视频2** CSS3全套教程
  3. 页面切图和布局实现
    1. 浮动布局学习视频:浮动布局
    2. 定位布局学习视频:CSS定位布局
    3. Display学习视频:display&visibility
    4. 盒子模型学习视频:CSS盒子模型与定位
    5. Grid 布局学习视频:如何用grid
    6. Flex 布局学习视频:Flex伸缩布局
  4. 页面响应式布局设计:六个案例学会响应式布局

学习 HTML+CSS 这一篇就够了
html+css移动端布局

4.浏览器脚本语言(JavaScript)

javascript【学习笔记】

  1. JavaScript基础语法和知识学习视频
  2. JS必会的DOM BOM操作学习视频
  3. Ajax 异步请求相关知识学习学习视频
    【尚硅谷】3小时Ajax入门到精通配套笔记
  4. ES6 以上版本 的JavaScript学习视频
    ES6学习入门【笔记】

5.版本控制管理系统Version Control System

  1. Git的基本用法学习视频
    Git的基本用法学习视频配套笔记
  2. GitHub学习视频
  3. GitLab学习视频
  4. Gitee官方

6.包管理工具 Package Managers

  1. npm学习视频
  2. yarn学习视频

7.网络安全相关知识Web Security Knowledge

  1. HTTPS 原理和使用学习视频
  2. CORS 跨域请求和安全知识
  3. 内容安全策略:网络渗透
  4. OWASP 安全风险知识

8.CSS 预处理 语言 CSS Preprocessors

  1. Sass学习视频
  2. PostCSS:建议买书《深入PostCSS Web设计》
  3. 前端less教程学习视频
    前端less笔记

9.构建工具 Build Tools

1 、任务执行命令 [Task Runners]

  1. npm scripts学习视频
  2. Gulp

2、打包工具

  1. Webpack学习视频
  2. Parcel学习视频

3、代码格式化工具

  1. Prettier学习视频
  2. ESLint学习视频

10.三大前端框架 Web Framework

1、React.js

  1. React基础学习视频
  2. React全家桶学习视频
  3. React实战博客学习视频
  4. React商城实战学习视频

2、Vue.js

  1. Vue2全家桶学习视频
  2. Vue3全家桶学习视频
  3. vuejs从入门到精通学习视频
    vue2学习【笔记】
    vue3学习【笔记】
  4. React商城实战学习视频

3、Angular

  1. Angular基础学习视频

11.Web 组件化编程 Web Components

  1. HTML Templates
  2. Custom Elements
  3. Shadow DOM

12. CSS 相关框架 CSS Frameworks

  1. BootStrap学习视频
  2. Material UI学习视频
  3. Materialize CSS学习视频
  4. ReactStrap

13. JavaScript 语法糖 Type Checkers

  1. TypeScript学习视频
    TypeScript学习【笔记】
  2. Flow

14.服务端渲染 Server Side Rendering (SSR)

1、React.js

  1. Next.js入门教程学习视频
  2. GatsbyJS 实战(英文)学习视频

2、Vue.js

  1. Nuxt.js学习视频

3、 Angular

  1. Universal

技术胖前端学习路线学习笔记【更新中】相关推荐

  1. 差分隐私学习路线【定期更新】

    差分隐私学习路线[定期更新] 写在前面的话 基础知识 方向 写在前面的话 博客,视频,论文和代码实现.有不会的就查,把基础知识打牢. 基础知识 吃透下面这些,你就差分隐私入门了.网上有些博客写得有问题 ...

  2. 技术胖前端代码规范秘籍推荐

    技术胖前端代码规范秘籍推荐 6个文档 ,一本书籍 ,2个工具 京东凹凸实验室前端代码规范 腾讯前端代码规范 百度前端代码规范 JavaScript Standard Style :是一个个人代码规范 ...

  3. 收集优质的中文前端博客(不定期更新中)

    收集优质的中文前端博客(不定期更新中) 注:博主的公司信息来自网上公开资料,仅供参考,不保证准确性. 个人(控制在42个以内) 阮一峰的网络日志(蚂蚁金服) <读懂 ECMAScript 规格& ...

  4. 下载丨2020数据技术嘉年华PPT(DTC 2020)更新中...

    数据技术嘉年华大会以"自研·智能·新基建--云和数据促创新 生态融合新十年" 为主题,打造 "开源自研.智能运维.智能自治.新基建.用户实践"五大模块,设置1个 ...

  5. 前端学习路线-学习web前端的最 佳路线:必备javascript书籍【含红宝书和绿皮书、黄宝书等】

    需要资料的同学可以给我留言,留下你的邮箱即可. 跟着前端大佬推荐的路线学习进阶: html和css 关于最基础的html和css可以看看在线网站菜鸟教程: HTML 教程 | 菜鸟教程HTML 教程- ...

  6. python全栈学习路线-查询笔记

    查询目录 一,硬件                                                                    十一,数据库 二,Linux基础        ...

  7. 整理 读过感觉不错的深度学习博客(更新中)

    1.          http://blog.csdn.NET/zouxy09/article/details/8775488  (深度学习)学习笔记整理系列 2.          https:/ ...

  8. 【Vue全家桶+SSR+Koa2全栈开发】项目搭建过程 整合 学习目录(持续更新中)

    写在开头 大家好,这里是lionLoveVue,基础知识决定了编程思维,学如逆水行舟,不进则退.金三银四,为了面试也还在慢慢积累知识,Github上面可以直接查看所有前端知识点梳理,github传送门 ...

  9. 081200计算机科学与技术——301数学,知识点整理【更新中】

    文章目录 函数 函数的有界性 函数的单调性 函数的奇偶性 函数的周期性 取整函数 反函数 复合函数 基本初等函数 初等函数 数列的定义 数列极限 收敛数列的性质 函数极限 函数极限的性质 更新中 p7 ...

最新文章

  1. 溢价 5 倍欲将 SiFive 收入麾下,英特尔的绝地反击战
  2. 计算机系统覆盖,计算机系统软件顶会OSDI 2021最佳论文出炉,邢波团队研究入选...
  3. python【Matlibplot绘图库】曲线样式的两种设置方式(看不懂你来打我)
  4. 策略设计模式_设计模式之 策略模式
  5. 如何在Android文本视图周围添加边框?
  6. Linux服务器双网卡双IP和单网卡双IP配置方法(Debian/Ubuntu)
  7. api arx autocad_应用ARX实现基于AutoCAD平台的参数化绘图
  8. shell 编写脚本批量ping ip
  9. 表面肌电信号(sEMG)介绍
  10. 把视频文件放在服务器上,生成链接供外部访问
  11. python 数据shape的理解
  12. 海量数据荣获华为“中国政企数据存储优秀合作伙伴”金奖
  13. Unity3d C#解决transform.LookAt朝向前后翻转问题(含源码)
  14. linux驱动工程面试必问知识点
  15. 纷享销客订货通:B2B渠道管理专属的经销商订货平台
  16. Docker Jenkins测试邮箱通知报错:553 Mail from must equal authorized user
  17. linux ping不通自动关机脚本,服务器断电自动关机bat脚本
  18. 嵌入式开发之linux根文件系统移植
  19. 青少年研学旅行成长平台“青蛙研学”获数百万天使轮融资...
  20. 安装python3.7 + pytorch1.7.1 + torchvision0.8.2 + torchaudio0.7.2 + cudatoolkit110 + torchio0.18.17

热门文章

  1. uefi引导gpt安装win10_Win10系统安装教程(U盘PE+UEFI安装)
  2. 什么是KOA2?KOA2简介
  3. [分形学] 基于 L 系统绘制 Hilbert (希尔伯特) 曲线
  4. 世界级javascript大师们的视频与PPT
  5. 二、MFC窗口和消息
  6. 【VScode】MAC配置Python开发环境
  7. launchy cross platform quick launch tools
  8. 国外APP地图导航界面设计欣赏​​​​​​​
  9. mybatis字符串比较
  10. Hadoop老版本下载镜像