前端学习

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官网命令下载下来