上海市web前端培訓

小班詳詢

課程優(yōu)勢：實力教師

上課方式：直播,面授

上課時段：全日制,周末班

￥詢價

預約試聽在線咨詢

課程詳情教學點教學環(huán)境學員評論相關推薦

WEB前端是使用HTML、CSS、JS以及更多的框架技術，編寫網站頁面、App應用、小程序、2D、3D游戲、Web、VR、AR等應用，通過內容設計、交互動畫、數(shù)據操作構建項目與用戶的交互界面。前端開發(fā)工程師在項目中可以與UI設計師和后臺程序員合作，實現(xiàn)設計意圖并調用后臺接口；也可以獨立工作，完成強用戶交互的各類應用。達內教育開設的web前端課程結合了前端H5，后端node.JS和移動端APP開發(fā)，致力于培養(yǎng)真正的全棧人才。

01 課程適合哪類人學？

技術進階

應屆畢業(yè)生

在職轉行

02 學什么？重點我們幫你圈

服務器端技術
前端核心技術
前端進階技術
H5移動端開發(fā)
框架技術

課程模塊	課程內容	項目貫穿	實訓目標
項目導入	WEB程序的結構與部署、項目開發(fā)流程、項目需求分析、WEB服務器的使用	“學子商城” 項目導入	了解企業(yè)項目的開發(fā)流程，理解WEB程序的結構與部署，了解項目需求，學習企業(yè)項目標準開發(fā)文檔的編寫
數(shù)據庫和SQL語言	服務器概述、數(shù)據庫服務器、維護數(shù)據庫、維護數(shù)據表、創(chuàng)建表、列類型、列約束、基礎查詢、復雜查詢、關聯(lián)查詢、子查詢、跨表查詢、常用函數(shù)	“學子商城” 項目數(shù)據庫	創(chuàng)建“學子商城”項目所用數(shù)據結構，根據需求完成數(shù)據表的創(chuàng)建，并熟練掌握各種常用數(shù)據庫操作
編程語言基礎	JavaScript 的V8引擎運行環(huán)境、JavaScript代碼的編寫與調試、JavaScript的基礎語法、變量與常量、數(shù)據類型及其轉換應用、運算符和表達式、函數(shù)的定義及使用、變量與作用域、函數(shù)作用域、匿名函數(shù)、遞歸調用、arguments、程序的流程控制、條件語句與循環(huán) 語句、數(shù)組的定義和使用、數(shù)組API、二維數(shù)組的使用、String 的使用及API、正則表達式的定義和使用、常用內置對象（Math、Date、 Number、Boolean）、錯誤處理、ES5/6高階特性	“學子商城” 項目服務	理解編程語言的語言原理與運行模式，熟練掌握JavaScript核心編程技巧，能夠熟練使用JavaScript實現(xiàn)邏輯算法、流程控制、函數(shù)，以及常用API
Node.js服務器端	搭建服務器端運行環(huán)境、異步和同步、進程和線程、回調和事件循環(huán)隊列、交互模式和腳本模式、CommonJS規(guī)范、Node.js核心模塊(Global、Buffer、Console、QueryString、URL、HTTP/HTTPS、 Process、Cluster、FileSystem、Stream、Timer、Zlib)、NPM和第三方模塊、訪問數(shù)據庫和連接池、Express框架、路由和路由器、中間件和第三方中間件、模板引擎、SQL注入和WEB安全問題	“學子商城” 項目服務	掌握Node.js服務器端端應用相較于Java和PHP等語言的適用場景，掌握Node.js常用模塊，熟悉NPM模塊管理，在學會文件I/O操作基礎上，結合數(shù)據庫訪問，創(chuàng)建動態(tài)Web應用
階段項目	“學子商城”數(shù)據API接口設計：項目基礎結構搭建、服務器端功能實現(xiàn)：商品添加、商品刪除、商品列表、商品詳情、商品修改、用戶注冊、刪除用戶、修改注冊信息、用戶列表、用戶登錄；Git命令實現(xiàn)版本管理、使用Github遠程倉庫；購買域名、購買并使用云服務器	“學子商城” 商品和用戶模塊服務器端接口	掌握企業(yè)級項目后端數(shù)據RESTful API的定義及實現(xiàn)過程
零基礎公開課
課程模塊	課程內容	項目貫穿	實訓目標
WEB訓練營	學習HTML5常用標簽、CSS3樣式基礎及頁面布局知識、掌握JavaScript基礎語法、制作簡單頁面交互動畫、圖形化方式理解關系型數(shù)據庫MySQL中的數(shù)據存儲特性	“學子商城”項目預熱	了解WEB開發(fā)核心HTML/CSS/JS技術，了解關系型數(shù)據庫中數(shù)據的邏輯結構，以及常見SQL語句的編寫

