jokingzhang / web-skills

从这里开始,补齐自己对于 web 的方方面面

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

web-skills

想系统的学习 web 的方方面面,日拱一卒 功不唐捐,从这个小项目开始吧!

技能树 {.root align="center"}

前端 {.topic}

 Html {.topic}

   基础知识 {.topic}

  html 语义化 {.topic}

  seo {.topic}

   无障碍网页 {.topic}

 css {.topic}

   基础知识 {.topic}

   布局 {.topic}

   Floats {.topic}

   positions {.topic}

   display {.topic}

   box Model {.topic}

   grid {.topic}

   flex {.topic}

   媒体查询 {.topic}

  css3 {.topic}

  css 预处理器 {.topic}

   less {.topic}

   sass {.topic}

  css 规范 {.topic}

   BEM {.topic}

  css in js {.topic}

 js {.topic}

   语法,基本结构 {.topic}

   学习 DOM 操作 {.topic}

   了解 Fetch API / Ajax {.topic}

  Es6 模块化 JavaScript {.topic}

   变量提升,事件冒泡,作用域,原型,dns,http {.topic}

   算法 {.topic}

 package manager {.topic}

  npm {.topic}

  yarn {.topic}

  构建工具 {.topic}

   任务执行器 {.topic}

   npm scripts {.topic}

   模块打包工具 {.topic}

   webpack {.topic}

  Lint * 格式化工具 (Linter)(Formatter) {.topic}

   Prettier {.topic}

   Eslint {.topic}

 UI 库 {.topic}

  antd (React) {.topic}

  框架 {.topic}

  React {.topic}

   Redux {.topic}

   Mobx {.topic}

  vue {.topic}

   vuex {.topic}

 test {.topic}

   测试工具 {.topic}

   Jest {.topic}

   enzyme {.topic}

   cypress {.topic}

   测试 {.topic}

    单元测试 {.topic}

    整合测试 {.topic}

    功能测试 {.topic}

 PWA {.topic}

   了解 PWA 中使用的各种不同的 web api {.topic}

   Storage {.topic}

   web socket {.topic}

   service workers {.topic}

   计算、测量以及提高性能 {.topic}

   PRPL 模式 (Pattern) {.topic}

   RaIl 模型 (Model) {.topic}

    性能指标 {.topic}

    使用 Light House {.topic}

    使用开发者工具 devtool {.topic}

  类型检查 {.topic}

  TypeScript {.topic}

  服务器端渲染 {.topic}

  React {.topic}

  vue {.topic}

  静态网站生成器 {.topic}

  Gatsby js {.topic}

  桌面应用程序 {.topic}

  electron {.topic}

  手机应用 {.topic}

  React Native {.topic}

  小程序 {.topic}

  mpx {.topic}

  Chameleon {.topic}

  面试 {.topic}

  编辑器 {.topic}

后端 {.topic}

  编程语言 {.topic}

  Node {.topic}

  go {.topic}

  python {.topic}

  练习,尝试将手动的东西自动化 {.topic}

 Package Manager {.topic}

  npm {.topic}

  yarn {.topic}

  标椎,最佳实践 {.topic}

  制作套件,或者函数库,为一些开源方案作出贡献 {.topic}

  单元测试,整合测试 {.topic}

  关系型数据库 {.topic}

  mySql {.topic}

   单独练习 {.topic}

  框架 {.topic}

  koa {.topic}

   练习 {.topic}

 no sql {.topic}

  MongoDB {.topic}

 cache {.topic}

  redis {.topic}

 restful api {.topic}

 auth 认证 授权 {.topic}

  OAuth {.topic}

  Basic Authentiction {.topic}

  Token {.topic}

  jwt {.topic}

  openid {.topic}

  信息代理 (Message Broker) {.topic}

  Rabbit MQ {.topic}

  kafka {.topic}

  搜索引擎 {.topic}

  Soir {.topic}

  ElasticSearch {.topic}

 Docker {.topic}

 web Server {.topic}

  Nginx {.topic}

 web Socket {.topic}

 GraphQL {.topic}

  面试 {.topic}

devops {.topic}

  编程语言 {.topic}

  Node {.topic}

  操作系统概念 {.topic}

   进程管理 process {.topic}

   执行,或并行 {.topic}

  服务器管理 {.topic}

  base {.topic}

  网络与安全 {.topic}

  DNS {.topic}

  OSI {.topic}

  HTTP {.topic}

  HTTPS {.topic}

  ssl {.topic}

  ftp {.topic}

  正向代理,反向代理,防火墙,负载均衡,快取伺服器 {.topic}

  nginx {.topic}

  容器 {.topic}

  Docker {.topic}

 cicd {.topic}

  Jenkins {.topic}

  监控软件 * 基础建设 {.topic}

   基础建设监控 {.topic}

   应用程式监控 {.topic}

   日志管理 {.topic}

  面试 {.topic}

About

从这里开始,补齐自己对于 web 的方方面面