# Front-end-learning

**Repository Path**: ning_jinz/Front-end-learning

## Basic Information

- **Project Name**: Front-end-learning
- **Description**: 前端学习路线
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-04
- **Last Updated**: 2020-12-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Front-end-learning
**前端路线和规划，长期更新**

### Q群: 674433896
### wx群: 加好友再拉
### 个微: Evan-lin-redrain (记得备注：前端学习)

>标记的含义

白色字体是基础、必须会
白字带🌟表示重中之重，最好能讲清楚原理或自己实现

红色字体代表有多余的时间再看
红字带🌟可以不看

PS：红线代表不影响学习进度，可以先跳过，后面在学

>我当时的规划

规划：一天算 8 小时，一周学习 6 天，休息一天，8 个月近 200 天

HTML：5 天,
CSS：基础部分 20 天,
CSS3: 10 天,
复习、实战：5 天

JS基础：40 天,
jQuery: 20 天

其他知识：50 天,
Vue：10 天,
打磨项目、准备简历,
复习JS：30 天

ES6、7、8：10天

>路线图
![learn-plan](https://github.com/SkyLin0909/Front-end-learning/blob/master/leran-plan.png)

>HTML & CSS

[HTML手册](https://www.w3school.com.cn/html5/html5_reference.asp)
[CSS2/CSS3 手册](http://css.cuishifeng.cn/)
[loading 动画](https://www.html5tricks.com/demo/css3-loading-cool-styles/index.html)
[特效动画库](https://animate.style/)
[CSS 布局](http://zh.learnlayout.com/)
[Flex 布局](http://flexboxfroggy.com/)
[练习 Flex](https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html)
[Grid 布局](https://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html)

>JS & ES6

[MDN](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript)
[ES6](https://es6.ruanyifeng.com/)
[正则表达式](https://deerchao.cn/tutorials/regex/regex.htm)
[可视化正则界面](https://regexper.com/)
[TypeScript](https://www.tslang.cn/docs/home.html)

>框架

[Vue](https://cn.vuejs.org/index.html)
[React](https://zh-hans.reactjs.org/docs/getting-started.html)
[学习视频的网站（国外）](https://classroom.udacity.com/me#courses)
[学习视频的网站（国内）](https://www.imooc.com/)
[遇到问题找它](https://stackoverflow.com/)