达内web

美国上市教育机构

达内web前端学院

400-111-8989

JavaScript — Web全栈领域屹立不倒的巨人

微软创立至今,从未被对手真正打败过,却三次败给了JavaScript

Web前端之本,进阶全栈基石

前端框架源于原生JS编写,是迈向高级前端的必备技能

JavaScript

平均薪资16K

Vue.js

Vue.js是一个构建
数据驱动的Web
界面的框架

21K/月

JavaScript

Node.js
是运行在服务端的
JavaScript

25K/月

AngularJS

AngularJS是专
门为应用程序设
计的 HTML,核
心技术基于JS

20K/月

JQuery

jQuery是JS
编写过程中
一个可重用
的JS框架

18K/月

React

React是基于
JS技术,用来
创建用户界面
的框架

23K/月

JavaScript打造用户视觉盛宴

无页面不交互,JS贯穿前后端

达内JavaScript重实战,课程规划科学合理

150天高效学习,轻松打造好前途

达内JS课程专业更有深度

JavaScript从入门到精通

1. JavaScript入门  ----- 01

1.1  JavaScript基础  ----- 01

1.2  JavaScript核心  ----- 02

1.3  JS HTML DOM  ----- 03

2. JavaScript高级  ----- 04

2.1  JavaScript 对象 ----- 04

2.2  JavaScript String---- 05

2.3  JavaScript函数  ----- 06

3. JavaScript库     ----- 07

3.1  Node.Js            ----- 07

3.2  angular.Js         ----- 08

3.3  JQuery              ----- 09

3.4  Vue.js                ----- 10

3.4  React                ----- 11

1 01

JavaScript基础

JavaScript概述、JavaScript用法、JavaScript输出、JavaScript语法、JavaScript语句

JavaScript注释、JavaScript变量、JavaScript数据类型、JavaScript对象、JavaScript作用域

JavaScript事件、JavaScript字符串、JavaScript运算符、JavaScript比较……【了解更多】

1 02

JavaScript核心

JavaScript的V8引擎运行环境、JavaScript代码的编写与调试、JavaScript 的基础语法

变量与常量、数据类型及其转换应用、运算符和表达式、函数的定义及使用、变量与作用域、函数作用域、程序的流程控制

条件语句与循环语句、数组的定义和使用、数组API…… 【了解更多】

1 03

JS HTML DOM

DOM 概述、HTML DOM、改变 HTML 输出流、改变 HTML 内容、改变 HTML 属性、DOM CSS、DOM 事件

对事件做出反应、事件属性、onload 和 onunload 事件、onchange 事件、onmouseup 以及 onclick 事件

DOM EventListener、DOM 元素…… 【了解更多】

2 04

JavaScript 对象

JavaScript对象、访问对象的属性、访问对象的方法、创建 JavaScript对象、创建直接的实例

使用对象构造器、创建 JavaScript对象实例、把属性添加到 JavaScript对象

把方法添加到 JavaScript对象、JavaScript 类、JavaScript for...in 循环…… 【了解更多】

2 05

JavaScript String

JavaScript 字符串、字符串(String)、在字符串中查找字符串、内容匹配、替换内容、字符串大小写转换

字符串转为数组、特殊字符、字符串属性和方法、String 的使用及API

正则表达式的定义和使用…… 【了解更多】

2 06

JavaScript函数

JavaScript 函数定义、函数声明、函数表达式、Function() 构造函数、函数提升(Hoisting)、自调用函数

函数可作为一个值使用、函数是对象、JavaScript 函数参数、函数显式参数(Parameters)与隐式参数(Arguments)

参数规则、默认参数、Arguments 对象、通过值传递参数、通过对象传递参数…… 【了解更多】

3 07

Node.Js

Node.js 概述、搭建服务器端运行环境、交互模式和脚本模式、全局对象、常用模块、NPM、事件循环、文件I/O、访问数据库

Express 框架、Node.js 特点适用场景的、安装Node.js 以及两种运行模式、常用原生模块、Node.js 基础语法和内置对象的使用