課程模塊	課程內容	項目貫穿	實訓目標
HTML基礎	HTML5語法概述、文本系列標簽、圖像和路徑、鏈接和錨點、表格和數(shù)據、有序列表無序列表、表單和輸入項、frame和iframe、HTML5新標簽的瀏覽器兼容性問題	“學子商城”客戶端請求	熟練掌握各種HTML5 標簽，能夠快速完成各種頁面元素的編寫
HTTP/AJAX	HTTP協(xié)議詳解、三次握手/四次揮手、異步和同步、AJAX原理、原生AJAX實現(xiàn)、GET/POST/PUT/DELETE請求、JSON和XML的定義和使用、RESTful API規(guī)范、WEB調試技巧、HTTP性能優(yōu)化	“學子商城”客戶端請求	深入理解AJAX的基本通信原理，掌握基于JSON的數(shù)據規(guī)則，透徹理解HTTP協(xié)議，能夠熟練使用AJAX實現(xiàn)與服務器的異步通信，實現(xiàn)服務器端的通信分析，并完成頁面的局部提交和刷新
階段項目	“學子商城”數(shù)據API的異步請求：項目搭建、項目資源管理、靜態(tài)頁面編寫、服務器端數(shù)據獲取、異步數(shù)據處理	“學子商城”用戶模塊	結合服務器端和AJAX知識，實現(xiàn)網站與服務器的交互功能，包括登錄、注冊、個人中心、用戶信息維護等功能，深入理解Web程序的結構和運行原理以及項目的開發(fā)流程
CSS基礎	CSS3基礎語法、各種選擇器（通用選擇器、元素選擇器、id和class選擇器、后代選擇器、偽類選擇器等）、框模型與背景、文本格式化、表格、顯示與定位、CSS樣式的瀏覽器兼容性問題、CSS Reset、 Normalize.css的使用；WebStorm IDE的使用	“學子商城”用戶模塊的靜態(tài)頁面完善	熟練掌握各種常用CSS選擇器以及CSS樣式的定義和使用，完成各種頁面樣式的定義和編寫，進行頁面美化
CSS3高級	復雜選擇器、2D/3D轉換（包括移動、旋轉、傾斜和縮放和視點）、Transition過渡動畫、Keyframes關鍵幀動畫、彈性布局、CSS Hack 和優(yōu)化、CSS3新特性的瀏覽器兼容性、Animate.css動畫庫的使用	“學子商城”用戶模塊的靜態(tài)頁面完善	熟練掌握各種CSS動畫特效等高級應用，實現(xiàn)頁面的彈性布局，實現(xiàn)復雜頁面效果的制作，理解CSS Hack和CSS優(yōu)化，能夠手動完成各種頁面樣式的定義和編寫，并保證瀏覽器兼容性
響應式/Bootstrap	媒體查詢技術、CSS 的@media規(guī)則、手動編寫以及測試響應式網頁、Bootstrap基礎及其基礎模板、全局CSS樣式（包括布局、按鈕、圖片等）、柵格布局系統(tǒng)、組件（包括導航菜單、列表、警告框等）、JS插件（包括模態(tài)框、工具提示等）、Sass/Less預處理樣式的使用，定制Bootstrap	“學子商城”之商品模塊(響應式版本)	理解響應式布局的原理，熟練使用CSS3 Media Query技巧，掌握Bootstrap框架的核心樣式架構思想，能夠熟練應用Bootstrap的全局樣式、組件以及JS插件來實現(xiàn)響應式布局的開發(fā)、測試以及功能交互，并能夠使用Sass/SCSS語言實現(xiàn)動態(tài)樣式的編寫以及定制
階段項目	“學子商城”響應式版本實現(xiàn)：響應式首頁、商品列表頁、商品詳情頁、用戶相關功能頁	“學子商城”之商品模塊(響應式版本)	熟練掌握媒體查詢的使用，使用柵格布局系統(tǒng)實現(xiàn) 響應式頁面布局、使用Sass/SCSS動態(tài)樣式語言實現(xiàn)Bootstrap默認樣式的定制

