js编程入门（零基础JavaScript学习路径）

本文目录

• 零基础JavaScript学习路径
• 前端开发核心js要怎么学
• Node.js入门先学什么

零基础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的时候就可以自己写后台接口了，当然这需要有

前端开发核心js要怎么学

JS，全称为JavaScript，是一种客户端脚本语言，是前端开发学习内容当中的一个重要部分。

JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。我有web前端开发课程的全套视频资料，可以发给你自学。

要学的内容主要有：

①计算机基础以及PS基础

②前端开发基础（HTML5开发、JavaScript基础到高级、jQuery网页特效、Bootstrap框架）

③移动开发

④前端高级开发（ECMAScript6、Veu.js框架开发、webpack、前端页面优化、React框架开发、AngularJS 2.0框架开发等）

⑤小程序开发

⑥全栈开发（MySQL数据库、Python编程语言、Django框架等）

⑦就业拓展（网站SEO与前端安全技术）

互联网行业目前还是最热门的行业之一，学习IT技能之后足够优秀是有机会进入腾讯、阿里、网易等互联网大厂高薪就业的，发展前景非常好，普通人也可以学习。

想要系统学习，你可以考察对比一下开设有相关专业的热门学校，好的学校拥有根据当下企业需求自主研发课程的能力，能够在校期间取得大专或本科学历，中博软件学院、南京课工场、南京北大青鸟等开设相关专业的学校都是不错的，建议实地考察对比一下。

祝你学有所成，望采纳。

Node.js入门先学什么

抛开技术，我们先来聊聊你以及你和JavaScript的关系。本章的主要目的是想让你看看，对你而言是否有必要继续阅读后续章节的内容。如果你和我一样，那么你很早就开始利用HTML进行“开发”，正因如此，你接触到了这个叫JavaScript有趣的东西，而对于JavaScript，你只会基本的操作——为web页面添加交互。而你真正想要的是“干货”，你想要知道如何构建复杂的web站点 —— 于是，你学习了一种诸如PHP、Ruby、Java这样的编程语言，并开始书写“后端”代码。与此同时，你还始终关注着JavaScript，随着通过一些对jQuery，Prototype之类技术的介绍，你慢慢了解到了很多JavaScript中的进阶技能，同时也感受到了JavaScript绝非仅仅是window.open() 那么简单。 .不过，这些毕竟都是前端技术，尽管当想要增强页面的时候，使用jQuery总让你觉得很爽，但到最后，你顶多是个JavaScript用户，而非JavaScript开发者。然后，出现了Node.js，服务端的JavaScript，这有多酷啊？于是，你觉得是时候该重新拾起既熟悉又陌生的JavaScript了。但是别急，写node.js应用是一件事情；理解为什么它们要以它们书写的这种方式来书写则意味着——你要懂JavaScript。这次是玩真的了。问题来了： 由于JavaScript真正意义上以两种，甚至可以说是三种形态存在（从中世纪90年代的作为对DHTML进行增强的小玩具，到像jQuery那样严格意义上的前端技术，一直到现在的服务端技术），因此，很难找到一个“正确”的方式来学习JavaScript，使得让你书写Node.js应用的时候感觉自己是在真正开发它而不仅仅是使用它。因为这就是关键： 你本身已经是个有经验的开发者，你不想通过到处寻找各种解决方案（其中可能还有不正确的）来学习新的技术，你要确保自己是通过正确的方式来学习这项技术。当然了，外面不乏很优秀的学习JavaScript的文章。但是，有的时候光靠那些文章是远远不够的。你需要的是指导。本书的目标就是给你提供指导。