# 大前端学习资源

**Repository Path**: colinxu91/frontend-learning

## Basic Information

- **Project Name**: 大前端学习资源
- **Description**: 大前端学习资源
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2020-07-11
- **Last Updated**: 2024-02-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 大前端学习资源

#### 介绍
> 大前端是所有前端的统称，一般包括Android，iOS，Web，Watch等，本质上都是UI层。

大前端最大的特点在于一次开发，适用于所有平台。

大前端和跨平台方案的出现有很大关系。跨平台方案有很多种，相对主流的为Flutter。所有的官网推荐使用英文官网。

#### 基础

> W3School 
- HTML
  - HTML https://www.w3school.com.cn/html/index.asp
  - HTML5 https://www.w3school.com.cn/html5/index.asp
- CSS
  - CSS https://www.w3school.com.cn/css/index.asp
  - CSS3 https://www.w3school.com.cn/css3/index.asp
- JavaScript
  - JS https://www.w3school.com.cn/js/index.asp
  - TypeScript （英文）https://www.typescriptlang.org/docs/home.html （中文）https://www.tslang.cn/docs/home.html

#### 进阶
> MDN
- HTML （英文）https://developer.mozilla.org/en-US/docs/Web/HTML （中文）https://developer.mozilla.org/zh-CN/docs/Web/HTML 
- CSS （英文）https://developer.mozilla.org/en-US/docs/Web/CSS （中文）https://developer.mozilla.org/zh-CN/docs/Web/CSS
- JavaScript （英文）https://developer.mozilla.org/en-US/docs/Web/JavaScript（中文）https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

> 网络知识
- 什么是HTTP，什么是HTTPS，状态码有哪些 https://cloud.tencent.com/developer/doc/1117
- 什么是缓存，缓存的机制是什么
- 什么是DNS

#### 框架
- Vue （英文） https://vuejs.org/ （中文）https://cn.vuejs.org/
- Angular（英文）https://angularjs.org/ （中文）https://angular.cn/ 
- React（英文）https://reactjs.org/ （中文 ）https://react.docschina.org/

#### 框架进阶
> 状态管理
- Vuex(Vue) （英文） https://vuex.vuejs.org/ （中文）https://vuex.vuejs.org/zh/guide/
- ngrx(Angular) (英文）https://ngrx.io/guide/store
- Redux(React)（英文）https://redux.js.org/introduction/getting-started

#### 前端工程化
- Node.js http://nodejs.cn/
- npm https://docs.npmjs.com/about-npm/
- Webpack https://www.webpackjs.com/concepts/entry-points/

建议：先学npm再学Webpack
 
#### 手机应用
- Weex （Vue）https://weex.apache.org/
- Ionic （Angular和Rect都支持）https://ionicframework.com/
- React Native （React）https://reactnative.dev/

#### Flutter
> Flutter （中文）https://flutterchina.club/ （英文）https://flutter.dev/

Flutter可以让你构建UI性能更好的APP。


#### 前端学习路线图
> （英文）https://github.com/kamranahmedse/developer-roadmap

> （中文）https://github.com/goodjack/developer-roadmap-chinese

> roadmap资源网站 https://roadmap.sh/