Web前端入门指南二

在你开始入手学习前，有一些小的建议。根据我自己学习的经验发现，这些建议在现在乃至我以后的岗位生涯里都是有很大帮助的。还有就是开始学习前，建议可以先花几天时间，查找一些如何入门的文章，通过对许多文章及前人的建议。整理出适合自己学习的一套完整计划，然后在学习过程中，在自己对前端更加了解之后，做出一些计划的调整。我相信，在这样的计划学习之下比一来就开始学习具体知识要快速有效得多。

（1）贵在规范：代码规范，不是说小白时期不重要，正是什么都不懂的时候，才要严格执行学到的规范。徐徐渐进，等到学有所成，渐渐地形成一套自己的代码风格

（2）贵在手写：最开始学习建议手写代码，哪怕只有一行代码，也要一个字母一个空格的敲打出来

（3）贵在动手：哪怕只有一行代码的事例，也要手动编写运行，而不是眼高手低，哦，好简单会了，就不动手了

（4）贵在基础：只有小白阶段把基础打好了（比如：HTML、CSS、Jquery），后续进阶难关才会更好克服

（5）贵在坚持：在觉得最难的时刻，坚持一下，天空会完全不一样

（6）贵在计划：制定相应的计划，并严格执行，否则一般学习效果大打折扣

（7）贵在一步一个脚印：前端要学习掌握的知识非常多，需要跟着计划一步一个脚印，由易到难

（8）以上：是个人学习时的总结，如果能够较好的遵循，学习效果和后续的进阶方面，有大大的帮助。当然适合自己的方法方式才是最好的。

小白阶段怎么学

这个阶段的你，应该是什么都不会，或许连前端大概是做什么都不知道。或许只是听说这个岗位火爆，好找工作，所以你想学习。也或许你看到一个精美的网页，你开始好奇了，感觉实现它是很美的一件事，你想了解怎么样做出来的。如果你想知道怎么入门，可以看看接下来的建议和意见。这是通过还是小白的自我学习阶段到胜任前端岗位这个过程中，积累的一些经验，希望能够有所帮助。

1、建议的学习步骤

（1）HTML标签（网页结构标记语言） + CSS样式（网页样式语言）。它们是实现静态Web应用最基础的语言，掌握好它们，你可以编写出一个简单的模块（如导航等）甚至一个完整的静态网页。

（2）Jquery库（Javascript编程语言的一个必须掌握的库）。它可以让你之前做的静态网页“动起来”，比如（下拉二级菜单、网页右侧工具导航的展开等等交互特效）。

（3）建议花时间看看《DOM编程艺术》这本书，或这类书籍。它是关于Javascript编程语言在网页开发上面的运用，跟着这本书走下来，你可以编写一个简单的具有交互效果的网站了。

2、一些学习资源的建议

（1）w3cshool网站，基础性学习的网站，比较适合小白系统学习最基础的入门。它还有试一试功能，可以让你在线编辑代码，修改代码，实时看到展示变化，富有一定的趣味性。

（2）菜鸟网站，找到对应学习内容，也是一个不错的基础学习网站。和上面的w3cshool一样，同样具有实践在线编写实时变化展示的功能。

（3）书籍，如《DOM编程艺术》，跟着它认真反复学习并动手输出，最后你可以做出一个简单的具有简单交互效果的网站。

以上几点就是小白最开始入门学习的东西，建议按照顺序学好这三种语言。可以使用sublime编辑器进行动手编写。当你根据学习步骤（3）完成一个小小的网站时，你会觉得很有成就感，后续的学习也就信心百增，兴趣百倍。