提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

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

技术笔记学习前端 更新 路线
2023-09-11 14:20:37 时间

文章目录

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

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

相关文章