使用HTML/CSS/JS以及更多的框架技術(shù)，編寫網(wǎng)站頁面、App應(yīng)用、小程序、2D&3D游戲、Web VR&AR等應(yīng)用，通過內(nèi)容設(shè)計、交互動畫、數(shù)據(jù)操作構(gòu)建項目與用戶的交互界面。前端開發(fā)工程師在項目中可以與UI設(shè)計師和后臺程序員合作，實現(xiàn)設(shè)計意圖并調(diào)用后臺接口；也可以工作，完成強用戶交互的各類應(yīng)用。
達內(nèi)Web 前端開發(fā)工程師特色
既懂前端開發(fā)
前端核心 + 三大框架 + 移動端開發(fā)全面&深入
又懂后端開發(fā)
200名實戰(zhàn)技術(shù)講師，開設(shè)技術(shù)更強的27大技術(shù)課程
還懂企業(yè)需求
達內(nèi)有14萬家合作企業(yè)，所以更懂企業(yè)招聘需求
邊學(xué)邊練、實戰(zhàn)項目訓(xùn)練
1功底實 : 扎實代碼功底，應(yīng)對企業(yè)需求！
2懂后臺 : 懂后臺的 Web，更有效團隊配合！
3大項目 : PC/ 響應(yīng)式 / 移動 / 小程序前臺 + 后臺的企業(yè)級全棧項目！
4會微信 : 微信公眾號及小程序開發(fā)，更適應(yīng)市場需求！
5擅混編 : 混編 App 開發(fā)，發(fā)展前景更廣闊！
web前端培訓(xùn)大綱
1.服務(wù)器端技術(shù)
項目導(dǎo)入
課程內(nèi)容：
WEB 程序的結(jié)構(gòu)與部署、項目開發(fā)流程、項目需求分析
項目貫穿：
“學(xué)子商城”項目導(dǎo)入
實訓(xùn)目標(biāo)：
了解 WEB 程序的開發(fā)流程，理 解 WEB 程序的結(jié)構(gòu)與部署，了解項目需求，學(xué)習(xí)標(biāo)準(zhǔn)開發(fā)文檔
數(shù)據(jù)庫和 SQL
課程內(nèi)容：
服務(wù)器概述、數(shù)據(jù)庫服務(wù)器、創(chuàng)建數(shù)據(jù)庫、創(chuàng)建數(shù)據(jù)表、基礎(chǔ)查詢、復(fù)雜查詢、關(guān)聯(lián)查詢、增刪改操作、常用函數(shù)
項目貫穿：
“學(xué)子商城”項目所用數(shù)據(jù)庫
實訓(xùn)目標(biāo)：
使用 MySQL 創(chuàng)建“學(xué)子商城”項目所用數(shù)據(jù)庫，根據(jù)需求完成數(shù)據(jù)表的創(chuàng)建，并熟練掌握各種常用數(shù)據(jù)庫操作
JS 基礎(chǔ)
課程內(nèi)容：
JavaScript 的 V8 引擎運行環(huán)境、JavaScript 代碼的編寫與調(diào)試、JavaScript 的基礎(chǔ)語法、變量與常量、數(shù)據(jù)類型及其轉(zhuǎn)換應(yīng)用、運算符和表達式、函數(shù)的定義及使用、變量與作用域、函數(shù)作用域、程序的流程控制、條件語句與循環(huán)語句、數(shù)組的定義和使用、數(shù)組 API、二維數(shù)組的使用、String 的使用及 API、正則表達 式 的定 義和 使 用、常用內(nèi)置 對 象（Math、Date、Number、Boolean）、錯誤處理
項目貫穿：
“學(xué)子商城”項目服務(wù)器端應(yīng)用
實訓(xùn)目標(biāo)：
理解 JavaScript 的語言原理與運行模式，熟練掌握J(rèn)avaScript核心編程技巧，能夠熟練使用JavaScript實現(xiàn)邏輯算法、流程控制、函 數(shù)，以及常用 API
Node.js
課程內(nèi)容：
搭建服務(wù)器端運行環(huán)境、 交互模式和腳本模式、 常用模塊、NPM、Yarn、事件循環(huán)、文件 I/O、訪問數(shù)據(jù)庫、Express 框架、Webpack 打包
項目貫穿：
“學(xué)子商城”項目導(dǎo)入
實訓(xùn)目標(biāo)：
了解 Node.js 服務(wù)器端應(yīng)用特性，掌握常用模塊，熟悉 NPM 模塊管理，在學(xué)會文件 I/O 操作基礎(chǔ)上，結(jié)合數(shù)據(jù)庫訪問，創(chuàng)建動態(tài) Web 應(yīng)用
階段項目
課程內(nèi)容：
項目搭建、服務(wù)器端功能實現(xiàn)：商品添加、商品刪除、商品列表、商品詳情、商品修改、用戶注冊、刪除用戶、修改注冊信息、用戶列表、用戶登錄
項目貫穿：
“學(xué)子商城”之商品和用戶模塊服務(wù)器端接口
實訓(xùn)目標(biāo)：
掌握基于單一數(shù)據(jù)庫表的增刪改查操作
HTTP&AJAX
課程內(nèi)容：
Ajax 原理、AJAX 實現(xiàn)方式、get 與 post 提交、JSON 的定義和使用、HTTP 協(xié)議、HTTP 請求、HTTP 響應(yīng)、HTTP 優(yōu)化
項目貫穿：
“學(xué)子商城”項目所用數(shù)據(jù)庫
實訓(xùn)目標(biāo)：
深入理解 Ajax 的基本通信原理，掌握基于JSON 的數(shù)據(jù)規(guī)則，透徹理解 HTTP 協(xié)議，能夠熟練使用 Ajax 實現(xiàn)與服務(wù)器的異步通信，實現(xiàn)服務(wù)器端的通信分析，并完成頁面的局部提交和刷新
階段項目
課程內(nèi)容：
項目搭建、項目資源管理、靜態(tài)頁面編寫、服務(wù)器端功能實現(xiàn)、前后端數(shù)據(jù)交互
項目貫穿：
“學(xué)子商城”之用戶模塊
實訓(xùn)目標(biāo)：
結(jié)合服務(wù)器端和 AJAX 知識，實現(xiàn)網(wǎng)站與服務(wù)器的交互功能，包括登錄、注冊、個人中心、用戶信息維護等功能，深入理解 WEB 程序的結(jié)構(gòu)和運行原理以及項目的開發(fā)流程
CSS 基礎(chǔ)
課程內(nèi)容：
CSS3 基礎(chǔ)語法、各種選擇器（通用選擇器、元素選擇器、id 和 class 選擇器、后代選擇器、偽類選擇器等）、框模型與背景、 文本格式化、表格、顯示與定位
項目貫穿：
“學(xué)子商城” 之用戶模塊的 靜態(tài)頁面完善
實訓(xùn)目標(biāo)：
熟練掌握各種常用 CSS 選擇器以及 CSS 樣式的 定義和使用，能夠手動完成各種頁面樣式的定義 和編寫
CSS3 高級
課程內(nèi)容：
復(fù)雜選擇器、2D/3D 轉(zhuǎn)換（包括移動、旋轉(zhuǎn)、傾斜和縮放和視點）、 過渡、動畫、彈性布局、CSS Hack 和優(yōu)化、瀏覽器兼容性
項目貫穿：
“學(xué)子商城” 之用戶模塊的 靜態(tài)頁面完善
實訓(xùn)目標(biāo)：
熟練掌握各種 CSS 復(fù)雜選擇 器以 及高級 應(yīng) 用， 實現(xiàn)頁面的彈性布局，實現(xiàn)復(fù)雜頁面的制作， 理解 CSS Hack 和 CSS 優(yōu)化，能夠手動完成各 種頁面樣式的定義和編寫，并保證瀏覽器兼容性
響應(yīng)式&Bootstrap
課程內(nèi)容：
媒體查詢技術(shù)、CSS 的 @media 規(guī)則、手動編寫以及測試響應(yīng) 式網(wǎng)頁、Bootstrap 基礎(chǔ)及其基礎(chǔ)模板、全局 CSS 樣式（包括布局、 按鈕、圖片等）、柵格系統(tǒng)、組件（包括導(dǎo)航菜單、列表、警告框等）、 JS （包括模態(tài)框、工具提示等）、Sass 及 Bootstrap 定制
項目貫穿：
“學(xué)子商城”之商品模塊( 響應(yīng)式版本 )
實訓(xùn)目標(biāo)：
理解響應(yīng)式布局的原理，熟練掌握 Bootstrap 的核心 API，能夠熟練應(yīng)用 Bootstrap 的全局樣 式、組件以及 JS 來實現(xiàn)響應(yīng)式布局的開發(fā)、 測試以及功能交互，并能夠使用 Sass 語言實現(xiàn) 動態(tài)樣式的編寫以及定制
階段項目
課程內(nèi)容：
響應(yīng)式版本的首頁、商品列表頁、商品詳情頁
項目貫穿：
“學(xué)子商城”之商品模塊( 響應(yīng)式版本 )
實訓(xùn)目標(biāo)：
熟練掌握媒體查詢的使用，使用柵格布局系統(tǒng)實 現(xiàn)響應(yīng)式頁面布局、使用 Sass 動態(tài)樣式語言實 現(xiàn) Bootstrap 默認(rèn)樣式的定制
3.前端進階技術(shù)
JS 高級
課程內(nèi)容：
Function 與匿名函數(shù)、作用域與閉包、面向?qū)ο缶幊�、Object 對象與對象模板、原型與繼承、原型鏈、ECMAScript 5 和 ECMAScript 6 的新特性
項目貫穿：
“學(xué)子商城”項目之商品模塊的頁面編寫、功能實現(xiàn)以及服務(wù)器交互功能完善
實訓(xùn)目標(biāo)：
理解 JavaScript 的語言原理與運行模式，熟練 掌握 JavaScript 核心編程技巧，能夠熟練使用 JavaScript 實現(xiàn)邏輯算法、流程控制、界面驗 證以及功能實現(xiàn)
BOM&DOM
課程內(nèi)容：
Document 對象、節(jié)點對象、節(jié)點樹、選取并讀取節(jié)點、文檔遍 歷以及增加節(jié)點、刪除節(jié)點、元素樣式編輯、Window 對象、定 時器、BOM 模型、事件的定義及處理、event 對象、location 對象、 history 對象、screen 對象、cookie 對象的使用
項目貫穿：
“學(xué)子商城”項目之商品模塊的頁面編寫、功能實現(xiàn)以及服務(wù)器交互功能完善
實訓(xùn)目標(biāo)：
深入理解 DOM 和 BOM 理論，熟練掌握 DOM 編 程，能夠熟練的使用 JavaScript 原生代碼對頁 面進行處理，完成各種頁面動態(tài)以及動態(tài)交 互的實現(xiàn)
階段項目
課程內(nèi)容：
WEB 項目頁面功能實現(xiàn)
項目貫穿：
“學(xué)子商城”項目中頁面功能的實現(xiàn)
實訓(xùn)目標(biāo)：
熟練掌握原生 DOM&BOM 操作，實現(xiàn)常見的頁面交互：輪播廣告、樓層滾動、標(biāo)簽頁等
jQuery
課程內(nèi)容：
jQuery 原理、jQuery 的使 用步驟、jQuery 選擇器（包括基 本 選擇器、層次選擇器、過濾選擇器、表單選擇器）、jQuery 的 DOM 操作（包括 HTML 頁面元素的增刪改查）、jQuery 事件、 事件冒泡與事件處理、jQuery 動畫、jQuery 常用 Plug-in、開 發(fā) jQuery 、jQuery 擴展、jQuery 的 AJAX 應(yīng)用、AJAX 的 增強操作、JSONP 與跨域訪問
項目貫穿：
“學(xué)子商城” 項目的購物車 功能實現(xiàn)
實訓(xùn)目標(biāo)：
掌握 JQuery 核心 API，深入理解 JQuery 設(shè)計 原 則，了解多種 JQuery 插 件，能 夠 熟 練使 用 JQuery 編程，實現(xiàn)頁面各種功能
階段項目
課程內(nèi)容：
項目完善、服務(wù)器端功能實現(xiàn)、前后端數(shù)據(jù)交互、復(fù)雜跨域訪問
項目貫穿：
“學(xué)子商城” 之訂單模塊
實訓(xùn)目標(biāo)：
進一步完善項目中購物車、訂單相關(guān)功能，熟練 掌握全棧開發(fā)中，從前端到后臺開發(fā)的全部技能
Vue.js
課程內(nèi)容：
Vue.js 開發(fā)概述、環(huán)境搭建、 Vue 指令、 組件化應(yīng)用構(gòu)建、組件 通信、組件嵌套、自定義指令、 自定義過濾器、組件屬性、組件 的路由、路由跳轉(zhuǎn)、Axios、Vuex 等
項目貫穿：
“學(xué)子商城” 后臺子系統(tǒng)
實訓(xùn)目標(biāo)：
理解 Vue.js 的框架原理，熟練掌握數(shù)據(jù)驅(qū)動的 漸進式框架，能夠熟練使用 Vue.JS 實現(xiàn)視圖層 的開發(fā)，驅(qū)動復(fù)雜的單頁應(yīng)用
階段項目
課程內(nèi)容：
響應(yīng)式版本的首頁、商品列表頁、商品詳情頁
項目貫穿：
“學(xué)子商城” 后臺子系統(tǒng)
實訓(xùn)目標(biāo)：
使用框架技術(shù)實現(xiàn)“學(xué)子商城”項目的重構(gòu)（視圖層） 深入理解電商項目前臺站點和后臺管理站點的 需求，基于后臺功能接口，實現(xiàn)后臺管理站點的 WEB 前端功
4.Vue.js 組件庫
課程內(nèi)容：
基于Vue.js 的移動UI組件庫 Mint UI， 常用JS組件（Toast、InfiniteScroll、Swipe 等）、CSS 組件（Header、Tabbar、Navbar 等）、表單組件（Switch、Checklist、Field 等）
項目貫穿：
“學(xué)子商城”移動版客戶端
實訓(xùn)目標(biāo)：
掌握基于 Vue.js 的生態(tài)系統(tǒng)中提供的常見 UI 組 件庫的原理和使用方法，了解自定義 UI 組件的 方法，掌握更多的擴展組件庫的自學(xué)技巧
階段項目
課程內(nèi)容：
項目商品模塊、用戶模塊和購物車模塊的功能點
項目貫穿：
“學(xué)子商城”移動版客戶端
實訓(xùn)目標(biāo)：
掌握 Vue.js 整合第三方 UI 組件庫的使 用方法， 熟 練使 用 Mint UI 移動組件庫編寫 WebApp 應(yīng)用
H5高級
課程內(nèi)容：
表單功能、增強的表單控件、新表單元素及屬性、表單驗證、音 頻和視頻 處理、Canvas 繪制及圖像處理、Chart.js 框架的使 用、SVG 元素及使用、Two.js 框架的使用、ECharts 框架的使 用、Geolocation API、地圖 API、Web Storage API（包括 sessionStorage 和 localStorage）、HTML5 拖放、拖放事件及 相關(guān)對象、Web Worker、Web Socket
項目貫穿：
“學(xué)子商城”項目細(xì)節(jié)優(yōu)化
實訓(xùn)目標(biāo)：
熟練掌握 HTML5 的各種新特性，能夠熟練使用 新表單特性實現(xiàn)頁面功能，能夠?qū)崿F(xiàn)頁面中的音 視頻處理，實現(xiàn)復(fù)雜繪圖以及圖表繪制，實現(xiàn)頁 面的地理定位操作以及頁面的離線存儲功能，能 夠熟練使用 HTML5 進行各種 Web 應(yīng)用開發(fā)
階段項目
課程內(nèi)容：
項目完善、WEB 項目中 H5 功能的實現(xiàn)（實時訪問統(tǒng)計、歷史記 錄等、富客戶端編輯器、后臺上傳等）
項目貫穿：
“學(xué)子商城”項目細(xì)節(jié)優(yōu)化
實訓(xùn)目標(biāo)：
分析頁面功能需求，能夠熟練使用 HTML5 的相 關(guān)技術(shù)實現(xiàn) WEB 應(yīng)用開發(fā)，使用原生技術(shù)完成 整個項目的 PC 版本的開發(fā)，熟練掌握原生代碼 開發(fā)技能
微信
課程內(nèi)容：
微信開發(fā)準(zhǔn)備（包括帳號注冊、空間申請、域名解析等）、微信 公眾帳號開發(fā)及維護、JS-SDK API、微信小程序開發(fā)、WXML ／ WXSS 語法、微信小程序常用組件及 API
項目貫穿：
“學(xué)子商城”項目的微信推廣功能
實訓(xùn)目標(biāo)：
了解微信公眾平臺開發(fā)及維護的相關(guān)知識，掌握 微信產(chǎn)品設(shè)計和接口開發(fā)實現(xiàn)的相關(guān)技能，能夠 基于微信平臺開發(fā)微信應(yīng)用小程序
階段項目
課程內(nèi)容：
項目微信小程序版本開發(fā)，實現(xiàn)商品模塊和購物車模塊功能點
項目貫穿：
“學(xué)子商城”項目的微信推廣功能
實訓(xùn)目標(biāo)：
熟練掌握微信小程序的開發(fā)流程、常用組件和常用API
HybridApp
課程內(nèi)容：
混編 APP 概 述、PhoneGap/Cordova 環(huán)境搭建、移動端事件 處理、震動蜂鳴和加速度、地理位置和指南針等傳感器的使用、 多媒體控制、聲音和圖像采集
項目貫穿：
APP 版本的打包部署
實訓(xùn)目標(biāo)：
熟練使用 PhoneGap/Cordova 實現(xiàn)混編 APP 開發(fā)，熟練完成APP的遷移和部署
5.框架技術(shù)
Angular生態(tài)系統(tǒng)
課程內(nèi)容：
設(shè)計原則和模 式、Angular 的表 達 式 和指 令、MVC 編程模 型、 控制器、雙向數(shù)據(jù)綁定、過濾器和函數(shù)、服務(wù)和依賴注入、文件 壓縮、模塊化編程、單頁應(yīng)用、路由、事件綁定、TypeScript、 移動端開發(fā)支持、RxJS、國際化
項目貫穿：
“學(xué)子商城”項目重構(gòu)
實訓(xùn)目標(biāo)：
理解 AngularJS 的框架原理，熟練掌握 MVC 編 程模式，能夠熟練使用 AngularJS 實現(xiàn)頁面的 重構(gòu)和單頁面 WEB 應(yīng)用程序的開發(fā)
階段項目
課程內(nèi)容：
使用框架技術(shù)實現(xiàn)“學(xué)子商城”項目的重構(gòu)（MVC 模式）
項目貫穿：
“學(xué)子商城”項目重構(gòu)
實訓(xùn)目標(biāo)：
了解軟件開發(fā)流程，學(xué)習(xí)從功能分析到軟件設(shè)計、 再到功能實現(xiàn)的整個開發(fā)流程，能夠熟練使用 AngularJS 的相關(guān)知識，實現(xiàn) Web 應(yīng)用程序的 開發(fā)，并實現(xiàn)和其他框架的整合
React生態(tài)系統(tǒng)
課程內(nèi)容：
React.js 概述、環(huán)境搭建、JSX、組件、state、組件生命周期、 事件處理、表單、虛擬 DOM 算法簡析、實現(xiàn) ToDoList、React native 概述、React native 開發(fā)
項目貫穿：
“學(xué)子商城”后臺管理項目：PC 版、APP版
實訓(xùn)目標(biāo)：
理解 React 的框架原理，熟練掌握組件的構(gòu)建 以及復(fù)用，能夠熟練使用 ReactJS 實現(xiàn)視圖層 的創(chuàng)建和渲染 ；學(xué)習(xí) react native，構(gòu)建功能強 大且流暢的 APP
階段項目
課程內(nèi)容：
使用跨平臺移動應(yīng)用開發(fā)框架， 結(jié)合 web 前端技術(shù)， 實現(xiàn)Hybrid App 的開發(fā)
項目貫穿：
“學(xué)子商城”后臺管理項目：PC 版、APP版
實訓(xùn)目標(biāo)：
學(xué)習(xí) UI 組件開發(fā)技術(shù)，熟練掌握 react native 的開發(fā)技能，能夠靈活選擇框架技術(shù)并實現(xiàn) APP 的開發(fā)
Python Web
課程內(nèi)容：
Python 基本語法、數(shù)據(jù)類型、運算符、邏輯結(jié)構(gòu)、函數(shù)和對象、 模塊和包、數(shù)據(jù)庫訪問；Django 框架、視圖、模板系統(tǒng)、數(shù)據(jù)訪問、 RESTful 接口開發(fā)
項目貫穿：
“學(xué)子商城” 項目服務(wù)器端 重構(gòu)
實訓(xùn)目標(biāo)：
掌握 Python 語言基本語法，注意與 JS&Node. js 的異同之處 ；熟練使用 Django 框架提供符合 RESTful 風(fēng)格的服務(wù)器端 API
畢業(yè)項目
課程內(nèi)容：
學(xué)習(xí)使用 SVN 進行源代碼管理，以及使用 GitHub 進行代碼托 管，理解開源代碼庫以及版本控制系統(tǒng)的相關(guān)知識，學(xué)習(xí)多個項 目的需求分析及開發(fā)流程、前后端分離的項目架構(gòu)設(shè)計，以及完 整項目在 Linux 云 服務(wù)器環(huán)境下的部署
項目貫穿：
項目庫中多個備選項目
實訓(xùn)目標(biāo)：
通過項目庫中多個備選項目的學(xué)習(xí)，深入理解項 目的開發(fā)流程、需求、項目搭建以及部署發(fā)布， 熟練掌握前后端分離的 WEB 項目
地理位置 Location
