很多同学想学习WEB前端开发,不过面对大量的前端学习资料(视频教程、网上教程、书籍)等,不知道从何处下手。
作为一个多年从事前端开发的程序员,为了让新手程序员少走点弯路,这里就分享腾讯前端大牛快速学习前端开发的经验:
一、前端学习思路
前端学习存在一个普遍的问题:感觉编程语言死气沉沉,代码枯燥乏味,很多人觉得学不下去,或者认为不好学。出现这样的情况,无非是学习编程的思路不对头!
首先来谈谈前端学习的思路。个人看来,前端的学习如果思路不对,你学习的过程会非常挣扎和痛苦,最后发现到头来学得一头雾水。
我的经验是,带着目的和解决问题的心态,以生活中的类比来学习编程,就非常有趣,也会变的不难。
前端学习大体分三个部分:html、css、javascript。首先应当用生活的类比熟悉这些概念。
比如学习html,你可以把它当做设计这房子的整体结构。头部(head),中部(body),底部(foot)就像是房子的屋顶,房间,地基。
学习css,就像是给房子做装修,墙壁刷成什么颜色,选择什么样的瓷砖装饰房间。
学习javascript,你可以把他当成是各种互动的开关控制,比如按某个按钮,可以控制电视开关换台,或者控制灯光。
二、有趣化的编程体验
对于一名前端开发的初学者而言,有趣的编程学习方式会让你更快掌握前端开发。因为有趣的方式意味着乐此不疲地学习。
入门阶段,我所使用的前端开发编程教程都是用w3cschool网站https://www.w3cschool.cn/。这主要也是我大学的计算机老师推荐的,因为w3cschool比较老牌,官方,注重实战,上面的课程非常适用于初学者。
在w3cschool网站上,除了有比较详细的讲解之外,还有大量的实例实战。
我的方法是,采用循序渐进的方式,比如对于“创建一个画布(Canvas)”,我会按照w3cschool官方网站提供的实例,将代码从头到尾敲一遍。因为编程最重要的就是动手能力!
前期为了入门,我主要还是学习了w3cschool网站上html、css、javascript这三套基础教程(现在在学进阶教程),在这里要说明一点,一个问题没有弄懂不要跳着学下面的东西,不然你后面要填很多坑。
前期最主要还是循序渐进,将代码都过一遍,当你打下坚实的基础,对后面的面试也很有帮助。
当然,代码有时候敲累了,我玩玩w3cschool app前端的微课。微课采用了边学边练的模式,类似于游戏化闯关的模式,我只是把它当做游戏来玩,不停地刷副本。