Node.js 中的全局对象、四种定时器的使用、模块系统中的文件模块和目录模块…… 【了解更多】

3 08

angular.Js

设计原则和模式、Angular 的表达式和指令、MVC 编程模型、控制器、双向数据绑定、过滤器和函数、服务和依赖注入

文件压缩、模块化编程、AngularJS 包含、AngularJS 输入验证、AngularJS 模块、AngularJS 表单

单页应用、路由、事件绑定、TypeScript、移动端开发支持、RxJS、国际化…… 【了解更多】

3 09

JQuery

jQuery 原理、jQuery 的使用步骤、jQuery 选择器、jQuery 的 DOM操作、jQuery 事件

事件冒泡与事件处理、jQuery 动画、jQuery 常用Plugin开发、jQuery 插件、jQuery 扩展

jQuery 的AJAX 应用、AJAX 的增强操作、JSONP 与跨域访问…… 【了解更多】

3 10

Vue.js

Vue.js 开发概述、环境搭建、 Vue 指令、 组件化应用构建、组件通信、组件嵌套、自定义指令、 自定义过滤器

Vue.js 条件语句、组件属性、Vue.js 计算属性、Vue.js 样式绑定、Vue.js 事件处理器

路由跳转、网络请求组件的路由、 Vue-Resource 等…… 【了解更多】

3 11

React

React.js 概述、环境搭建、JSX、组件、state、组件生命周期、事件处理、React State(状态)

React 表单、虚拟DOM 算法简析、实现ToDoList、React native 概述、React native 开发

React Props、React AJAX、React Refs、React 组件 API…… 【了解更多】

代码贯穿全程,高度融合实战