課程模塊	課程內容	項目貫穿	實訓目標
JS高級	正則表達式、Function與匿名函數(shù)、作用域與閉包、面向對象編程、 Object對象與對象模板、this、call()/bind()/applay()、原型與繼承、原型鏈、ECMAScript 5和ECMAScript6（ES2019）的新特性（Promise、async/await、模塊規(guī)范export/import）	“學子商城” 項目之商品模塊的頁面編寫、功能實現(xiàn)以及服務器交互功能完善	掌握JS原生對象API的使用；理解JavaScript面向對象編程理論，對封裝、繼承、原型鏈、閉包、模塊化編程有深入的理解；同時掌握新版本的ECMAScript語言的各類新特性
BOM/DOM	Document對象、節(jié)點對象、節(jié)點樹和元素樹、選取并讀取節(jié)點、文檔遍歷以及增加節(jié)點、刪除節(jié)點、元素樣式編輯、Window對象、定時器、BOM模型、事件的定義及處理、event 對象、location對象、history對象、screen對象、cookie對象的使用	“學子商城” 項目之商品模塊的頁面編寫、功能實現(xiàn)以及服務器交互功能完善	深入理解DOM和BOM編程模型，熟練掌握 DOM&BOM編程API的使用，能夠熟練的使用JavaScript原生代碼對頁面進行處理，完成各種頁面動態(tài)效果以及復雜動態(tài)交互的實現(xiàn)
階段項目	“學子商城”用戶交互效果實現(xiàn)：級聯(lián)下拉菜單、手風琴和樹形菜單、彈出框和模態(tài)框、輪播廣告多種實現(xiàn)、滾動監(jiān)聽	“學子商城” 項目中頁面功能的實現(xiàn)	熟練掌握原生DOM&BOM操作，實現(xiàn)常見的頁面交互效果：輪播廣告、樓層滾動、標簽頁等
jQuery	jQuery原理解析、jQuery選擇器（包括基本選擇器、層次選擇器、過濾選擇器、表單選擇器）、jQuery的DOM操作（包括HTML頁面元素的增刪改查）、jQuery事件、事件冒泡與事件處理、jQuery動畫、jQuery常用Plug-in、開發(fā)jQuery插件、jQuery擴展、AJAX的增強操作、跨域訪問與JSONP	“學子商城” 項目的購物	掌握jQuery核心API，深入理解jQuery設計思想，了解多種jQuery插件，能夠熟練使用jQuery進行DOM操作、事件處理、執(zhí)行復雜動畫效果以及服務器端數(shù)據API訪問
階段項目	“學子商城”管理后臺子系統(tǒng)：前臺子系統(tǒng)完善、管理后臺功能實現(xiàn)、前后端數(shù)據交互、復雜跨域訪問（JSONP、CORS、請求代理）	“學子商城” 之訂單模塊	進一步完善項目中購物車、訂單相關功能，熟練掌握全棧開發(fā)中，從前端到后臺開發(fā)的全部技能
TypeScript 和Vue.js	TypeScript語言、靜態(tài)類型和基于類的面向對象、MVC和MVVM模式、雙向數(shù)據綁定原理分析及實現(xiàn)、計算屬性、Vue 指令、組件化應用構建、組件通信、組件嵌套、組件間數(shù)據傳遞、自定義指令、自定義過濾器、插槽、Vue-Router 、Axios、Vuex（state、mutation、getter、 action）原理分析；Visual Studio Code IDE工具的使用	“學子商城” 后臺子系統(tǒng)	深入理解MVVM設計模式以及在新版Vue.js框架中的實現(xiàn)原理，熟練掌握數(shù)據驅動的漸進式框架，能夠熟練使用Vue.JS實現(xiàn)視圖層的開發(fā)，驅動復雜的單頁應用，以及復雜數(shù)據狀態(tài)管理
階段項目	“學子商城”MVVM框架重構：使用Vue.js框架重構“學子商城”項目管理后臺子系統(tǒng)	“學子商城” 后臺子系統(tǒng)	深入理解電商項目前臺站點和后臺管理站點的需求，基于后臺功能接口，實現(xiàn)后臺管理站點的WEB前端功能開發(fā)

