使用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)用后臺接口;也可以工作,完成強(qiáng)用戶交互的各類應(yīng)用。
達(dá)內(nèi)Web 前端開發(fā)工程師特色
既懂前端開發(fā)
前端核心 + 三大框架 + 移動端開發(fā)全面&深入
又懂后端開發(fā)
200名實戰(zhàn)技術(shù)講師,開設(shè)技術(shù)更強(qiáng)的27大技術(shù)課程
還懂企業(yè)需求
達(dá)內(nèi)有14萬家合作企業(yè),所以更懂企業(yè)招聘需求
邊學(xué)邊練、實戰(zhàn)項目訓(xùn)練
1功底實 : 扎實代碼功底,應(yīng)對企業(yè)需求!
2懂后臺 : 懂后臺的 Web,更有效團(tuán)隊配合!
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 引擎運(yùn)行環(huán)境、JavaScript 代碼的編寫與調(diào)試、JavaScript 的基礎(chǔ)語法、變量與常量、數(shù)據(jù)類型及其轉(zhuǎn)換應(yīng)用、運(yùn)算符和表達(dá)式、函數(shù)的定義及使用、變量與作用域、函數(shù)作用域、程序的流程控制、條件語句與循環(huán)語句、數(shù)組的定義和使用、數(shù)組 API、二維數(shù)組的使用、String 的使用及 API、正則表達(dá) 式 的定 義和 使 用、常用內(nèi)置 對 象(Math、Date、Number、Boolean)、錯誤處理
項目貫穿:
“學(xué)子商城”項目服務(wù)器端應(yīng)用
實訓(xùn)目標(biāo):
理解 JavaScript 的語言原理與運(yùn)行模式,熟練掌握J(rèn)avaScript核心編程技巧,能夠熟練使用JavaScript實現(xiàn)邏輯算法、流程控制、函 數(shù),以及常用 API
Node.js
課程內(nèi)容:
搭建服務(wù)器端運(yùn)行環(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ù)器的交互功能,包括登錄、注冊、個人中心、用戶信息維護(hù)等功能,深入理解 WEB 程序的結(jié)構(gòu)和運(yùn)行原理以及項目的開發(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.前端進(jìn)階技術(shù)
JS 高級
課程內(nèi)容:
Function 與匿名函數(shù)、作用域與閉包、面向?qū)ο缶幊、Object 對象與對象模板、原型與繼承、原型鏈、ECMAScript 5 和 ECMAScript 6 的新特性
項目貫穿:
“學(xué)子商城”項目之商品模塊的頁面編寫、功能實現(xiàn)以及服務(wù)器交互功能完善
實訓(xùn)目標(biāo):
理解 JavaScript 的語言原理與運(yùn)行模式,熟練 掌握 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 原生代碼對頁 面進(jìn)行處理,完成各種頁面動態(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 擴(kuò)展、jQuery 的 AJAX 應(yīng)用、AJAX 的 增強(qiáng)操作、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):
進(jìn)一步完善項目中購物車、訂單相關(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ū)動的 漸進(jìn)式框架,能夠熟練使用 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 組件的 方法,掌握更多的擴(kuò)展組件庫的自學(xué)技巧
階段項目
課程內(nèi)容:
項目商品模塊、用戶模塊和購物車模塊的功能點
項目貫穿:
“學(xué)子商城”移動版客戶端
實訓(xùn)目標(biāo):
掌握 Vue.js 整合第三方 UI 組件庫的使 用方法, 熟 練使 用 Mint UI 移動組件庫編寫 WebApp 應(yīng)用
H5高級
課程內(nèi)容:
表單功能、增強(qiáng)的表單控件、新表單元素及屬性、表單驗證、音 頻和視頻 處理、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 進(jìn)行各種 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ā)及維護(hù)、JS-SDK API、微信小程序開發(fā)、WXML / WXSS 語法、微信小程序常用組件及 API
項目貫穿:
“學(xué)子商城”項目的微信推廣功能
實訓(xùn)目標(biāo):
了解微信公眾平臺開發(fā)及維護(hù)的相關(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 的表 達(dá) 式 和指 令、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)建功能強(qiáng) 大且流暢的 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ù)類型、運(yùn)算符、邏輯結(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 進(jìn)行源代碼管理,以及使用 GitHub 進(jìn)行代碼托 管,理解開源代碼庫以及版本控制系統(tǒng)的相關(guān)知識,學(xué)習(xí)多個項 目的需求分析及開發(fā)流程、前后端分離的項目架構(gòu)設(shè)計,以及完 整項目在 Linux 云 服務(wù)器環(huán)境下的部署
項目貫穿:
項目庫中多個備選項目
實訓(xùn)目標(biāo):
通過項目庫中多個備選項目的學(xué)習(xí),深入理解項 目的開發(fā)流程、需求、項目搭建以及部署發(fā)布, 熟練掌握前后端分離的 WEB 項目