front-end

• basic: js
• basic: ts
• basic: css
• basic: html
• lib: react
• lib: immutable
• lib: lodash
• lib: koa
• scene: front-infra
• scene: monitor
• scene: web-develop-basic
• scene: web-fullstack-template

useful-notes

overview note

• 参考笔记1: link1 ; -- link2; -- link3 ;
• 参考笔记2: link1;--link2 ;
• 参考笔记3: link1; -- link2;
• 参考笔记4:link1; -- link2；
• 参考笔记5: link1--link2 ;
• 参考笔记6: link1;
• 参考笔记7:link1;

nodejs note

• 参考笔记8:link1 -- link2 -- link3;
• 参考笔记9:link1 -- link2 ;

css note

• 参考笔记10: link1 -- link2 ;

valuable docs

• mdn:
  https://developer.mozilla.org/zh-CN/

• js:
  https://zh.javascript.info/
  https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

  • lodash:
    https://lodash.com/
    https://www.lodashjs.com/
  • rx.js:
    https://rxjs.dev/
    https://cn.rx.js.org/
    https://rxjs-cn.github.io/learn-rxjs-operators/

• ts:
  https://www.typescriptlang.org/docs/
  https://www.typescriptlang.org/zh/docs/
  https://ts.xcatliu.com/

• css:
  https://developer.mozilla.org/zh-CN/docs/Learn/CSS
  https://github.com/AllThingsSmitty/css-protips
  https://github.com/chokcoco/iCSS

  • sass:
    https://sass-lang.com/
    https://www.sasscss.com/documentation

• html:
  https://developer.mozilla.org/zh-CN/docs/Learn/HTML

• react:
  https://beta.reactjs.org
  https://reactjs.org/docs/getting-started.html
  https://zh-hans.reactjs.org/docs/getting-started.html

  • react-use:
    https://github.com/streamich/react-use
  • redux:
    https://redux.js.org/;
  • zustland:
    https://github.com/pmndrs/zustand;
  • ui-lib:
    • ant-design:
      https://ant.design/index-cn
      https://github.com/ant-design/ant-design
    • mui:
      https://mui.com/zh/material-ui/getting-started/overview/
      https://github.com/mui/material-ui
  • next.js:
    https://nextjs.org/docs/getting-started

• nodejs:
  https://nodejs.org/en/
  https://nodejs.org/zh-cn/

  • koa:
    https://koajs.com/
    https://koa.bootcss.com/
    https://www.yuque.com/hucheng/od892d
    https://chenshenhai.com/koa2-note/note/start/async
  • prisma:
    https://www.prisma.io/
  • nest.js:
    https://docs.nestjs.com/
  • graphQl: https://graphql.org/learn/;

• build-infra:

  • webpack:
    https://webpack.js.org/guides/getting-started/
    https://webpack.docschina.org/guides/getting-started/
  • rollup:
    https://rollupjs.org/guide/en/
    https://www.rollupjs.com/
  • esbuild:
    https://esbuild.github.io/
    https://esbuild.docschina.org/
  • babel:
    https://babeljs.io/
    https://www.babeljs.cn/

• code-test:

  • jest:
    https://jestjs.io/docs/getting-started
    https://jestjs.io/zh-Hans/docs/getting-started;
    https://github.com/haixiangyan/jest-tutorial;
  • e2e:
    https://docs.cypress.io/guides/overview/why-cypress

• basic tool doc:
  https://developer.mozilla.org/zh-CN/docs/Web
  caniuse: https://caniuse.com/
  w3c: https://www.w3.org/
  v8: https://v8.dev/
  html spec: https://html.spec.whatwg.org/
  chromium: https://source.chromium.org/
  chrome project: https://sites.google.com/a/chromium.org/dev/developers
  web develop: https://developers.google.com/web/updates/capabilities
  developer roadmap: https://github.com/kamranahmedse/developer-roadmap

前端经典blog收录

• 前端已死，前端永生;

前端的scope:

全栈或者infra: