从零到专业，腾讯前端专家分享经验：如何快速学习前端开发？

1.前端学习思路

前端学习有一个通病：编程语言感觉毫无生气，代码枯燥。很多人觉得学不会，或者觉得很难学。出现这样的情况，很简单，就是因为学习编程的思路错了！

首先说一下前端学习的思路。就我个人而言，如果你在学习前端的时候没有正确的思路，你的学习过程会非常艰难和痛苦，最后你会发现自己完全迷茫了。

我的经验是，抱着有目的、解决问题的心态，通过生活中的类比来学习编程是非常有趣的，也不难。

前端学习大致分为三个部分：html、css、javascript。您应该首先使用生活类比来熟悉这些概念。

例如，如果你学习HTML，你可以把它想象成设计房子的整体结构。头（头）、中（身）、底（脚）就像房子的屋顶、房间、地基。

学习CSS就像装修房子一样，墙壁要刷什么颜色，选择什么样的瓷砖来装饰房间。

当你学习JavaScript时，你可以把它想象成各种交互式开关控件。例如，按下按钮可以控制电视切换频道，或者控制灯光。

2.有趣的编程体验

对于前端开发的初学者来说，有趣的学习编程方式将帮助你更快地掌握前端开发。因为有趣的方式意味着学习的乐趣。

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

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

我的方法是采取循序渐进的方法。比如“Create a Canvas”，我会按照w3cschool官网提供的例子，从头到尾敲下代码。因为编程最重要的是动手能力！

为了前期入门，我主要学习了w3cschool网站上的HTML、CSS、JavaScript三套基础教程（现在正在学习高级教程）。我想在这里解释一件事。如果你不懂一个问题，不要跳到学习下面的东西，否则你后面有很多坑要填。

前期最重要的就是一步步走，把代码过一遍。当你打下扎实的基础之后，对于后续的面试也是有帮助的。

当然，有时当我厌倦了敲代码时，我会玩一下w3cschool应用程序前端的微课。微课采用边学边练的模式，类似于游戏化的闯关模式。我只是把它当作一个游戏来玩，并不断刷新副本。

就我个人而言，我更喜欢上面的积分奖励，因为w3cschool官方做了一个积分排行榜，这可以激励我每天做大量的编程练习，并检查我的名字是否出现在积分排行榜中。

另外，新手前端程序员还需要积累一些感性经验，通过视觉和听觉来了解前端知识，所以建议使用MOOC观看一些前端视频教程。

观看视频时需要做两件事：一是理解视频中提到的每个知识点，遇到有歧义的问题时，直接记录下来。二是用思维导图记录重点，否则下次看教学视频、播放整个视频就得从头开始。

3.视频课程推荐

这里不得不提一下MOOC的前端视频课程。以HTML+CSS基础视频课程为例，理论讲解深入浅出。视频课程主要浓缩了前端开发的一些要点和一些核心概念。如果直接去深入理解和掌握核心概念，就相当于走了一条捷径。

4. 谈谈面试问题

我的前端学习经历就这样了。由于我的基本功扎实，大学导师让我跟他一起做一些项目，所以我也积累了一些前端开发的项目经验，毕业后就顺利拿到了offer。

关于前端开发面试，面试官主要会问很多前端开发的技术细节和基础问题。在拿到offer之前，我经常看著名公司（阿里巴巴、百度、腾讯、小米）的面试题，因为我还是需要了解一些面试的间接经验。

你还需要对开源代码有所了解，否则如果面试官问你看过哪些代码，你会一头雾水，那就很尴尬了！至于在哪里看开源代码，比较常用的是Github。

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

1.用生活中的类比来学习编程

2、尽量选择老牌的编程网站，第一次学就学好；

3.有趣的编程，玩w3cschool app微课；

4.可以通过MOOC、极客学院等方式通过视频补充学习；