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