达内web

美国上市教育机构

达内web前端学院

4008765661

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

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

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

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

JavaScript

平均薪资16K

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  编程语言基础  ----- 01

1.2  Node.js服务器端  ----- 02

2. JavaScript高级  ----- 03

2.1  JS高级 ----- 03

2.2  BOM&DOM---- 04

2.3  jQuery  ----- 05

2.4 TypeScript和Vue.js---- 06

2.5  Vue.js组件库 ----- 07

3. 框架技术     ----- 08

3.1 React和ReactNative --- 08

3.2 Angular和Ionic -----09

1 01

编程语言基础

JavaScript 的V8引擎运行环境、JavaScript代码的编写与调试、 JavaScript的基础语法、变量与常量、数据类型及其转换应用、运算符和表达式、函数的定义及使用、变量与作用域、函数作用域、匿名函数、递归调用、arguments、程序的流程控制、条件语句与循环语句、数组的定义和使用、数组API、二维数组的使用、String 的使用及API、正则表达式的定义和使用、常用内置对象(Math、 Date、Number、Boolean)、错误处理、ES5/6高阶特性

【了解更多】

1 02

Node.js服务器端

搭建服务器端运行环境、异步和同步、进程和线程、回调和事件循环队列、交互模式和脚本模式、CommonJS规范、Node.js核心模块(Global、Buffer、Console、QueryString、URL、HTTP/HTTPS、Process、Cluster、FileSystem、Stream、Timer、 Zlib)、NPM和第三方模块、访问数据库和连接池、Express框架、路由和路由器、中间件和第三方中间件、模板引擎、SQL注入和Web安全问题

【了解更多】

2 03

JS高级

正则表达式、Function与匿名函数、作用域与闭包、面向对象编程、Object对象与对象模板、this、call()/bind()/applay()、原型与继承、原型链、ECMAScript 5和ECMAScript 6(ES2019)的新特性(Promise、async/await、模块规范export/import)

【了解更多】

2 04

BOM&DOM

Document对象、节点对象、节点树和元素树、选取并读取节点、文档遍历以及增加节点、删除节点、元素样式编辑、Window对象、定时器、BOM模型、事件的定义及处理、event 对象、location对象、 history对象、screen对象、cookie对象的使用

【了解更多】

2 05

jQuery

jQuery原理解析、jQuery选择器(包括基本选择器、层次选择器、过滤选择器、表单选择器)、jQuery 的 DOM 操作(包括HTML 页面元素的增删改查)、jQuery事件、事件冒泡与事件处理、jQuery动画、jQuery常用Plug-in、开发jQuery插件、jQuery扩展、AJAX的增强操作、跨域访问与JSONP

【了解更多】

2 06

TypeScript和Vue.js

TypeScript语言、静态类型和基于类的面向对象、MVC和MVVM模式、双向数据绑定原理分析及实现、计算属性、Vue 指令、组件化应用构建、组件通信、组件嵌套、组件间数据传递、自定义指令、 自定义过滤器、插槽、Vue-Router 、Axios、Vuex(state、 mutation、getter、action)原理分析

【了解更多】

2 07

Vue.js组件库

自定义复杂页面组件、基于最新版Vue.js的PC端组件库Element-UI:容器和布局、页面小组件、表单扩展组件、数据呈现组件、对话框和导航组件、复杂组件;移动 UI 组件库 Mint UI,JS组件(Loadmore、InfiniteScroll、Swipe、LazyLoad等)、CSS组件(Tabbar、Navbar、Cell Swipe、Search等)、表单组件(Switch、Checklist、Field等)

【了解更多】

3 08

React和ReactNative

最新版React.js 概述、环境搭建、JSX语法、组件、state、组件生命周期、事件处理、表单、虚拟DOM实现、服务器端渲染(SSR)、实现ToDoList、Flux和Redux、React Native 概述、React Native 移动端开发

【了解更多】

3 09

Angular和Ionic

设计原则和模式、最新版Angular的表达式和指令、MV*编程模型、控制器、双向数据绑定、过滤器和函数、服务和依赖注入、文件压缩、模块化编程、单页应用、路由、事件绑定、TypeScript、移动端开发支持、RxJS、国际化

【了解更多】

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

以实战项目教学,学到实用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;
    oBox.style.left = oEvent.clientX-disX+'px';
    oBox.style.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:
    oBox.style.left=oBox.offsetLeft-10+'px';
    break;
    case 39:
    oBox.style.left=oBox.offsetLeft+10+'px';
    break;
    case 40:
    oBox.style.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前端课程总监

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

张东

达内集团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教研总监

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

李然

Web总监讲师

李然

Web总监讲师

从事前端开发多年,参与及主导研发过多个省级政府项目及海外项目,参与NEC,福特等大型企业CRM系统的研发。 项目涉及金融,汽车,电子等多个领域。于文思海辉专职负责前端产品线培训时,积累了大量的教学经验。

成亮

Web前端讲师

成亮

Web前端讲师

10年互联网开发经验, 精通HTML5,CSS3,js,vue,angualr 等网页前端技术及php开发;先后就职于多家 IT 互联网公司,曾任某网络公司技术主管,服务机构有首都师范大学、中国联通、中国石油、国家图书馆、中国摄影协会等。

讲师在线咨询

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

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

  • 在线笔记

  • 在线文档

  • 在线课程

  • 在线问答

  • 在线评测

  • 在线交流

达内1元课开讲啦!

14天IT实战课程抢购ing

姓名
手机

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