达内web

18540257790

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

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

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

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

JavaScript

Vue.js

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

Node.js

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

AngularJS

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

JQuery

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

React

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

JavaScript打造用户视觉盛宴

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

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

高效学习,学好开发技能

达内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 < value;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

    了解更多

讲师团阵容豪华,云集一线实战讲师

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

张东

达内集团JavaScript讲师

张东

达内集团JavaScript讲师

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

张东

达内集团JavaScript讲师

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

杨燕

达内集团Web技术讲师

杨燕

达内集团Web技术讲师

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

杨燕

达内集团Web技术讲师

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

张众磊

达内集团JS框架讲师

张众磊

达内集团JS框架讲师

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

张众磊

达内集团JS框架讲师

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

程涛

达内集团JavaScript技术讲师

程涛

达内集团JavaScript技术讲师

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

程涛

达内集团JavaScript技术讲师

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

李文华

达内集团Web前端技术讲师

李文华

达内集团Web前端技术讲师

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

李文华

达内集团Web前端技术讲师

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

讲师在线咨询

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

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

  • 在线笔记

  • 在线文档

  • 在线课程

  • 在线问答

  • 在线评测

  • 在线交流