零基础学javascript,零基础学javascript全彩版黑马

零基础如何学js？

首先明，确怎样才能学好wbe前端开发：

现在很多人喜欢自学web前端开发，但是一个人的能力毕竟是有限的，所以我自己建了一个裙，它的前面是4 九 4，中间就是4 〇 6 ，最后就是9 三 4 。欢迎想要学习的小伙伴加入我们学习哦。如果不是来学习的就不要加了，加了也是浪费时间。

Web前端的学习路线

1.第一阶段——HTML的学习

超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。

HTML 的学习是一个记忆和理解的过程，在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，这种对照学习的方法弥补了单纯识记HTML标签和属性的枯燥乏味，想必对各位初学的小盆友们来说必定是极好的!

在学习了HTML之后，我们只是掌握了各种“原材料”的制作方法，要想盖一幢楼房就还需要把这些“原材料”按照我们设计的方案组合布局在一起并进行一些样式的美化。

2.第二个阶段——CSS的学习

CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。

同时CSS中的盒子模型、相对布局、绝对布局等能够实现对网页中各对象的位置排版进行像素级的精确控制。通过此阶段的学习，我们就可以顺利完成“一幢楼房”的建设。

“楼房”建设完成之后，我们可以交给用户使用，但是如果想让用户获得更佳的体验，我们还可以对“楼房”进行更深一步的“装修”，让它看起来更“豪华”一些。

3.第三个阶段——Java的学习

Java是一种在客户端广泛使用的脚步语言，在Java当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板，屌丝瞬间逆袭高富帅!有么有?

此时，也许你还沉浸在Java给你带来的惊喜之中，但你的项目经理却突然对你大吼道

“这个效果在××浏览器下不兼容，重新搞……”

“不兼容?”瞬间石化了有木有?

“我擦，坑爹啊!那可是花了我一个晚上写了几百行代码搞定的啊，吐血了都!”

Java的兼容性和复杂性有时候的确让我们头疼，还好有“大神”帮我们做了封装。

5.第四个阶段——jQUery的学习

jQuery 是一个免费、开源的轻量级的Java库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨。这个Feel倍儿爽!有么有?

“豪华大楼”至此拔地而起，但是每天这样日复一日，年复一年的盖楼，好繁琐!能不能将大楼里面每一个单独部件模块化，当需要盖楼时就像堆积木一样组合在一起，这样岂不是爽歪歪?可以实现吗?答案是肯定的。

这种思想在Web前端开发中也是适合的，于是乎就出现了各种前端框架，在这里推荐给大家的是Bootstrap。

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。

在项目开发过程中，我们可以借助Bootstrap提供的CSS样式、组件、Java插件等快速的完成页面布局和样式设置，然后再有针对性的微调样式，这样基于框架进行开发大大缩短了开发周期。站在巨人的肩膀上就是爽!

　

Web前端的学习建议

最后给大家聊聊在学习Web前端中的一些建议和方法。

在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析，不能够从宏观上对页面中盒子间的嵌套关系进行把握，就急于动手去做，导致页面中各元素间的关系很混乱，容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下，逐步细化”的思想，先用几个盒子将页面从整体上划分，然后逐步在盒子中继续嵌套盒子。

“君子生非异也，善假于物也”，在学习的过程中还要多浏览一些优秀的网站，善于分析借鉴其设计思路和布局方法，见多方能识广，进而才可以融会贯通，取他人之长为我所用。

同时还要善于使用Firebug这个利器。Firebug一方面可以在我们学习过程中帮助我们调试自己的页面，另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码，“偷”也是一种技能!

每个人的成长与基础不一样，结合自己的实际情况，在执行。还是重复一下，前端的核心是js。css不难，但需要来积累。对前端我是这么看的：

css就像一瓶酒，得品。

html,css总共就那些标签跟选择器属性什么的，但是要写一个有扩展性，健壮性或维护性的页面不容易。现在写页面基本条件反射，不是如何快速的完成，而是思考如果有界面需求修改，怎么在修改代码最少的情况下快速完成需求任务。这是对前端耐力，体力，智力的三重考验。

js就像一把剑，得磨。

js刚开始只是为了较验，随便技术社会的发展，承担的角色越来越重，刚开始玩玩jQuery感觉已经会js了，其实只是冰山一角。随着对js的了解越来越多，他即变态又可爱，即好玩又难控，即有很多兼容问题，但解决兼容是我们基本生存之道。从ajax到jsmvc一路走一路看，高载潮一浪高过一浪

人生就是一场梦，得作。

