相关咨询

FULLY MATCH ENTE

最新文章

推荐文章

10年前端花费半年整理出的web前端学习路线!

虽然说web前端入门门槛相对较低,但是学起来也是很困难的,今天爱创课堂前端培训机构的老师就为大家整理了一份web前端学习路线,希望对大家有所帮助!


一、HTML,CSS


HTML (div)+CSS 布局,是基础入门的基本步骤,在这个阶段,你需要学习的内容,包括有:


1、标签语义化,SEO。


2、页面加载的流程和原理。


3、网页结构。


4、盒子模型(W3C 盒子模型和 IE 盒子模型)。


5、CSS 选择器。


6、CSS 布局浮动、定位。


关于 HTML 和 CSS,我们要学到什么地步,要怎么学呢?


1、在开始阶段,熟悉好布局方法,做一个简单的电商网页的基本结构出来,无需考虑特效,也不需要考虑用户交互。


2、比如,我们可以仿照百度或者谷歌首页,做出来一个搜索引擎首页。当然只是布局和样式,具体的交互和特效不用实现,这是一个比较简单的练习。相对复杂一点的,比如门户网站(新浪、网易等)首页的实现。


3、当你可以独立徒手完成一个复杂的网页时,这部分内容就掌握的差不多了。推荐用文本编辑器,比如Notepad++、Sublime 等进行练习。


二、JavaScript


接下来是 JavaScript,这部分我个人推荐《JavaScript DOM 编程艺术》,虽然没有 Head First 系列生动活泼,但胜在篇幅,这本只有大约 300 页的技术书在浩瀚的技术类图书海洋中算得上是薄的。


正如书中前言所说:本书是“主要是写给 Web 设计师的”,而“不是专门写给程序员的”。因此,它不会把你搞到很头大。而且还有一个足够吸引你的地方:那就是使用 JavaScript 可以给网页加特效,只要对着书中的实例跟练就能看到效果了。如果你真的“对漂亮的 UI 以及各式各样的动画效果很感兴趣”,那么啃下这本书不算难事。


JavaScript 现在可以说是互联网时代使用率最高的脚本语言了,在网页中,几乎所有的数据渲染,特效的交互都需要利用 JavaScript。在学习前端开发的高级阶段,大量使用算法和框架的时候,依旧会大量使用 JavaScript。


在基础阶段,我们学习 JavaScript 主要掌握下面几点:


1、基本关键字指令。


2、基本数据类型、数组。


3、函数。


4、面向对象编程。


5、原型链、闭包。


6、JSON。


7、Ajax。


8、DOM(文档对象模型原生 DOM 操作)。


9、事件捕获、冒泡、代理。


10、常用函数方法。


11、ES 5、6、7。


JavaScript 是我们学习前端开发中非常重要的一个内容,也是一个大家经常掉坑里的难点。所以这部分我们给四周的时间。关于 JavaScript,除了上面的理论基础,还需怎样加强练习和巩固呢?


其实很简单,只要跟着书中的示例,自己实践一遍即可。这里需要特别注意的是:有很多同学在跟练时,采用对着书中代码敲代码的方式。这其实是效率非常低的学习方法。我个人的建议是:对于书中的示例,先看懂,理解透。然后学完本节或本章后,把书放在一边,自己独立动手尝试实现那些示例。


三、jQuery


最后就是 jQuery 了,这块知识我个人推荐《锋利的 jQuery》。


这本书无需通读,我们只要学过前面 9 个章节就可以了(依然是不到 300 页)。实际上,第一章还有一点是 JavaScript 的知识。从某种意义上讲,jQuery 实际上是对 JavaScript 的快捷实现方式。试想,没有 jQuery 时,每次逻辑业务都需要手动写,也就是每开发一次就要造一次轮子,很麻烦。如果能简单一点就好了。借助 JavaScript 的封装特性,jQuery 应运而生。它其实就是用 JavaScript 封装的类库、插件。在这部分的学习中,你可能会体会到这种便利。所以,jQuery 也是你必须要掌握的技能。那么我们要掌握它到何种程度呢?


1、jQuery 语法和 JavaScript 原生语法的差异。


2、Dom 对象和 jQuery 对象。


3、jQuery 的入口函数和 JavaScript 的入口函数的差异。


4、jQuery 事件的执行逻辑。


学习 jQuery,目的就是能快速的完成网页的特效。但要记住,这本书只是 jQuery 的入门书。我们依旧留四周时间来消化它。好了,到此,前端入门知识就算结束了,这不到三个月的时间或许你会觉得有些无聊枯燥。但我要告诉你的是,这已经是通往前端大神的快捷之路了。还是那句话,对于基础知识的把握,我们不能有一丝一毫的懈怠。不过也有个好消息,这种无聊、枯燥的感觉或许已经结束了!


好了,到此我们总结一下初级阶段的内容:


1、学习内容:HTML、CSS、JavaScript、jQuery;


2、学习方法:理论学习(读书、理解)+ 动手实践(一个静态网站);


3、学习时间:两周(HTML、CSS)+ 四周(JavaScript)+ 四周(jQuery),总计两个半月。


四、进击前端中级技能


其实在完成初级阶段的学习后,我们就可以做出点东西了。完成一个电商网站的布局,有特效的开发要求应该没有问题。但是,移动设备的流行席卷全球。我们的产品不能只面向传统的 PC 用户,更多地,应该偏向移动端。这就要 HTML5+CSS3 的组合来应对了,它可以帮我们完成多端的自适应,也就是我们常听到的 “响应式布局”。


所以,前端技术学习的第二阶段会更加有趣,因为在这个阶段里,我们可以真的做出点完整的东西了!


中级阶段我们攻克两大技术点:HTML5 和 CSS3、Node.js。


首先我们来看 HTML5 和 CSS3。


CSS3 为响应式设计奠定了基础。由于我们在之前有了基础,所以这部分学习起来并不费力。这部分我个人推荐大家借助免费的视频教程,实现快速通关。比如爱创课堂前端培训机构的免费视频教程,包含整个 HTML5+CSS3 的内容,这部分一周时间足矣了。


说到 Node.js,它的意义就很大了。Node 让 js 成为服务器语言,可以完成 IO,网络通信,数据库操作等。可以说,掌握了 Node.js,你就可以变身为全栈工程师了!这部分我个人推荐大家借助免费的视频教程,实现快速通关。


需要以上相关视频和资料的可以直接向客服小姐姐索要哦!