課程模塊	課程內容	項目貫穿	實訓目標
Vue.js組件庫	自定義復雜頁面組件、基于最新版Vue.js的PC端組件庫Element-UI：容器和布局、頁面小組件、表單擴展組件、數(shù)據呈現(xiàn)組件、對話框和導航組件、復雜組件；移動UI組件庫Mint UI，JS組件（Loadmore、 In?niteScroll、Swipe、LazyLoad等）、CSS組件（Tabbar、Navbar、 Cell Swipe、Search等）、表單組件（Switch、Checklist、Field等）	“學子商城” 移動版客戶端	掌握基于Vue.js的生態(tài)系統(tǒng)中提供的常見UI組件庫的原理和使用方法，掌握自定義UI組件的方法，掌握更多的擴展組件庫的自學技巧
階段項目	“學子商城”移動端子系統(tǒng)：使用基于Vue.js的移動端組件庫實現(xiàn)商品模塊、用戶模塊和購物車模塊的功能點	“學子商城” 移動版客戶端	掌握Vue.js整合第三方UI組件庫的使用方法，熟練使用Mint UI移動組件庫編寫WebApp應用
H5高級	表單功能、增強的表單控件、新表單元素及屬性、表單驗證、音頻和視頻處理、Canvas繪制及圖像處理、SVG元素及使用、ECharts和數(shù)據可視化、Two.js 框架的使用、Geolocation API、百度地圖API、Web Storage API（sessionStorage和 localStorage）、HTML5 拖放、拖放事件及相關對象、Web Worker和性能優(yōu)化、Web Socket和消息推送、Socket.IO框架	“學子商城” 項目細節(jié)優(yōu)化	熟練掌握HTML5的各種新特性，能夠熟練使用新表單特性實現(xiàn)頁面功能，能夠實現(xiàn)頁面中的音視頻處理，實現(xiàn)復雜繪圖以及圖表繪制，實現(xiàn)頁面的地理定位操作以及頁面的離線存儲功能，使用Web Worker進行性能優(yōu)化，WebSocket協(xié)議實現(xiàn)服務器端數(shù)據推送
階段項目	“學子商城”后臺管理子系統(tǒng)功能迭代：推送式應用統(tǒng)計、實時訪問可視化統(tǒng)計、歷史記錄等、富客戶端編輯器、拖放式異步文件上傳等	“學子商城” 項目細節(jié)優(yōu)化	分析頁面功能需求，能夠熟練使用HTML5的相關技術實現(xiàn)WEB應用開發(fā)，使用原生技術完成整個項目的PC版本的開發(fā)，熟練掌握原生代碼開發(fā)技能
小程序和輕應用	微信開發(fā)準備（包括帳號注冊、空間申請、域名解析等）、微信小程序開發(fā)、WXML／WXSS語法、微信小程序常用組件及API、支付寶小程序、百度智能小程序、頭條小程序、uni-app/mpvue等多端框架； HBuilder IDE工具的使用	“學子商城” 項目的微信推廣功能	了解微信公眾平臺開發(fā)及維護的相關知識，掌握微信產品設計和接口開發(fā)實現(xiàn)的相關技能，能夠基于微信平臺開發(fā)微信應用小程序，了解支付寶、百度等平臺下小程序和輕應用的實現(xiàn)方法
階段項目	“學子商城”小程序子系統(tǒng)開發(fā)：微信小程序版本實現(xiàn)商品模塊、用戶模塊和購物車模塊功能點		熟練掌握微信小程序的開發(fā)流程、常用組件和常用API
HybridApp	混編APP概述、PhoneGap/Cordova環(huán)境搭建、移動端事件處理、震動蜂鳴和加速度、地理位置和指南針等傳感器的使用、多媒體控制、聲音和圖像采集、APP打包部署	APP版本的打包部署	熟練使用PhoneGap/Cordova實現(xiàn)混編APP開發(fā)，熟練完成APP的打包和部署