技术只是生活的一部分，曾经雄心斗志，如今低头写码。改变能改变的，接受不能改变的。人生有限，兄争朝夕啊。人生学习的态度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改变世界，但求能改变自己的生活。不求健步如飞，但求一步一脚印。感谢磨难，他使我们内心更为坚强。感谢挫折，他使我们不断的成长，感谢bug，他使我们的思维更加深邃。感谢前端，他使我们更加的相信，撑起一片天空需要十八般武艺。

相关问答

Q1: javascript真的可以零基础自学吗

当然可以。

只要自己努力，用心学习，肯定能学好。JavaScript是脚本语言，主要用来编写动态网页。我建议你先从基本的HTML和CSS学起，学学静态页面布局。然后在网上找一些javascript入门级的视频教程，按照教程一步步由浅入深按部就班的学习就OK。

编程一方面靠的是逻辑思维，另一方面也是一个孰能生巧的过程，只要多敲几遍代码，将基础知识融会贯通，肯定能够学好的。

自学要耐得住寂寞。最大的障碍是没有学习氛围，如果有条件的话，我还是建议你报个培训班。

Q2: 零基础JavaScript学习路径？

开发环境越简单越好，一定不要在这个环节浪费时间。

首先说编辑器的选择，sublime text、vs code、atom、webstorm，还有HBuilder。新手入门的时候总想找一个最好的编辑器，其实这编辑器就和游戏里面选英雄一样，没有最厉害的，只有最适合你的，如果还是拿不定注意，就选vs code吧，我感觉这个对新手挺友好的。

浏览器就用chrome，然后就可以开始撸代码了。

关于JavaScript版本，我建议还是从ES5开始学，有一定基础之后再来看ES2015+的新特性。

基本语法

学编程语言和学自然语言有很多相似的地方，我们得从最基本的单词和语法开始学。

变量：如何声明变量，如何给变量赋值。

数据类型：什么是数据类型，数字与字符串有什么区别。

运算符与表达式：常用的运算符有哪些？“=”、“==”与“===”的区别等等。

分支语句：if、switch

循环语句：for、while

函数：什么是函数，什么是参数，什么是返回值。

这些基本语法一定要非常熟悉，要不然后续的学习会举步维艰。

对象

对象是一个非常重要的概念，一定要灵活掌握：

对象：属性的无序集合，当属性值为函数的时候，我们叫这个函数为对象的方法。

数组：元素的有序集合。了解数组的常用方法

日期对象：获取年月日时分秒

数学对象：获取随机数

了解其他对象：正则表达式、包装对象，其实函数也是对象，不过这些简单了解一下就行。

每个对象都有很多方法，这些方法知道在哪里查就行了，千万不要去背，就像我们学英语，必要的单词要背，但是大部分单词知道用词典查就行了。

DOM

DOM的树状结构

节点：元素节点、文本节点、属性节点

节点关系：同级、父子级等等

获取节点：querySelector、querySelectorAll等等

节点操作：增删改查

事件绑定：事件流和事件委托应该了解一下

DOM提供的方法也很多，仍然不要过多的投入精力，新手自学总是会被这些大量的方法困扰，我们要做的是对DOM有一个概括性的了解，至于那些杂乱的接口，后续我们完全可以用jQuery或框架代替。

（如果对DOM感兴趣，可以在技能掌握得稍微全面一些之后，再回来深入学习也是可以的，但是前期投入大量时间，确实会影响学习效率）

jQuery

jQuery是必须要会的，但是jQuery上手确实很简单，用两天时间了解一下jQuery的用法，然后就可以利用jQuery实现各种页面效果了，前期肯定会磕磕绊绊，但是jQuery的资料有很多，一边学一边做就行。jQuery熟练了之后，就可以开始着手学习JavaScript进阶一点的内容了：

原始类型与引用类型的区别

各种类型转换和类型检测

闭包：函数套函数，怎么套自己都不蒙就行了。

原型：构造函数、原型属性、基于原型的继承是怎么实现的。

this：可以开个坑好好研究研究

了解node

node现在可以说是前端必学的了，但是不是学用node做后台，而是用node生态下的各种工具，顺便借node了解一下后台。

使用node开一个静态服务器

使用npm下载第三方模块

webpack

babel

最好能用express写一个简单的后台程序（一个server.js就够了），处理一些请求，这样我们学习ajax的时候就可以自己写后台接口了，当然这需要有http协议的基础知识。

ES2+新特性

变量和常量：为什么要抛弃var？

结构赋值

箭头函数

模块化

class

编译

像promise，async/await函数等等这些，看自己能力了，有兴趣看看，不看也不影响后面学习，但是，就算现在不学，这个后续也是要补的。

