胖虎的前端List

HTTP

• https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Overview

• https://www.runoob.com/http/http-tutorial.html

HTML/CSS3

• MDN( 优先参考，讲得很细，看这个比较扎实，但有些部分难懂 ) https://developer.mozilla.org/zh-CN/

• 其他文档
• HTML https://www.w3school.com.cn/html/index.asp
• CSS https://www.runoob.com/css/css-tutorial.html
• CSS https://www.w3school.com.cn/css/index.asp
• CSS速查笔记 https://www.notion.so/CSS-2be349853ff3443782fdfb098cc39fb2

• 参考书籍
• HTML5-The.Missing.Manual
• HTML5 与 CSS3 设计模式

JavaScript/ES6

• ES6(当前前端主流javascript版本) https://exploringjs.com/es6/

• JavaScript W3school https://www.w3school.com.cn/js/index.asp

React

• 尚硅谷 React全套视频 https://www.bilibili.com/video/BV1wy4y1D7JT

• 千峰项目 https://www.bilibili.com/video/BV1fw411d7R5

• 官方文档 https://zh-hans.reactjs.org/

• 项目笔记 https://iodized-vibraphone-fe6.notion.site/React-98ee9a5432f74e1f92bccb50716a83dc

• 前端路由学习 https://reactrouter.com/web/guides/quick-start/

• React代码规范 https://github.com/airbnb/javascript/tree/master/react

• 框架
• dva https://dvajs.com/
• umi https://umijs.org/zh-CN

• React TypeScript CheetSheets https://react-typescript-cheatsheet.netlify.app/

Redux

1. action

2. reducer

3. store

4. reselect https://github.com/reduxjs/reselect

Antd/Antd mobile组件库

• antd https://ant.design/docs/react/introduce-cn

• ant-mobile https://mobile.ant.design/components/tab-bar-cn/

TypeScript

• 官方文档 https://www.typescriptlang.org/

• https://ts.xcatliu.com/ (easyer)

• 设计模式 https://sg1lib.org/book/5586850/d0710f

开发工具

• npm https://www.npmjs.com/

• eslint https://eslint.org/

• webpack https://webpack.js.org/

• jest https://jestjs.io/

• git Git (yugle.fun)

开发软件

• Chrome DevTools
• React Developer Tools
• Redux DevTools

• VSCode or Sublime Text
• ES相关插件
• React相关插件
• ESLint、Prettier

三方教程或文档

• 尚硅谷前端html+css零基础教程，2023最新前端开发html5+css3视频_哔哩哔哩_bilibili

• 深入浅出现代Web编程全栈公开课

• 30-Days-Of-JavaScript

• Learn to Code — For Free — Coding Courses for Busy People (freecodecamp.org)

扩展

• markdown https://markdown.com.cn/

Tools

1. Notion

Todo

• Sublime Text安装、配置