web前端工程师学习路线指南

沿着一条乡间小路，走着走着，分叉愈来愈多，选择也愈来愈多，迷路成为了必然。

对于编程初学者来讲，甚至“这条路”在哪都找不到。

今天，W3Cschool新手村村长将扮演指路人的角色，讲解如何零基础入门前端，学习前端，再也不迷茫。

1.入门

有人说：只要有恒心，铁杵磨成针。这不对，学习重在兴趣，而不在恒心。当你通宵达旦的玩游戏，捧着本身喜好的名著谈天说地时，不是由于有恒心，而是由于兴趣。只有不感兴趣的东西，才须要恒心的妥协。

因此请抛弃恒心，拥抱兴趣。

一个好的启蒙老师，不须要教会你任何本领，却能培养你对一件事的兴趣和良好的学习习惯。

对于广大的前端学员来讲，了解这个领域和培养学习兴趣尤其重要，这意味着你能在前端这条路走多远。

怎么培养兴趣？

1. 成就感；

2. 即学即用；

那么，《Head First HTML与CSS》就成了最适合零基础的前端学习书籍。

从书的封面就能够看出，这是一本“重视大脑的学习指南”，看完本书，你对什么是HTML、CSS就有了大概的一个了解，而且能够编写一些简单的页面了。

这本书有以下的几个特色：

• 任务型教学，先发布一个任务，再教你如何完成它；

• 插画多，图文结合，虽然有700多的页数，但一小时翻50页彻底不是问题，你能够像看小说同样，看它。

• 没有难懂的专业名词，一旦出现，就会花一整页，甚至多页来解释它；

• 它能传递给你学习的方法，避免之后走弯路；

这本书是入门的绝佳读物，但不是必须，你也能够跳过它，但村长认为仍是读读它。

2.HTML&CSS

若是你看完了《Head First HTML与CSS》，其实你已经学会了这两个前端的基础知识。你只须要丰富一下“词汇量”，让本身能作出任何的网页就能够了。

什么是HTML和CSS？

一个画家要画一只乌龟，得先画出轮廓，再完善细节，最后涂上颜色，HTML和CSS干的也是这么一件事。

由于HTML和CSS很是简单，村长并非很建议初学者看视频，若是你以为学习有困难，可直接看《Head Frist HTML与CSS》便可。简单的事，不要花太长的时间。

丰富本身的词汇量，最简单快捷的方式，是直接阅读W3Cschool的html和css文档。

固然，你还须要了解一下他们的最新版本，html5和css3.

学完html和css，你就能够独立制做任何的网页了，没错！在本地写个淘宝出来，彻底不是问题。

若是你想巩固下学习成果，能够拿个实战项目，练习一下.

3.JavaScript

与html和css不一样，JavaScript是门真正的编程语言，因此学起来难度就大。

什么是JavaScript？

仍是刚才画家画乌龟的那个例子，这个画家人们都叫他“神笔马良”，他画了只乌龟，而且给它涂上了颜色。

这时候，马良将这只乌龟“拉”了出来，成为了一只真正的乌龟，它能走路，也能吃东西。

再举个简单的例子，有时候登陆网站时，它会提示：

这个就是使用JavaScript写的，html和css是不能动的，只有JavaScript能够。

JavaScript做为一门编程语言，很是强大，它有不少事能够作，除了运用到前端领域，它还能够作游戏、应用等等，用途很普遍。

因为JavaScript有些难度，若是你习惯了学习html和css的方式，能够直

若是你喜欢看书，那么推荐看《JavaScript高级程序设计》，这是一本对初学者很友好的书。

有些程序员会推荐《JavaScript权威指南》，俗称犀牛书，村长并不推荐。由于它属于中级读物，对初学者不友好，但做为经典的JavaScript书籍，仍是值得考虑的。

若是以上学习方式，你都不喜欢，或者太难理解JavaScript了，也能够观看视频学习。

当你将HTML、CSS、JavaScript（前端三驾马车）学完后，那么恭喜你，你已经完成了前端学习的课程。

理论上，你已经能胜任前端的工做了！

4.前端框架

实际上，若是你只掌握了三驾马车，那么没有公司会愿意要你，由于实际上你的工做效率会极低。固然，仅仅是效率上的问题，而不是作不出来。

接下来，学习前端框架迫在眉睫。

什么是前端框架？

若是只会html、css和javascript，写一个网站时，你须要一行代码，一行代码的写，假如写几个简单的页面，天然不在话下。

但是若是让你写个像淘宝的网站呢？也许这个量是几十万行以上的代码。

这时为了提升效率，你将别人已经写好的淘宝，拿了过来，放在了本身的网站上，而后稍微修改下代码，让它看起来和老板的预期同样。

因而另一个淘宝诞生了，你只花了一点点时间就完成了它。

框架，大概就是这么个意思。

框架能够说是一种工具，学起来很简单，就像学习word、excel同样简单，框架是必学项。

框架有不少，咱们推荐你学习Bootstrap。

这个框架好用，重要的是简单，适合刚学完基础课程的你。

当学习完Bootstrap后，恭喜你，你能够高效的完成工做，更加符合企业的用人需求了。

前端是一个随时间变化很大的职业，新框架的运用，也成了不少企业用人的硬性要求。

最具表明性的就是三剑客：React.js、Vue.js和Angular。

你没必要彻底掌握这三个，你能够先学会其中一个，后续根据工做须要，再掌握其他两个，甚至是不学习它们。

5.Git-管理工具

Git对前端写程序没有多大影响，但它一样十分重要。

什么是Git？

这个一个版本控制工具，能够很好的管理代码，而且共享给其余同事。

Git更像是技术界的excel、word，它只是一个工具，方便管理你的代码。一些稍成型的公司，均可能会使用它做为管理工具，

所以，你最好学会它。

5.后记

自此，你已经具有了一个前端工程师的基本素质。前端的学习过程，是一个由“难”逐渐“简单”，再由“简单”变“难”的过程。

前半段是入门的过程

后半段是成为大牛的过程

总之学前端只有八个字：明确方向，兴趣主导！

仅此而已。