JavaScript — Web全棧領域屹立不倒的巨人

微軟創立至今,從未被對手真正打敗過,卻三次敗給了JavaScript

Web前端之本,進階全?;?

前端框架源于原生JS編寫,是邁向前端精英的必備技能

JavaScript

Vue.js

Vue.js是一個構建
數據驅動的Web
界面的框架

JavaScript

Node.js
是運行在服務端的
JavaScript

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 //i 0 -> 循環走 1次 生成1個* *
    //i 1 -> 循環走 2次 生成2個* **
    //i 2 -> 循環走 3次 生成3個* ***
    //i 3 -> 循環走 4次 生成4個* ****
    //以此類推
    for(var j=0;j oT2.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前端課程總監

哈爾濱工業大學碩士,曾任用友軟件股份有限公司前資深項目經理,具備多年的的軟件設計和開發經驗,作為項目經理和主要設計人員,主持開發過多個產品,具有豐富的產品和項目的實戰經驗和管理經驗。

趙旭

達內集團互聯網技術精英

趙旭

達內集團互聯網技術精英

曾工作于吉林省統計局、啟明信息技術有限公司、日本インタセクト株式會社等機構擔任系統開發工程師、前端開發工程師等工作。具備多年互聯網程序開發經驗。多年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小時全天候學習智能系統

  • 在線筆記

  • 在線文檔

  • 在線課程

  • 在線問答

  • 在線評測

  • 在線交流

•  達內學員就業如何?

查看詳情...

•  合作企業都有哪些?

查看詳情...
北京 天津 河北 黑龍江 山東 陜西 河南 江蘇 上海 浙江 四川 重慶 湖北 湖南 廣東 內蒙古 云南 福建 遼寧 吉林 廣西 安徽 山西 江西 貴州 海南 甘肅 寧夏 臺灣
關閉

達內濟南山大路中心

電話:0531-55588120

地址:濟南市歷下區山大路47號數碼港大廈A座102

達內濟南大明湖中心

電話:0531-55693260

地址:山東省濟南市花園路189-2歷下軟件園E座丁樓2層

達內青島山東路中心

電話:0532-80995900

地址:青島市市北區金壇路17號服務外包基地A座5-7樓

達內青島延吉路中心

電話:0532-80999299

地址:青島市市北區延吉路76號中海大廈15層

達內煙臺海港路中心

電話:0535-6582277

地址:煙臺市芝罘區海港路25號陽光100城市廣場A座403室

達內濰坊中心

電話:0536-8222150

地址:濰坊市奎文區東風東街299號建行大廈五層

達內臨沂中心

電話:0539-7205599

地址:臨沂市蘭山區紅旗路1號蘇寧易購四樓

達內教育

有位老師想和您聊一聊

申請試學報名

东北杂乱合集2全文阅读