二、写在前面的一些话
在你开始入手学习前,有一些小的建议。根据我自己学习的经验发现,这些建议在现在乃至我以后的岗位生涯里都是有很大帮助的。还有就是开始学习前,建议可以先花几天时间,查找一些如何入门的文章,通过对许多文章及前人的建议。整理出适合自己学习的一套完整计划,然后在学习过程中,在自己对前端更加了解之后,做出一些计划的调整。我相信,在这样的计划学习之下比一来就开始学习具体知识要快速有效得多。
(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)完成一个小小的网站时,你会觉得很有成就感,后续的学习也就信心百增,兴趣百倍。
下面是这个系列文章的其他章节
《Web前端入门指南二》,本章节