框架

react、vue选一，零基础的初学者强烈推荐vue，如果技术型前端，推荐react。

Q3: 零基础学Javascript要多少时间，天天研究，一个月能达到几成功力？

0基础学习Javascript的基础知识一个月可以达到六成左右的水准，但是完整的学习Javascript基础知识需 2-3 个月，如果想要深入学习则需要花费更长的时间。如果你只是学会理论知识，而不懂得如何运用的话，那么学习就是无用功。千锋教育就有线上免费Javascript线上公开课。 在学习Javascript时最好是边学变练，也就是写代码。当你学习完一个知识点的时候，要学会将它转化。编程语言的学习最重要的就是能用它来开发系统。Javascript可以用来实现web 页面动态响应、响应浏览器事件、读写HTML 元素、数据提交和验证、检测浏览器信息、控制 cookies，包括创建和修改等功能。如果想了解Javascript更多相关知识，建议到千锋教育了解一下。千锋教育目前在18个城市拥有22个校区，年培养优质人才20000余人，与国内20000余家企业建立人才输送合作关系，院校合作超600所。

Q4: 零基础学js会吃力吗？

我尝试着来回答这个问题，因为以前自己也有这方面的经历和困惑。

由于自己是CSS出身，一直以来只对CSS方面的话题感兴趣，而且也一直没有停过对CSS的探究。而对于JavaScript来说，早在很多年前都想学，但一直没有动力或者说没有兴趣。

兴趣才是学习的一种最佳动力

记得在2013年开始我就常抱着JavaScript高级程序设计这本红皮书，可是每次抱起来就没多久被放下，重心又回到了CSS上。主要原因有两点：

没有压迫感：从事的工作主要是以CSS为主，对于JavaScript几乎没有触达，这也应了那么一句，没有压力就没有动力

没有兴趣：对JavaScript只是想学，而且知道学了对自己的好处，但始终没有提起兴趣，所以就没有动力去坚持学习

后来随着技术的革新，时代的变更，发现不懂JavaScript对自己的发展和学习都有很大的限制。比如说，我学习CSS的时候，需要写一些测试案例，如果不具备JavaScript的能力，写测试案例非常的费用，如果你写教程的话，对读者也没有一个更形象的展示。

再加上，进入了一个新团队，业务上基本离不开JavaScript，特别是Vue,React这样的框架出来之后，如果不懂JavaScript，那么更是举步维艰，这也倒逼自己开始去学习JavaScript。

怎么学习JavaScript呢？对于我而言，只看书或只看教程，甚至看视频是不够的，还是无法提起我对JavaScript的兴趣（虽然有工作压力，业务压力，学习压力，环境压力等在追着我向前）。既然知道这个原因所在，那么就需要想办法去解决这个问题。而解决这个问题却又不是刻意去解决的，也是在一次无形中解决的。

前几天，工作内容主要是围绕着动效转，那么动效除了CSS是实现方式之外还有很多其他的方式，比如有很多优秀的JavaScript库，不懂JavaScript就无法去了解这些，更无法助力自己。另外就是Canvas，为了动效实现更具多方面的技巧，开始在学习Canvas，就在学习Canvas的过程中，让我感觉到原来JavaScript也是这么的有意思。当然，在学习Canvas的时候，也只是学习一些基础的API，但这对我来说已经是很大的变化了，因为从这些基础的API能力上，能让我写一些简单的效果出来，最为重要的是让我对JavaScript有了兴趣。

经过一段时间Canvas的学习之后，发现不具备JavaScript的基础是不够的。从那开始，我注重JavaScript的基础学习，从DOM的操作开始，简单点说，怎么对DOM进行增、删、改、查等操作。然后在操作DOM的时候会涉及到事处处理，那又开始会去学一些JavaScript中有关于事件方面的知识。

就是这样，在学习一个新的东西的时候，总是会涉及到另外一部分未知的点。如果想打通这些点，就需要去学未知的点。也就是这样一环道一环，我一直在坚持学习一些JavaScript的基础知识。

随着React和Vue的出现，自己工作中会用到相关的知识，那么在工作中总是会碰到一些问题，那么这些问题也是倒逼我去学JavaScript领域中未知的知识点。比如，函数，继承，设计模式等。虽然这些对我来说掌握的不多，不深，但也对自己而言也是一个较好的开始。我在想，只要坚持，总是会有收获的。

随着代码写得多了，就会想去了解其中的概念和原理，这个时候再重新抱起书本，获取自己需要的知识点，感兴还是蛮有意思的。

希望我的回答对你有帮助