零基础快速学习Web前端开发视频教程:html5、CSS、JS代码从入门到精通
更新时间:2017-12-27 15:14

上课时间:
2017年12月27 15:14 ~ 03月03 15:05
学习人数:
0155人
服务承诺:
支付保障        开课前随时退
    
课程介绍


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



一、前端学习思路

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

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

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

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

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

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

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

二、有趣化的编程体验

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

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

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

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

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

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

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

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

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



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

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

三、视频课程推荐

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

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

四、谈谈面试那些问题

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

而关于前端开发的面试,面试官主要会问很多技术细节,前端开发基础的问题。

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



播放视频教程




教学大纲
课程评价

评论


暂时没有评论~