学习网站：
1.MDN文档:官方学习文档
2.练习小册子 英文 中文
3.张鑫旭的CSS学习网站:也是一个学习css 不错的网站(可以直接搜 css 的属性看解释)
4.菜鸟教程:涵盖了前端的很多教程，包括HTML/CSS，js,服务端，数据库甚至开发工具教程。
5.廖雪峰的官方网站:风里雨里，廖雪峰在这里等你
资源网站
1.css-trick-flex：这里的flex布局讲的很生动
2.flexboxfroggy：flex练习小游戏
3.Githut：github的语言统计，网站本身的设计给孩子好看哭了
4.learnGitBranching：通过图示和交互让你轻松了解git命令之后发生了什么
5.SQLBolt：学习SQL的交互网站
6.React开发者工具
推荐书籍：
1.《Head First HTML & CSS》
很简单的HTML&CSS入门教程，理论知识加实践结合
2.《CSS揭秘》
适合CSS扩展学习
3.《你不知道的JavaScript》上卷 (微信读书上有)
深入讲解了部分 JS 的重难点知识
4.《图解HTTP》(微信读书上有)
结合图解的方式讲解了HTTP相关的知识点，简单易懂，比较适合HTTP入门
TW：
1.我在 ThoughtWorks 中的敏捷实践
2.线下体验课样例 Demo 时间轴
小工具：
1.字体识别
2.iconfont:阿里图标库
3.css浏览器兼容查询
4.在线代码编辑器
5.优秀网站案例
6.Babel.下一代JavaScript编译器
7.Processon免费在线作图（流程图、思维导图、原型图等）、实时协作
8.百度在线脑图
Echarts篇：
2.Echarts省市区县级地图JSON文件下载（Github）
3.w3c echarts教程
直播课程记录：
1.MeiZhu：多行文本溢出
扩展资料：
Truncating Multiple Line Text
纯 CSS 实现多行文字截断
网友评论