首页  思维导图  详情

2019web

2019-01-02 11:01:18   8  举报





AI智能生成

2019年Web开发路径整理 [来自https://github.com/kamranahmedse/developer-roadmap]

2019年Web开发路径整理

作者其他创作

大纲/内容

基础

Git - 版本控制

基本终端使用

数据结构和算法

语义版本控制

SSH

HTTP/HTTPS and APIs

设计模式

字符编码

front-end

HTML

语义化标签

基本的SEO

无障碍

css

布局

floats

positioning

dispaly

box model

css grid

flex box

媒体查询

css3

基础 javascript

语法和基本结构

DOM操作

Fetch API / Ajax (XHR)

ES6+ 和模块化javascript

托管、事件冒泡、原型、Shadow DOM、严格模式、浏览器如何工作、DNS、HTTP

包管理

npm

npm在v5 +之后有了很大的提升，但在某些功能方面仍然落后于yarn

yarn

css预处理器

PostCSS

PostCSS is not a pre-processor but can be used as one.

SASS

Less

css 框架

Bootstrap

Materizlize Css

Bulma

Semantic UI

构建工具

linters and formatters

Prettier

ESLint

JSHint

JSLint

JSCS

task runners

npm scripts

gulp

module bundlers

Webpack

Parcel

Rollup

选择一个框架

React.js

Redux

MobX

these are not specific to React though, you can use them in any framework or app.

Angular

RxJS

ngrx

Vue.js

VueX

CSS in JS

样式组件Styled Components

CSS模块CSS Modules

Emotion https://github.com/emotion-js/emotion

Radium https://github.com/FormidableLabs/radium

Glamor https://github.com/threepointone/glamor

测试应用

You can fulfill all your testing needs with these three

Jest

Enzyme

Mocha

Chai

Ava

Karma

Jasmine

Protractor

Cypress

Understannd different types of testing and learn how to write these with the above

Unit

Integration

Functional

Progressive Web Apps

Learn different Web APIs used in PWAs

Storage

Web Sockets

Service Workers

Location

Notifications

Device Orientation

Paymments

Credentials

Claculating,Measuring and improving performance.

PRPL Pattern

PAIL Model

Performance Metrics

Using Light House

Using DevTools

Type Checkers

Typescript

Flow

Server Side Rendering

React.js

Next.js

After..js

Angular

Universal

Nuxt.js

Vue.js

Nuxt.js

Static Site Generators

GatsbyJS

Desktop Applications

Electron

Proton Native

Carlo

Mobile Applications

React Native

NativeScript

Web Assembly

Web Assembly or WASM is the binary instructions generated form high level languages such as GO,C,C++ or Rust.It is faster than JavaScript and WASM 1.0 has already shipped in the major browsers.It is beinng touted by some to eventually replace JavaScript but I seriously doubt that it would happen or see it happening anytime soon
Web Assembly或WASM是从GO，C，C ++或Rust等高级语言生成的二进制指令。它比JavaScript更快，WASM 1.0已经在主流浏览器中发布。有些人最近被吹捧取代了JavaScript但是我严重怀疑它会不会发生或很快就会发生

keep learning