网络知识

（Internet）

网络工作原理

PostCSS

《深入PostCSS Web设计》 书

Less

前端less教程 https://www.bilibili.com/video/BV1YW411T7vd

构建工具Build Tools

任务执行命令 [Task Runners]

npm scripts

npm包管理应用 https://www.bilibili.com/video/BV1Dv411W7XP

Gulp

Gulp入门 https://www.bilibili.com/video/BV1yA411s72G

打包工具

Webpack

Webpack从入门到精通 https://www.bilibili.com/video/BV1e7411j7T5

Parcel

Parcel初体验：https://www.bilibili.com/video/BV1Pa4y147Kf

代码格式化工具

Prettier

Prettier和ESLint使用：https://www.bilibili.com/video/BV183411r7YK

ESLint

ESLint基础入门：https://space.bilibili.com/390120104/search/video?keyword=ESLint

三大前端框架Web Framework

React.js

React基础视频：https://www.bilibili.com/video/BV1g4411i7po
React全家桶：https://www.bilibili.com/video/BV1wy4y1D7JT
React实战博客：https://www.bilibili.com/video/BV1CJ411377B
React商城实战：https://www.bilibili.com/video/BV1i5411c7xp

Vue.js

Vue2全家桶：https://www.jspang.com/detailed?id=57
Vue3全家桶：https://www.jspang.com/detailed?id=67
vuejs从入门到精通：https://www.bilibili.com/video/BV1Zy4y1K7SH

Angular

Angular基础：https://www.bilibili.com/video/BV1Wx411R7qt

Web 组件化编程Web Components

HTML Templates

Custom Elements

Shadow DOM

概要: 此部分内容没有找到合适视频

CSS 相关框架CSS Frameworks

BootStrap

一周学会BootStrap：https://www.bilibili.com/video/BV1Lx411v73k

Material UI

Material UI入门教程：https://www.bilibili.com/video/BV12J411s75b

Materialize CSS

Materialize CSS Crash Course：https://www.bilibili.com/video/BV1gx411h7Y5

ReactStrap

JavaScript 语法糖Type Checkers

TypeScript

TypeScript从入门到精通：https://www.bilibili.com/video/BV1qV41167VD

Flow

服务端渲染Server Side Rendering （SSR）

React.js

Next.js

Next.js入门教程：https://www.bilibili.com/video/BV13441117KK

GatsbyJS

GatsbyJS 实战：https://www.bilibili.com/video/BV1i4411T7AR （英文）

Vue.js

Nuxt.js

Nuxt.js入门：https://www.bilibili.com/video/BV1Xt41117Kg

Angular

Universal

图形化编程GraphQL

Cocos Creator

Cocos 图形游戏开发：https://www.bilibili.com/video/BV1sA411Y7x4

Three.js

Three.js基础教程-英文：https://www.bilibili.com/video/BV1ks411W78i
Three.js教程：https://www.bilibili.com/video/BV1va4y1p7QB

静态站点生成器Static Site Generators

Next.js

Next.js入门教程：https://www.bilibili.com/video/BV13441117KK

GatsbyJS

GatsbyJS 实战：https://www.bilibili.com/video/BV1i4411T7AR （英文）

Nuxt.js

Nuxt.js入门：https://www.bilibili.com/video/BV1Xt41117Kg

Vuepress

Vuepress入门到精通：https://www.bilibili.com/video/BV1vb411m7NY

Hugo

10分钟搭建个人网站：https://www.bilibili.com/video/BV1x64y117PX

移动App开发Mobile Applications

React Native

桌面应用开发Desktop Applications

Electron

  • HTML基本标签和属性
  • HTML5新标签和属性
  • CSS基本样式编写
    • 选择器
    • 盒子模型
    • 定位、浮动
  • CSS3新特性
    • 过渡、动画
    • 2D、3D转换
    • 边框、圆角
    • 背景、渐变
  • DIV布局
    • 盒子模型
    • 弹性布局
    • Flex布局
    • 双飞翼布局
  • 表单验证
  • 音视频的基本操作

  • Canvas

    • 动画
    • 游戏
    • 演示

      JavaScript基础

  • 流程控制语句

  • 内置对象
  • 函数、事件
  • 变量、作用域
  • DOM、BOM
  • 面向对象的知识

  • 正则表达式

    ES6-11

  • 变量和常量

  • 箭头函数
  • 模板字符串
  • 解构赋值
    • 数组
    • 对象解构
    • 赋值解构
  • 扩展
    • 对象
    • 数组
    • 函数扩展
  • Promise异步编程
  • Class类

  • 接口的制作和引用

    Web和移动页面的制作

  • Web基本布局和移动端布局

  • @media媒体查询的使用
  • Flex布局
  • 响应式布局
  • 移动适用、事件
  • 终端设备检测

  • 性能优化

    Node.js基础

  • 基础服务器搭建

  • npm包使用

    Vue.js框架

  • Vue组件化思想

  • 生命周期
  • 数据绑定
  • 事件处理器
  • Vue-vuex缓存
  • Vue-router路由

  • Element框架

    webpack

  • 入口和出口

  • 服务和热更新
  • css文件打包
  • 图片打包的技巧
  • webpack模块化盗版

  • 第三方类库的打包

    Git和Github

  • Git安装和创建版本仓库

  • 版本推送、回退、管理、撤销、删除文件
  • 远程仓库的操作
  • 分支管理

  • Github的基本使用

    小程序开发

  • 开发环境搭建

  • 常用API
  • 基础组件
  • 列表与条件渲染
  • 数据绑定
  • 组件与生命周期
  • 路由与事件
  • 付款功能
  • 视频直播带货功能
  • 在线客服

  • 小游戏开发

    Node.js

  • Node.js基础

    • 基础NodeAPI
    • npm基本用法（包管理）
    • Node爬虫制作
    • Node服务和高并发处理
    • Node进阶
  • Koa框架学习
    • Koa基础
    • Koa进阶
  • 数据库
    • MySql
      • 开源的关系型数据库
    • MongoDB
      • 开源的费关系型数据库
  • 实战练习
    • 技术栈
      • Koa
      • Vue.js
      • MongoDB/MySql

  • Egg.js/Nest框架

    TypeScript学习

    React.js框架

  • 环境的搭建

  • 虚拟DOM只是
  • JSX语法
  • 事件绑定
  • 生命周期函数
  • 组件编写
  • Redux
  • React Hooks

  • Ant Design组件库

    ReactNative

  • 开发环境搭建

  • RN布局知识
  • 列表组件
  • 导航相关操作

  • 实战练习

    Flutter框架

  • Dart基础学习

  • Flutter开发环境搭建
  • Flutter常用组件
  • Flutter布局
  • 导航和其他知识
  • 小实例练习

  • 实战练习

    Linux运维

  • Linux的安装和配置

  • Linux基础知识和命令
  • 远程连接和SSH
  • 文本编辑与版本控制
  • 网络和安全
  • Shell脚本编写
  • 管理服务器和服务
  • 内存与磁盘管理

  • Nginx服务器配置

    前端测试

  • 单元测试

  • 性能测试
  • 大规模并发测试
  • 接口测试