# FE

**Repository Path**: GetFlag/FE

## Basic Information

- **Project Name**: FE
- **Description**: 前端小课，每天一课，前端从 0 到 1
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-04-11
- **Last Updated**: 2020-12-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 《前端小课》
前端小课，一本帮助你学习前端的多媒体电子书。每天一小课，分阶段、系统地学习前端知识。每天打卡，自我驱动学习，有问题及时讨论。通过下面的方式加入：

- [✅前端小课开课啦](https://mp.weixin.qq.com/s/6_3hSOw5Lv4p-vxIJS1woQ)
- [✅死磕 CSS 布局 - 前端小课第二阶段](https://mp.weixin.qq.com/s/gtyiCDbtRRvBxOaR0DPkKg)
- [✅demo 合集](https://github.com/lefex/FE/tree/master/%E7%AC%AC%E4%B8%80%E9%98%B6%E6%AE%B5/code)

## 🐝第一阶段 20 天：HTML + CSS

- [坚持学习前端的第20天](https://mp.weixin.qq.com/s/-js2txXGKUzEFEMUlF8JBg)
- [第19天：写出易复用、易维护、结构清晰的 CSS](https://mp.weixin.qq.com/s/IqqoMc967gFYfHRJoCAJhw)
- [第18天：CSS中的权重](https://mp.weixin.qq.com/s/b2f58P6P7E00RswRyuHzVQ)
- [第17天：屏幕尺寸这么多，前端却有高招](https://mp.weixin.qq.com/s/nlVmqSaUTsKKIFS2lXBg7Q)
- [第16天：领导说，体验差](https://mp.weixin.qq.com/s/CEh7LcHDqj5s5UebK5t-Vw)
- [聚齐了这3张宝图，搞懂CSS权重](https://mp.weixin.qq.com/s/wQOEMwQVdDYXpqSN7SuLcA)
- [第15天：设计师的要求](https://mp.weixin.qq.com/s/5nrVkgzfMXivl1mAEvrWyg)
- [第14天：在文字前、后插入一个图标](https://mp.weixin.qq.com/s/P03ieC4DiTuZzWRY3vDMZg)
- [第13天：CSS中使用图](https://mp.weixin.qq.com/s/16E5JnHtszJ2rMunlHFPGA)
- [移动端同学为什么要学前端](https://mp.weixin.qq.com/s/3hhPUbcMPUZp5GYjg7_Gog)
- [第12天：打破常规之 display](https://mp.weixin.qq.com/s/OZNDlCroFkK79EbqZpWr8g)
- [第11天：说好不哭](https://mp.weixin.qq.com/s/0rOCSAJjMq7N4t8U-I1gnw)
- [第10天：撑起CSS布局的半壁江山---盒子模型](https://mp.weixin.qq.com/s/lt7_v8V5g5sG1QdP4-TOFQ)
- [第9天：自我介绍](https://mp.weixin.qq.com/s/11D_PwSxll_lKUD-yzWkxQ)
- [第8天：border 能干啥](https://mp.weixin.qq.com/s/l9pLes4Q64-Yq0KtmcTWQA)
- [群里讨论的一个选择器问题（一定要看）](https://mp.weixin.qq.com/s/nS_kcIqBwO03mvF97BZCBQ)
- [第7天：CSS中的选择器详解](https://mp.weixin.qq.com/s/V00q_cJrpPoEUXD7Yxvyug)
- [第 6 天：设计一个左右滑动的菜单](https://mp.weixin.qq.com/s/hCbRtgZ9v0T9OJhJ15JAeA)
- [第6天：使用CSS的三种方式](https://mp.weixin.qq.com/s/pHy30He9hS2C4UPDGxYqlg)
- [第 5 天：读懂 HTML 标签](https://mp.weixin.qq.com/s/vvrt3zvOt8jsgaulayu5sg)
- [第4天：给自己一句鼓励的话](https://mp.weixin.qq.com/s/u1z009G2lYZK-SGFCXJhyw)
- [第4天：我学前端时用过的资源](https://mp.weixin.qq.com/s/Y5miYpQhtv4fotp0bFMJiw)
- [第3天：HTML 中的 head 标签](https://mp.weixin.qq.com/s/LMiPhxhHyOku6HTg0cBQsQ)
- [第2天：HTML 结构](https://mp.weixin.qq.com/s/7Vx2CYBPTuoHQfYsawQhzA)
- [第1天：开篇词，开发环境准备](https://mp.weixin.qq.com/s/66oU0fY502OYK9WpxiaCtA)


## 🌺第二阶段 13 天：死磕 CSS 布局

- [用前端仿写朋友圈](https://mp.weixin.qq.com/s/BUMaJXJ2bD0FcZ5kMI_WrA)
- [第13天：布局的兼容性与两种不常用的布局](https://mp.weixin.qq.com/s/fM8DkM9sGAGzu-G3TW_5UA)
- [第12天： 靠边站之float](https://mp.weixin.qq.com/s/ba8kJOU2a83NBnwG0y8fdQ)
- [第11天：grid布局对齐属性](https://mp.weixin.qq.com/s/9_zPYmfYzhIu-vgnfDGk4g)
- [第10天：买一块地盖一处院子](https://mp.weixin.qq.com/s/ZziZ9jDKGPORnV8Yv5r_lQ)
- [第9天: position 布局之 fixed、sticky](https://mp.weixin.qq.com/s/OOOrutqFKvOsY_Td-cpi4w)
- [第8天：布局翘楚 - Grid 布局概述](https://mp.weixin.qq.com/s/SJ7k23nIgMOcR2fDjOHhGg)
- [第7天: position 布局之绝对布局 absolute](https://mp.weixin.qq.com/s/UJZTjsKUC-aOo0zrNrryiQ)
- [第6天：深入理解 FlexBox 布局的弹性](https://mp.weixin.qq.com/s/XG5QeIUF-qkBAqd_jlUV9g)
- [第5天：position 布局之相对布局 relative](https://mp.weixin.qq.com/s/RFlSDGIq7ERm2CWCzpQCJQ)
- [第4天：图解 FlexBox 布局（下）](https://mp.weixin.qq.com/s/uct9apWqgznde1m2IMVgwA)
- [第3天：布局之源 - 流式布局](https://mp.weixin.qq.com/s/Ib2AnP47yuMe5HrWRyhTig)
- [第2天：图解 FlexBox 布局（上）](https://mp.weixin.qq.com/s/T-Z_8he9UxBBfL8Jb3zwtA)
- [第1天：前端布局概述](https://mp.weixin.qq.com/s/oDNuyEdgUPweSZiOWnriQA)


![](https://github.com/lefex/FE/blob/master/asset/css-layout.png)

## 🐝第三阶段：搞懂网络，掌握网页请求流程

- [第三阶段 - 重学网络编程（HTTP、TCP、WebServer）](https://mp.weixin.qq.com/s/c_VnSTjtgearUjx6ttqzwQ)
- [一条命令开启一个 WebServer](https://mp.weixin.qq.com/s/7_gGs16ZCoL_GQKPtGFCcw)
- [第2天：server 的接口是如何实现的](https://mp.weixin.qq.com/s/nMgN10N1JViigUkwh5UEOg)
- [第3天：HTTP 之客户端与服务端](https://mp.weixin.qq.com/s/DSCjhv0z--2zxKnUh0Vt7A)
- [第4天：数据传输之 TCP ，聊天室实践（含视频）](https://mp.weixin.qq.com/s/6Bcxbl2M4Mkbo6CALuoSkg)
- [第 5 天： 以农村故事说说我对 socket 的理解](https://mp.weixin.qq.com/s/jfAEhPmQya0Ok9wvgK5vZw)
- [第 6 天：HTTP背景与整个请求响应流程 （官方英文描述）](https://mp.weixin.qq.com/s/ZQxl7zmMd4imJT6llJkMww)
.......
**第三阶段正在进行中，首发公众号，后续同步到这里，底部有二维码**


## 🌹网站

你也可以通过网站学习，[超越技术](https://lefex.github.io/)

![](https://github.com/lefex/FE/blob/master/asset/web.png)


微信扫码加入《前端小课》，和我一起学习前端

![](https://github.com/lefex/FE/blob/master/asset/qrcode.png)