TOP:前端学习==20%知识+80%能力
1.好教材
| JS | CSS |
| javascript高级程序设计 | 精通CSS |
| DOM编程艺术 | CSS权威指南 |
2.练习
(1)教材代码*3
(2)FreeCodeCamp
(3)计蒜客
(4)在线编程online--{MDN,W3Cschool}
3.工具栈
(1)Sublime Text插件--{1.Emmet--chart; 2.侧边栏sidebar Enhancement;
3.代码格式化JSformat/cssformat; 4.plugin???}
(2)github Atom
(3)Adobe Bracket
(4)自动文件补全--AutoFilename
(5)实时浏览--{1.Bracket自动;2.Sublime Text的 live reload中级;3.Broswer-sync进阶}
4.调试
IDE:
(1)Web Strom
(2)JS++Chrome Dev Tools(熟练掌握);
5.效率提升+思路总结
(1)Everynote剪藏
(2)脑图----Xmind/百度脑图(在线)/processon(在线)
(3)思路总结----写Blog:
1.github page(markdown)
2.word press
3.farbox
6.常见问题Q&A
学会专业搜索
1.MDN(查找一些专业名词)
2.segmentfault++stackoverflow(询问编程问题)
3.Devdoc.io(doc列表)--例如:API不会用
4.关注FE动态(everyday)
(1)主动性养成
(2)github Trending [CN]
(3)工具--开发者头条/掘金
7.遇到瓶颈期
1.总结问题
(1)编码问题?
(2)能力问题?适不适合做前端?
(3)实践问题?
只会看书,不写代码
要系统性的养成每次学到知识必写demo的习惯
(4)工具推荐
Github Gist
Codepen.io(重点)
(5)找到适合你的路,逃离心理舒适区
8.待认识的
css hack--兼容
csslayout
semmatic--UI中文社区
优势识别器
leozhang--2018
9.Git官网命令下载下来