真實企業(yè)項目實戰(zhàn)，成立項目專項小組，更貼近工作。
上海市web前端培訓(xùn)
【所屬機構(gòu)：上海達內(nèi)教育】
WEB前端是使用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)教育開設(shè)的web前端課程結(jié)合了前端H5，后端node.JS和移動端APP開發(fā)，致力于培養(yǎng)真正的全棧人才。
01 課程適合哪類人學(xué)？
技術(shù)進階
應(yīng)屆畢業(yè)生
在職轉(zhuǎn)行
02 學(xué)什么？重點我們幫你圈
服務(wù)器端技術(shù) - 前端核心技術(shù)
- 前端進階技術(shù)
- H5移動端開發(fā)
- 框架技術(shù)
課程模塊 課程內(nèi)容 項目貫穿 實訓(xùn)目標 項目導(dǎo)入 WEB程序的結(jié)構(gòu)與部署、項目開發(fā)流程、項目需求分析、WEB服務(wù)器的使用 “學(xué)子商城” 項目導(dǎo)入 了解企業(yè)項目的開發(fā)流程，理解WEB程序的結(jié)構(gòu)與部署，了解項目需求，學(xué)習(xí)企業(yè)項目標準開發(fā)文檔的編寫 數(shù)據(jù)庫和SQL語言 服務(wù)器概述、數(shù)據(jù)庫服務(wù)器、維護數(shù)據(jù)庫、維護數(shù)據(jù)表、創(chuàng)建表、列類 型、列約束、基礎(chǔ)查詢、復(fù)雜查詢、關(guān)聯(lián)查詢、子查詢、跨表查詢、常用函數(shù) “學(xué)子商城” 項目數(shù)據(jù)庫 創(chuàng)建“學(xué)子商城”項目所用數(shù)據(jù)結(jié)構(gòu)，根據(jù)需求完成數(shù)據(jù)表的創(chuàng)建，并熟練掌握各種常用數(shù)據(jù)庫操作 編程語言 基礎(chǔ) JavaScript 的V8引擎運行環(huán)境、JavaScript代碼的編寫與調(diào)試、JavaScript的基礎(chǔ)語法、變量與常量、數(shù)據(jù)類型及其轉(zhuǎn)換應(yīng)用、運算符和表達式、函數(shù)的定義及使用、變量與作用域、函數(shù)作用域、匿 名函數(shù)、遞歸調(diào)用、arguments、程序的流程控制、條件語句與循環(huán) 語句、數(shù)組的定義和使用、數(shù)組API、二維數(shù)組的使用、String 的使用及API、正則表達式的定義和使用、常用內(nèi)置對象（Math、Date、 Number、Boolean）、錯誤處理、ES5/6高階特性 “學(xué)子商城” 項目服務(wù) 理解編程語言的語言原理與運行模式，熟練掌握JavaScript核心編程技巧，能夠熟練使用JavaScript實現(xiàn)邏輯算法、流程控制、函數(shù)，以及常用API Node.js服務(wù)器端 搭建服務(wù)器端運行環(huán)境、異步和同步、進程和線程、回調(diào)和事件循 環(huán)隊列、交互模式和腳本模式、CommonJS規(guī)范、Node.js核心模塊(Global、Buffer、Console、QueryString、URL、HTTP/HTTPS、 Process、Cluster、FileSystem、Stream、Timer、Zlib)、NPM和第三 方模塊、訪問數(shù)據(jù)庫和連接池、Express框架、路由和路由器、中間件和第三方中間件、模板引擎、SQL注入和WEB安全問題 掌握Node.js服務(wù)器端端應(yīng)用相較于Java和PHP等語言的適用場景，掌握Node.js常用模塊，熟悉NPM模塊管理，在學(xué)會文件I/O操作基礎(chǔ)上，結(jié)合數(shù)據(jù)庫訪問，創(chuàng)建動態(tài)Web應(yīng)用 階段項目 “學(xué)子商城”數(shù)據(jù)API接口設(shè)計：項目基礎(chǔ)結(jié)構(gòu)搭建、服務(wù)器端功能實現(xiàn)：商品添加、商品刪除、商品列表、商品詳情、商品修改、用戶注冊、 刪除用戶、修改注冊信息、用戶列表、用戶登錄；Git命令實現(xiàn)版本管理、使用Github遠程倉庫；購買域名、購買并使用云服務(wù)器 “學(xué)子商城” 商品和用戶模塊服務(wù)器端接口 掌握企業(yè)級項目后端數(shù)據(jù)RESTful API的定義及實現(xiàn)過程 零基礎(chǔ)公開課 課程模塊 課程內(nèi)容 項目貫穿 實訓(xùn)目標 WEB訓(xùn)練營 學(xué)習(xí)HTML5常用標簽、CSS3樣式基礎(chǔ)及頁面布局知識、掌握JavaScript基礎(chǔ)語法、制作簡單頁面交互動畫、圖形化方式理解關(guān)系型數(shù)據(jù)庫MySQL中的數(shù)據(jù)存儲特性 “學(xué)子商城”項目預(yù)熱 了解WEB開發(fā)核心HTML/CSS/JS技術(shù)，了解關(guān)系型數(shù)據(jù)庫中數(shù)據(jù)的邏輯結(jié)構(gòu)，以及常見SQL語句的編寫 課程模塊 課程內(nèi)容 項目貫穿 實訓(xùn)目標 HTML基礎(chǔ) HTML5語法概述、文本系列標簽、圖像和路徑、鏈接和錨點、表格和 數(shù)據(jù)、有序列表無序列表、表單和輸入項、frame和iframe、HTML5新 標簽的瀏覽器兼容性問題 “學(xué)子商城”客戶端請求 熟練掌握各種HTML5 標簽，能夠快速完成各種頁面元素的編寫 HTTP/AJAX HTTP協(xié)議詳解、三次握手/四次揮手、異步和同步、AJAX原理、原生AJAX實現(xiàn)、GET/POST/PUT/DELETE請求、JSON和XML的定義和使用、RESTful API規(guī)范、WEB調(diào)試技巧、HTTP性能優(yōu)化 深入理解AJAX的基本通信原理，掌握基于JSON的數(shù)據(jù)規(guī)則，透徹理解HTTP協(xié)議，能夠熟練使用AJAX實現(xiàn)與服務(wù)器的異步通信，實現(xiàn)服務(wù)器端的通信分析，并完成頁面的局部提交和刷新 階段項目 “學(xué)子商城”數(shù)據(jù)API的異步請求：項目搭建、項目資源管理、靜態(tài)頁面編寫、服務(wù)器端數(shù)據(jù)獲取、異步數(shù)據(jù)處理 “學(xué)子商城”用 戶模塊 結(jié)合服務(wù)器端和AJAX知識，實現(xiàn)網(wǎng)站與服務(wù)器的交互功能，包括登錄、注冊、個人中心、用戶信息維護等功能，深入理解Web程序的結(jié)構(gòu)和運行原理以及項目的開發(fā)流程 CSS基礎(chǔ) CSS3基礎(chǔ)語法、各種選擇器（通用選擇器、元素選擇器、id和class選擇器、后代選擇器、偽類選擇器等）、框模型與背景、文本格式化、表格、顯示與定位、CSS樣式的瀏覽器兼容性問題、CSS Reset、 Normalize.css的使用；WebStorm IDE的使用 “學(xué)子商城”用戶模塊的靜態(tài)頁面完善 熟練掌握各種常用CSS選擇器以及CSS樣式的定義和使用，完成各種頁面樣式的定義和編寫，進行頁面美化 CSS3高級 復(fù)雜選擇器、2D/3D轉(zhuǎn)換（包括移動、旋轉(zhuǎn)、傾斜和縮放和視點）、Transition過渡動畫、Keyframes關(guān)鍵幀動畫、彈性布局、CSS Hack 和優(yōu)化、CSS3新特性的瀏覽器兼容性、Animate.css動畫庫的使用 熟練掌握各種CSS動畫特效等高級應(yīng)用，實現(xiàn)頁面的彈性布局，實現(xiàn)復(fù)雜頁面效果的制作，理解CSS Hack和CSS優(yōu)化，能夠手動完成各種頁面樣式的定義和編寫，并保證瀏覽器兼容性 響應(yīng)式/Bootstrap 媒體查詢技術(shù)、CSS 的@media規(guī)則、手動編寫以及測試響應(yīng)式網(wǎng)頁、Bootstrap基礎(chǔ)及其基礎(chǔ)模板、全局CSS樣式（包括布局、按鈕、圖片等）、柵格布局系統(tǒng)、組件（包括導(dǎo)航菜單、列表、警告框等）、JS插件（包括模態(tài)框、工具提示等）、Sass/Less預(yù)處理樣式的使用，定制Bootstrap “學(xué)子商城”之商品模塊(響應(yīng)式版本) 理解響應(yīng)式布局的原理，熟練使用CSS3 Media Query技巧，掌握Bootstrap框架的核心樣式架構(gòu)思想，能夠熟練應(yīng)用Bootstrap的全局樣式、組件以及JS插件來實現(xiàn)響應(yīng)式布局的開發(fā)、測試以及 功能交互，并能夠使用Sass/SCSS語言實現(xiàn)動態(tài)樣式的編寫以及定制 階段項目 “學(xué)子商城”響應(yīng)式版本實現(xiàn)：響應(yīng)式首頁、商品列表頁、商品詳情 頁、用戶相關(guān)功能頁 熟練掌握媒體查詢的使用，使用柵格布局系統(tǒng)實現(xiàn) 響應(yīng)式頁面布局、使用Sass/SCSS動態(tài)樣式語言實現(xiàn)Bootstrap默認樣式的定制 課程模塊 課程內(nèi)容 項目貫穿 實訓(xùn)目標 JS高級 正則表達式、Function與匿名函數(shù)、作用域與閉包、面向?qū)ο缶幊獭?Object對象與對象模板、this、call()/bind()/applay()、原型與繼承、原型鏈、ECMAScript 5和ECMAScript6（ES2019）的新特性（Promise、async/await、模塊規(guī)范export/import） “學(xué)子商城” 項目之商品模塊的頁面編寫、功能實現(xiàn)以及服務(wù)器交互功能完善 掌握JS原生對象API的使用；理解JavaScript面向?qū)ο缶幊汤碚?，對封裝、繼承、原型鏈、閉包、模塊化編程有深入的理解；同時掌握新版本的ECMAScript語言的各類新特性 BOM/DOM Document對象、節(jié)點對象、節(jié)點樹和元素樹、選取并讀取節(jié)點、文 檔遍歷以及增加節(jié)點、刪除節(jié)點、元素樣式編輯、Window對象、定 時器、BOM模型、事件的定義及處理、event 對象、location對象、history對象、screen對象、cookie對象的使用 深入理解DOM和BOM編程模型，熟練掌握 DOM&BOM編程API的使用，能夠熟練的使用JavaScript原生代碼對頁面進行處理，完成各種頁面動態(tài)效果以及復(fù)雜動態(tài)交互的實現(xiàn) 階段項目 “學(xué)子商城”用戶交互效果實現(xiàn)：級聯(lián)下拉菜單、手風(fēng)琴和樹形菜單、彈出框和模態(tài)框、輪播廣告多種實現(xiàn)、滾動監(jiān)聽 “學(xué)子商城” 項目中頁面功能的實現(xiàn) 熟練掌握原生DOM&BOM操作，實現(xiàn)常見的頁面交互效果：輪播廣告、樓層滾動、標簽頁等 jQuery jQuery原理解析、jQuery選擇器（包括基本選擇器、層次選擇器、過濾選擇器、表單選擇器）、jQuery的DOM操作（包括HTML頁面元素的增刪改查）、jQuery事件、事件冒泡與事件處理、jQuery動畫、jQuery常用Plug-in、開發(fā)jQuery插件、jQuery擴展、AJAX的增強操 作、跨域訪問與JSONP “學(xué)子商城” 項目的購物 掌握jQuery核心API，深入理解jQuery設(shè)計思想，了解多種jQuery插件，能夠熟練使用jQuery進行DOM操作、事件處理、執(zhí)行復(fù)雜動畫效果以及服務(wù)器端數(shù)據(jù)API訪問 階段項目 “學(xué)子商城”管理后臺子系統(tǒng)：前臺子系統(tǒng)完善、管理后臺功能實現(xiàn)、前后端數(shù)據(jù)交互、復(fù)雜跨域訪問（JSONP、CORS、請求代理） “學(xué)子商城” 之訂單模塊 進一步完善項目中購物車、訂單相關(guān)功能，熟練掌握全棧開發(fā)中，從前端到后臺開發(fā)的全部技能 TypeScript 和Vue.js TypeScript語言、靜態(tài)類型和基于類的面向?qū)ο?、MVC和MVVM模式、雙向數(shù)據(jù)綁定原理分析及實現(xiàn)、計算屬性、Vue 指令、組件化應(yīng)用 構(gòu)建、組件通信、組件嵌套、組件間數(shù)據(jù)傳遞、自定義指令、自定義過 濾器、插槽、Vue-Router 、Axios、Vuex（state、mutation、getter、 action）原理分析；Visual Studio Code IDE工具的使用 “學(xué)子商城” 后臺子系統(tǒng) 深入理解MVVM設(shè)計模式以及在新版Vue.js框架中的實現(xiàn)原理，熟練掌握數(shù)據(jù)驅(qū)動的漸進式框 架，能夠熟練使用Vue.JS實現(xiàn)視圖層的開發(fā)，驅(qū)動復(fù)雜的單頁應(yīng)用，以及復(fù)雜數(shù)據(jù)狀態(tài)管理 階段項目 “學(xué)子商城”MVVM框架重構(gòu)：使用Vue.js框架重構(gòu)“學(xué)子商城”項目管理后臺子系統(tǒng) 深入理解電商項目前臺站點和后臺管理站點的需求，基于后臺功能接口，實現(xiàn)后臺管理站點的WEB前端功能開發(fā) 課程模塊 課程內(nèi)容 項目貫穿 實訓(xùn)目標 Vue.js組件庫 自定義復(fù)雜頁面組件、基于最新版Vue.js的PC端組件庫Element-UI：容器和布局、頁面小組件、表單擴展組件、數(shù)據(jù)呈現(xiàn)組件、對話框和 導(dǎo)航組件、復(fù)雜組件；移動UI組件庫Mint UI，JS組件（Loadmore、 In?niteScroll、Swipe、LazyLoad等）、CSS組件（Tabbar、Navbar、 Cell Swipe、Search等）、表單組件（Switch、Checklist、Field等） “學(xué)子商城” 移動版客戶端 掌握基于Vue.js的生態(tài)系統(tǒng)中提供的常見UI組件庫 的原理和使用方法，掌握自定義UI組件的方法，掌握更多的擴展組件庫的自學(xué)技巧 階段項目 “學(xué)子商城”移動端子系統(tǒng)：使用基于Vue.js的移動端組件庫實現(xiàn)商 品模塊、用戶模塊和購物車模塊的功能點 掌握Vue.js整合第三方UI組件庫的使用方法，熟練 使用Mint UI移動組件庫編寫WebApp應(yīng)用 H5高級 表單功能、增強的表單控件、新表單元素及屬性、表單驗證、音頻和視 頻處理、Canvas繪制及圖像處理、SVG元素及使用、ECharts和數(shù)據(jù)可視化、Two.js 框架的使用、Geolocation API、百度地圖API、Web Storage API（sessionStorage和 localStorage）、HTML5 拖放、拖放事件及相關(guān)對象、Web Worker和性能優(yōu)化、Web Socket和消息推送、Socket.IO框架 “學(xué)子商城” 項目細節(jié)優(yōu)化 熟練掌握HTML5的各種新特性，能夠熟練使用新表單特性實現(xiàn)頁面功能，能夠?qū)崿F(xiàn)頁面中的音視頻處理，實現(xiàn)復(fù)雜繪圖以及圖表繪制，實現(xiàn)頁面的地理定位操作以及頁面的離線存儲功能，使用Web Worker進行性能優(yōu)化，WebSocket協(xié)議實現(xiàn)服務(wù)器端數(shù)據(jù)推送 階段項目 “學(xué)子商城”后臺管理子系統(tǒng)功能迭代：推送式應(yīng)用統(tǒng)計、實時訪問可視化統(tǒng)計、歷史記錄等、富客戶端編輯器、拖放式異步文件上傳等 分析頁面功能需求，能夠熟練使用HTML5的相關(guān)技術(shù)實現(xiàn)WEB應(yīng)用開發(fā)，使用原生技術(shù)完成整個項目的PC版本的開發(fā)，熟練掌握原生代碼開發(fā)技能 小程序和輕應(yīng)用 微信開發(fā)準備（包括帳號注冊、空間申請、域名解析等）、微信小程 序開發(fā)、WXML／WXSS語法、微信小程序常用組件及API、支付寶小 程序、百度智能小程序、頭條小程序、uni-app/mpvue等多端框架； HBuilder IDE工具的使用 “學(xué)子商城” 項目的微信推廣功能 了解微信公眾平臺開發(fā)及維護的相關(guān)知識，掌握微信產(chǎn)品設(shè)計和接口開發(fā)實現(xiàn)的相關(guān)技能，能夠基于微信平臺開發(fā)微信應(yīng)用小程序，了解支付寶、百度等平臺下小程序和輕應(yīng)用的實現(xiàn)方法 階段項目 “學(xué)子商城”小程序子系統(tǒng)開發(fā)：微信小程序版本實現(xiàn)商品模塊、用戶模塊和購物車模塊功能點 熟練掌握微信小程序的開發(fā)流程、常用組件和常用API HybridApp 混編APP概述、PhoneGap/Cordova環(huán)境搭建、移動端事件處理、震動蜂鳴和加速度、地理位置和指南針等傳感器的使用、多媒體控制、聲音和圖像采集、APP打包部署 APP版本的打包部署 熟練使用PhoneGap/Cordova實現(xiàn)混編APP開發(fā)，熟練完成APP的打包和部署 課程模塊 課程內(nèi)容 項目貫穿 實訓(xùn)目標 React和 ReactNative 新版React.js 概述、環(huán)境搭建、JSX語法、組件、state、組件生命周期、事件處理、表單、虛擬DOM實現(xiàn)、服務(wù)器端渲染(SSR)、實現(xiàn) ToDoList、Flux和Redux、React Native 概述、React Native 移動端開發(fā) “學(xué)子商城” 后臺管理項 目：PC版、 APP版 掌握JS Core式App的實現(xiàn)方法；深入理解React的框架原理，掌握虛擬DOM思想及實現(xiàn)，熟練掌握組件的構(gòu)建以及復(fù)用，能夠熟練使用ReactJS 實現(xiàn)視圖層的創(chuàng)建和服務(wù)器端渲染(SSR)；學(xué)習(xí)React Native，構(gòu)建功能強大且流暢的APP 階段項目 “學(xué)子商城”移動端子系統(tǒng)重構(gòu)：使用跨平臺移動應(yīng)用開發(fā)框架，實現(xiàn)Hybrid App的開發(fā) 學(xué)習(xí)UI組件開發(fā)技術(shù)，熟練掌握React Native的開發(fā)技能，能夠靈活選擇框架技術(shù)并實現(xiàn)APP的開發(fā) Python和 Django Python基本語法、數(shù)據(jù)類型、運算符、邏輯結(jié)構(gòu)、函數(shù)和對象、模塊和包、數(shù)據(jù)庫訪問；Django框架、視圖、模板系統(tǒng)、數(shù)據(jù)訪問、RESTful/GraphQL接口開發(fā) “學(xué)子商 城”項目服務(wù)器端重構(gòu) 掌握Python語言基本語法，注意與JS&Node.js 的異同之處；熟練使用Django框架提供符合RESTful/GraphQL風(fēng)格的服務(wù)器端API Angular和Ionic 設(shè)計原則和模式、新版Angular的表達式和指令、MV編程模型、控 制器、雙向數(shù)據(jù)綁定、過濾器和函數(shù)、服務(wù)和依賴注入、文件壓縮、模塊化編程、單頁應(yīng)用、路由、事件綁定、TypeScript、移動端開發(fā)支持、RxJS、國際化 “學(xué)子商城”項目重構(gòu) 理解新版Angular的框架原理，熟練掌握MVC編程模式，能夠熟練使用Angular實現(xiàn)頁面的重構(gòu)和單頁面WEB應(yīng)用程序的開發(fā) 階段項目 “學(xué)子商城”后臺管理子系統(tǒng)重構(gòu)：使用Angular框架技術(shù)重構(gòu)“學(xué)子 商城”項目的管理后臺 了解軟件開發(fā)流程，學(xué)習(xí)從功能分析到軟件設(shè)計、再 到功能實現(xiàn)的整個開發(fā)流程，能夠熟練使用Angular的相關(guān)知識，實現(xiàn)Web應(yīng)用程序的開發(fā)，并實現(xiàn)和其他框架的整合 就業(yè)沖刺 “沖刺項目”：整合H5 Canvas繪圖/ECharts.js數(shù)據(jù)可視化技術(shù)、WebWorker性能優(yōu)化方案、WebStorage客戶端存儲、WebSocket數(shù) 據(jù)推送服務(wù)、MySQL數(shù)據(jù)庫、Redis緩存數(shù)據(jù)、Node.js/Express服務(wù)器、數(shù)據(jù)爬蟲技術(shù)、Vue.js MVVM框架、Element-UI組件庫、Mint-UI組件庫、Axios、二維碼生成等多種技術(shù)實現(xiàn)的移動端SPA應(yīng)用，及數(shù)據(jù)管理后臺子系統(tǒng)，熟練使用Webpack項目構(gòu)建工具，Git和Github 管理代碼版本工具、云服務(wù)器部署項目；前端：App的技術(shù)演進（Native、H5/WebView、JavaScript Core、Flutter）、Dart語言、PWA技術(shù)規(guī)范、WebGL和Three.js、WebVR和WebAR 就業(yè)沖刺項目、行業(yè)新技術(shù)體驗 理解企業(yè)項目設(shè)計開發(fā)部署流程及日常編碼規(guī)范，掌握Vue.js全家桶在項目中的配合使用；熟練掌握組件式項目開發(fā)及前后端分離的WEB項目架構(gòu)；了解前端行業(yè)新動態(tài)、把握技術(shù)發(fā)展脈絡(luò)、強化自我學(xué)習(xí)能力
03 更勝一籌·核心優(yōu)勢
icon PC響應(yīng)式、移動、小程序的企業(yè)級全棧項目
icon 扎實的代碼功底，能夠獨立應(yīng)對企業(yè)的需求等
icon 懂后臺的Web前端設(shè)計師，更有效團隊配合
icon 混編App開發(fā)，發(fā)展前景更廣闊，就業(yè)方向多
04 四大優(yōu)勢讓學(xué)習(xí)攻無不克
01
真實商業(yè)項目
02
課程貫穿全程
真實企業(yè)核心項目貫穿全課程，培養(yǎng)Web的大局觀。
03
項目部署上線
云服務(wù)器真實部署，真實項目上線測試，投入使用。
04
接軌企業(yè)需求
真實對接企業(yè)，標準化，規(guī)范化，流程化的工作流。
05 專業(yè)師資，幫助突破
實力教師，帶你攻破重重關(guān)卡
Web前端講師 李文華
[個人背景]
WEB教研總監(jiān)
WEB前端技術(shù)講師
十多年教學(xué)經(jīng)驗
[老師簡介]
具備多年互聯(lián)網(wǎng)項目開發(fā)及管理經(jīng)驗，授課風(fēng)格：行業(yè)知識廣泛深入，具備多學(xué)科全部課程完整授課經(jīng)驗；授課思路順暢，表達清晰自然，善于化繁為簡、化抽象為具體，能夠很好的調(diào)動學(xué)員積極性。