以实战项目教学,学到实用JavaScript技术

  • JavaScript基础 — 输出星星

    var oT1 = document.getElementById('txt1');
    var oT2 = document.getElementById('txt2');
    var oBtn = document.getElementById('btn1');
    oBtn.onclick=function(){
    oT2.value='';
    var value = Number(oT1.value);
    for(var i =0;i//i 0 -> 循环走 1次 生成1个* *
    //i 1 -> 循环走 2次 生成2个* **
    //i 2 -> 循环走 3次 生成3个* ***
    //i 3 -> 循环走 4次 生成4个* ****
    //以此类推
    for(var j=0;joT2.value+='*';
    }
    oT2.value+='\n';
    }
    };

    运行代码

    了解更多
  • JavaScript基础 — 拖拽

    function SayHello(){
        document.getElementById("myMessage").innerHTML =
        "Hello, World!";
    }

    运行代码

    在此查看效果:

    了解更多
  • JavaScript基础 — 键盘控制元素

    function SayHello(){
        document.getElementById("myMessage").innerHTML =
        "Hello, World!";
    }

    运行代码

    在此查看效果:
    Hello,World

    了解更多
  • JavaScript基础 — 简易秒表

    function toDou(n) {
    return n < 10 ? '0' + n : '' + n;
    } window.onload = function() { var oT = document.getElementById('t1'); var oBtn = document.getElementById('btn1'); var oBtn2 = document.getElementById('btn2'); var timer = null; var num = parseInt(oT.value); var bSin = false; oBtn.onclick = function() { if (bSin) { return; } bSin = true; clearInterval(timer); function m(){ num++; var iM = parseInt(num / 60); var iS = num % 60; oT.value = toDou(iM) + ':' + toDou(iS); } m(); timer = setInterval(m,1000); }; oBtn2.onclick = function() { clearInterval(timer); bSin = false; }; };

    运行代码

    在此查看效果:

    了解更多
  • JavaScript基础 — 拖拽

    var oBox = document.getElementById('box');
    oBox.onmousedown=function(ev){
    var oEvent = ev || event;
    var disX = oEvent.clientX - oBox.offsetLeft;
    var disY = oEvent.clientY - oBox.offsetTop;
    document.onmousemove=function(ev){
    var oEvent = ev || event;
    .left = oEvent.clientX-disX+'px';
    .top = oEvent.clientY-disY+'px';
    };
    document.onmouseup=function(){
    document.onmousemove = null;
    document.onmouseup = null;
    };
    return false;
    };

    运行代码

    在此查看效果:用鼠标拖拽小方块

    了解更多
  • JavaScript基础 — 键盘控制元素

    var oBox = document.getElementById('box');
    document.onkeydown=function(ev){
    var oEvent = ev || event;
    switch (oEvent.keyCode){
    case 37:
    .left=oBox.offsetLeft-10+'px';
    break;
    case 39:
    .left=oBox.offsetLeft+10+'px';
    break;
    case 40:
    .top=oBox.offsetTop+10+'px';
    break;
    }
    };

    运行代码

    在此查看效果:用键盘控制小方块

    了解更多
  • JavaScript基础 — 无限运动

    var oBtn = document.getElementsByTagName('input')[0];
    var timer=null;
    var oBall = document.getElementById('ball');
    var arr = [{left:100,top:100},{left:800,top:200},{left:400,top:600}];
    var n = 0;
    oBtn.onclick=function(){next();};
    function next(){
    timer=setInterval(function(){
    move(oBall,{left:arr[n%arr.length].left,top:arr[n%arr.length].top},{complete:function(){next();}})n++;},300);}

    运行代码

    在此查看效果:

    了解更多
  • JavaScript基础 — 文本时钟

    function toDou(n) {
    return n < 10 ? '0' + n : '' + n;
    }
    window.onload = function() {
    var oDiv = document.getElementById('div1');
    function clock(){
    var oDate = new Date();
    var iH = oDate.getHours();
    var iM = oDate.getMinutes();
    var iS = oDate.getSeconds();
    oDiv.innerHTML = toDou(iH) + ':' + toDou(iM) + ':'+ toDou(iS);
    }
    clock();
    setInterval(clock,1000);

    运行代码

    在此查看效果:
    12:34:56

    了解更多
  • JavaScript基础 — 键盘控制元素

    function SayHello(){
        document.getElementById("myMessage").innerHTML =
        "Hello, World!";
    }

    运行代码

    在此查看效果:
    Hello,World

    了解更多
  • JavaScript基础 — 键盘控制元素

    function SayHello(){
        document.getElementById("myMessage").innerHTML =
        "Hello, World!";
    }

    运行代码

    在此查看效果:
    Hello,World

    了解更多

讲师团阵容豪华,云集一线业界大咖

从实战中走出的讲师,传授真实项目经验

王春梅

Web前端课程总监

王春梅

Web前端课程总监

哈尔滨工业大学硕士,曾任用友软件股份有限公司前资深项目经理,具备多年的的软件设计和开发经验,作为项目经理和主要设计人员,主持开发过多个产品,具有丰富的产品和项目的实战经验和管理经验。

王春梅

Web前端课程总监

哈尔滨工业大学硕士,曾任用友软件股份有限公司前资深项目经理,具备多年的的软件设计和开发经验,作为项目经理和主要设计人员,主持开发过多个产品,具有丰富的产品和项目的实战经验和管理经验。

赵旭

达内集团互联网技术专家

赵旭

达内集团互联网技术专家

曾工作于吉林省统计局、启明信息技术有限公司、日本インタセクト株式会社等机构担任系统开发工程师、前端开发工程师等工作。具备多年互联网程序开发经验。多年Java EE /.NET / Html + Css /Javascript/ jQuery / Ajax技术的开发及授课经验。

赵旭

达内集团互联网技术专家

曾工作于吉林省统计局、启明信息技术有限公司、日本インタセクト株式会社等机构担任系统开发工程师、前端开发工程师等工作。具备多年互联网程序开发经验。多年Java EE /.NET / Html + Css /Javascript/ jQuery / Ajax技术的开发及授课经验。

张东

达内集团JavaScript专家

张东

达内集团JavaScript专家

美国PMP认证高级项目经理,微软认证解决方案开发专家。先后在中软国际、中国搜索、太极计算机担任高级开发工程师,架构师,项目经理。曾担任中央外汇管理中心、中国石油、二炮工程研究院、首都国际机场技术咨询顾问。

张东

达内集团JavaScript专家

美国PMP认证高级项目经理,微软认证解决方案开发专家。先后在中软国际、中国搜索、太极计算机担任高级开发工程师,架构师,项目经理。曾担任中央外汇管理中心、中国石油、二炮工程研究院、首都国际机场技术咨询顾问。

杨燕

达内集团Web技术专家

杨燕

达内集团Web技术专家

多年互联网领域研发经验,包括商务网站、管理系统、移动应用等研发经验。曾参与 研发的项目涉及领域包括航天系统、总参谋部队、华北国家电网等,并在大唐电信任职高级工程师期间积累了丰富的教学实战经验。

杨燕

达内集团Web技术专家

多年互联网领域研发经验,包括商务网站、管理系统、移动应用等研发经验。曾参与 研发的项目涉及领域包括航天系统、总参谋部队、华北国家电网等,并在大唐电信任职高级工程师期间积累了丰富的教学实战经验。

张众磊

达内集团JS框架专家

张众磊

达内集团JS框架专家

先后就职于国家电网、凌阳科技,并担任研发组长、项目经理,具有6 年Linux 平台、移动APP 的开发经验,具备深厚的开发和培训功底。

张众磊

达内集团JS框架专家

先后就职于国家电网、凌阳科技,并担任研发组长、项目经理,具有6 年Linux 平台、移动APP 的开发经验,具备深厚的开发和培训功底。

魏晓武

达内集团Web技术专家

魏晓武

达内集团Web技术专家

曾在多家IT 培训公司工作,具备多年互联网项目开发经验,熟练应用HTML5CSS3, js,jq 等前端技术。有预之网,北师大暑期实践网等在线项目,曾经给企业开发过在线购物系统(PHP+ 前端),在线学习系统(java) 等。

魏晓武

达内集团Web技术专家

曾在多家IT培训公司工作,具备多年互联网项目开发经验,熟练应用HTML5CSS3, js,jq 等前端技术。有预之网,北师大暑期实践网等在线项目,曾经给企业开发过在线购物系统(PHP+ 前端),在线学习系统(java) 等。

程涛

达内集团JavaScript技术专家

程涛

达内集团JavaScript技术专家

曾工作于神星科技、东方标准等机构,先后任教于东方标准、安博教育、达内科技。 具备多年互联网项目开发及管理经验,十年以上JavaEE、PHP、大数据等多方向授课经验。

程涛

达内集团JavaScript技术专家

曾工作于神星科技、东方标准等机构,先后任教于东方标准、安博教育、达内科技。 具备多年互联网项目开发及管理经验,十年以上JavaEE、PHP、大数据等多方向授课经验。

李文华

达内集团Web前端技术专家

李文华

达内集团Web前端技术专家

曾工作于中国互联网中心、中软国际等机构,先后任教于华育国际、IBM 产品基地、 达内科技等组织。具备多年互联网项目开发及管理经验,十年以上JavaEE、PHP、移动开发等多方向授课经验。

李文华

达内集团Web前端技术专家

曾工作于中国互联网中心、中软国际等机构,先后任教于华育国际、IBM 产品基地、 达内科技等组织。具备多年互联网项目开发及管理经验,十年以上JavaEE、PHP、移动开发等多方向授课经验。

名师在线咨询

TTS教学系统,线上线下同步学习

达内为学员定制的24小时全天候学习智能系统

  • 在线笔记

  • 在线文档

  • 在线课程

  • 在线问答

  • 在线评测

  • 在线交流

通过学习你也可以成为“TA”

学员均薪近12万,年薪高达30万

达内1元课开讲啦!

14天IT实战课程抢购ing

姓名
手机

达内VIP在线课程 免费学习5天