零基础能学javascript javascript 菜鸟教程

这篇文章给大家聊聊关于零基础能学javascript，以及javascript 菜鸟教程对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

零基础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。

零基础学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领域中未知的知识点。比如，函数，继承，设计模式等。虽然这些对我来说掌握的不多，不深，但也对自己而言也是一个较好的开始。我在想，只要坚持，总是会有收获的。

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

希望我的回答对你有帮助

零基础如何迅速学习前端

给你几点建议和学习路线，参考一下：

1、作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己钻研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。

2、视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里给大家提醒，书可以看，但是是在建立于你已经对于某个知识点有了具体操作的执行后，在用书去巩固概念，这样更加利于你对于知识的理解。

3、对于学习技术来讲，掌握一个学习方法是非常重要的，其实对于学习web前端来讲，学习方法确实很多都是相通的，一旦学习方法不对，可能就会造成“方法不对，努力白费”。其实关于这方面还是很多的，我就简单说个例子，有的人边听课边跟着敲代码，这样就不对，听课的时候就专心听，做题的时候就专心做题，这都是过来人的经验，一定要听。根据每个人的不同，可能学习方法也会有所出路，找到适合你自己的学习法方法是学习的前提。

4、不建议自己一个人瞎学，在我了解学习编程的这些人来看，从零基础开始学并且最后成功做这份工作的其实并没有几个，我觉得大部分原因就是因为他们都不了解web前端是干什么的，学什么的，就盲目的买书看，到处找视频看，最后看着看着就放弃了，所以我建议初学者在没有具体概念之前，还是找有经验的人请教一下，聊过之后你就会知道web前端具体是干什么的，该怎么学，这是我个人的小建议，可以不采纳。

自学前端的路线：

第1阶段：前端页面重构(4周)

内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)

第2阶段：JavaScript高级程序设计(5周)

内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)

第3阶段：PC端全栈项目开发(3周)

内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)

第4阶段：移动端项目开发(6周)

内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)

第5阶段：混合(Hybrid,ReactNative)开发(1周)

内容包含：(微信小程序开发、ReactNative、各类混合应用开发)

第6阶段：NodeJS全栈开发(1周)

内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)

入门书籍：

《JavaScript DOM编程艺术》

超级前端畅销书，作为前端程序员必读两遍以上的书籍，这本书籍特别适合初学前端的新人，前端的核心技术就是JavaScript，同时也是前端的难点。而这本书非常适合入门，通俗易懂，生动的案例可以让初学者更好的进行理解。所提及的很多编程思想却适合低中级层次的前端开发者学习。

《JavaScript权威指南》

同样是前端程序员必读的一本书籍，不仅适合初学者，还适合那些已经在做前端工作的程序员进行随时翻阅。里面涵盖了JavaScript的所有内容，以及web浏览器所实现的JavaScript API。对于了解js的基础知识，比如对象，数组，语法，作用域，闭包等等都很有帮助。

《JavaScript高级程序设计》

如果你想把JavaScript非常完全的系统学习一遍，我强烈推荐这本书，这本书可以一直保留，在用这本书的过程中还可以画下重点，以后可以作为参考，是工作中非常强力的帮手。面试的时候也可以很好的应用上，我们俗称的“红宝书”。

《你不知道的JavaScript》

这本书不适合前端的初学者，想要深入的了解JavaScript原理，这是每一个前端程序员必须要研究的一本书籍。要让不求甚解的JavaScript开发者迎难而上，深入语言内部，弄清楚JavaScript每一个零部件的用途。如果可以把这本书吃透，那么以后理解任何东西都可以很快的理解和掌握。

《Vue.js权威指南》

Vue作为现在前端的主流框架，在国内应用最为广泛，所以了解Vue原理必须要啃一本Vue的书籍。我之所以推荐这本，是因为这本书对于引导初用Vue的开发者有着质的提升。从基础知识到主流打包以及源码解析，还有很多实践的案例，都是一本不错的实用性书籍。主要内容包括数据绑定、指令、表单控件绑定、过滤器、组件、表单验证、服务通信、路由和视图、vue-cli、测试开发和调试、源码解析及主流打包构建工具等。该书内容全面，讲解细致，示例丰富，适用于各层次的开发者。

《编程之美》

无论是什么岗位的程序员，必读的一本书籍，没有读过这本书的程序员几乎都是假程序员。这本书有60道算法和程序设计题目，这些题目大部分在近年的笔试，面试中出现过，或者是被微软员工热烈讨论过。作者试图从书中各种有趣的问题出发，引导读者发现问题，分析问题，解决问题，寻找更优的解法。可以大幅度提高自己的编程思维和对于这个行业的深入思考，最终变成技术大牛。

相关的视频教程你需要的话，可以加一下我问我要，视频教程、文档资料、源码教程都有。

关于本次零基础能学javascript和javascript 菜鸟教程的问题分享到这里就结束了，如果解决了您的问题，我们非常高兴。