从零走向专业腾讯前端大牛经验分享：如何快速学习前端开发

从零走向专业，腾讯前端大牛经验分享：如何快速学习前端开发？

很多同学想学习WEB前端开发，不过面对大量的前端学习资料(视频教程、网上教程、书籍)等，不知道从何处下手。

作为一个多年从事前端开发的程序员，为了让新手程序员少走点弯路，这里就分享腾讯前端大牛快速学习前端开发的经验：

从零走向专业，腾讯前端大牛经验分享：如何快速学习前端开发？

一、前端学习思路

前端学习存在一个普遍的问题：感觉编程语言死气沉沉，代码干燥乏味，很多人觉得学不下去，或者认为不好学。出现这样的情况，无非是学习编程的思路不对头!

首先来谈谈前端学习的思路。个人看来，前端的学习如果思路不对，你学习的过程会非常挣扎和痛苦，最后发现到头来学得一头雾水。

我的经验是，带领目的和解决问题的心态，以生活中的类比来学习编程，就非常有趣，也会变的不难。

从零走向专业，腾讯前端大牛经验分享：如何快速学习前端开发？

前端学习大体分三个局部：html、css、javascript。首先应当用生活的类比熟悉这些概念。

比方学习html，你可以把它当做设计这房子的整体结构。头部(head)，中部(body)，底部(foot)就像是房子的屋顶，房间，地基。

学习css，就像是给房子做装修，墙壁刷成什么颜色，选择什么样的瓷砖装饰房间。

学习javascript，你可以把他当成是各种互动的开关控制，比方按某个按钮，可以控制电视开关换台，或者控制灯光。

二、有趣化的编程体验

对于一名前端开发的初学者而言，有趣的编程学习方式会让你更快掌握前端开发。因为有趣的方式意味着乐此不疲地学习。

入门阶段，我所使用的前端开发编程教程都是用w3cschool网站https://www.w3cschool/。这主要也是我大学的计算机老师推荐的，因为w3cschool比拟老牌，官方，注重实战，上面的课程非常适用于初学者。

在w3cschool网站上，除了有比拟详细的讲解之外，还有大量的实例实战。

从零走向专业，腾讯前端大牛经验分享：如何快速学习前端开发？

我的办法是，采用循序渐进的方式，比方对于创立一个画布(Canvas)，我会按照w3cschool官方网站提供的实例，将代码从头到尾敲一遍。因为编程最重要的就是动手能力!

前期为了入门，我主要还是学习了w3cschool网站上html、css、javascript这三套根底教程(现在在学进阶教程)，在这里要表明一点，一个问题没有弄懂不要跳着学下面的东西，不然你后面要填很多坑。

从零走向专业，腾讯前端大牛经验分享：如何快速学习前端开发？

前期最主要还是循序渐进，将代码都过一遍，当你打下坚实的根底，对后面的面试也很有帮忙。

当然，代码有时候敲累了，我玩玩w3cschoolapp前端的微课。微课采用了边学边练的模式，类似于游戏化闯关的模式，我只是把它当做游戏来玩，不停地刷副本。

从零走向专业，腾讯前端大牛经验分享：如何快速学习前端开发？

个人比拟喜欢上面的积分奖励，因为w3cschool官方做了一个积分排行榜，这可以鼓励我每天做大量的编程练习，查看积分排行榜是否出现我的名字。

从零走向专业，腾讯前端大牛经验分享：如何快速学习前端开发？

另外，新手的前端程序员仍然需要积累一些感性经验，通过视听觉来理解前端知识，所以倡议可以使用慕课网看一些前端的视频教程。

看视频要做两件事：其一是弄懂视频里所讲的每一个知识点，一遇到模糊不清的问题，直接记录下来。其二是用思维导图记录要点，不然你下次再看教学视频就得从头再来，整条视频播放。

三、视频课程推荐

在这里不得不提到慕课网的前端视频课程。就拿HTML+CSS根底视频课程来说，采用了通俗易懂的方式讲解了理论。视频课程主要浓缩了前端开发的一些重点以及一些核心的概念，我们直接去透彻理解并掌握核心概念，就相当于走了捷径。

从零走向专业，腾讯前端大牛经验分享：如何快速学习前端开发？

四、谈谈面试那些问题

前端的学习经验大致就这些，由于根本功比拟扎实，大学的导师让我跟他做一些工程，所以前端开发也积累了一些工程经验，一毕业也顺利拿到了offer。

而关于前端开发的面试，面试官主要会问很多技术细节，前端开发根底的问题。个人在没有拿到offer前，比拟经常看w3cschoolapp名企的面试题(阿里巴巴、百度、腾讯、小米)，因为还是需要了解一些面试的间接经验。

开源代码也需要了解一些，不然面试官问你看过哪些代码你一脸茫然，这就很为难了!至于从哪里看开源代码，比拟常用的是github。

最后，总结一下前端开发的学习经验：

1、以生活中的类比来学习编程

2、尽可能选择老牌