課程模塊	課程內容	項目貫穿	實訓目標
React和 ReactNative	新版React.js 概述、環(huán)境搭建、JSX語法、組件、state、組件生命周期、事件處理、表單、虛擬DOM實現(xiàn)、服務器端渲染(SSR)、實現(xiàn) ToDoList、Flux和Redux、React Native 概述、React Native 移動端開發(fā)	“學子商城” 后臺管理項目：PC版、 APP版	掌握JS Core式App的實現(xiàn)方法；深入理解React的框架原理，掌握虛擬DOM思想及實現(xiàn)，熟練掌握組件的構建以及復用，能夠熟練使用ReactJS 實現(xiàn)視圖層的創(chuàng)建和服務器端渲染(SSR)；學習React Native，構建功能強大且流暢的APP
階段項目	“學子商城”移動端子系統(tǒng)重構：使用跨平臺移動應用開發(fā)框架，實現(xiàn)Hybrid App的開發(fā)	“學子商城” 后臺管理項目：PC版、 APP版	學習UI組件開發(fā)技術，熟練掌握React Native的開發(fā)技能，能夠靈活選擇框架技術并實現(xiàn)APP的開發(fā)
Python和 Django	Python基本語法、數(shù)據類型、運算符、邏輯結構、函數(shù)和對象、模塊和包、數(shù)據庫訪問；Django框架、視圖、模板系統(tǒng)、數(shù)據訪問、RESTful/GraphQL接口開發(fā)	“學子商城”項目服務器端重構	掌握Python語言基本語法，注意與JS&Node.js 的異同之處；熟練使用Django框架提供符合RESTful/GraphQL風格的服務器端API
Angular和Ionic	設計原則和模式、新版Angular的表達式和指令、MV編程模型、控制器、雙向數(shù)據綁定、過濾器和函數(shù)、服務和依賴注入、文件壓縮、模塊化編程、單頁應用、路由、事件綁定、TypeScript、移動端開發(fā)支持、RxJS、國際化	“學子商城”項目重構	理解新版Angular的框架原理，熟練掌握MVC編程模式，能夠熟練使用Angular實現(xiàn)頁面的重構和單頁面WEB應用程序的開發(fā)
階段項目	“學子商城”后臺管理子系統(tǒng)重構：使用Angular框架技術重構“學子商城”項目的管理后臺	“學子商城”項目重構	了解軟件開發(fā)流程，學習從功能分析到軟件設計、再到功能實現(xiàn)的整個開發(fā)流程，能夠熟練使用Angular的相關知識，實現(xiàn)Web應用程序的開發(fā)，并實現(xiàn)和其他框架的整合
就業(yè)沖刺	“沖刺項目”：整合H5 Canvas繪圖/ECharts.js數(shù)據可視化技術、WebWorker性能優(yōu)化方案、WebStorage客戶端存儲、WebSocket數(shù) 據推送服務、MySQL數(shù)據庫、Redis緩存數(shù)據、Node.js/Express服務器、數(shù)據爬蟲技術、Vue.js MVVM框架、Element-UI組件庫、Mint-UI組件庫、Axios、二維碼生成等多種技術實現(xiàn)的移動端SPA應用，及數(shù)據管理后臺子系統(tǒng)，熟練使用Webpack項目構建工具，Git和Github 管理代碼版本工具、云服務器部署項目；前端：App的技術演進（Native、H5/WebView、JavaScript Core、Flutter）、Dart語言、PWA技術規(guī)范、WebGL和Three.js、WebVR和WebAR	就業(yè)沖刺項目、行業(yè)新技術體驗	理解企業(yè)項目設計開發(fā)部署流程及日常編碼規(guī)范，掌握Vue.js全家桶在項目中的配合使用；熟練掌握組件式項目開發(fā)及前后端分離的WEB項目架構；了解前端行業(yè)新動態(tài)、把握技術發(fā)展脈絡、強化自我學習能力