自學能力差,零基礎學習web好困難,達內為你搭建Web小白進階之路,100天變身Web大神。
WEB前端知識體系包括哪些內容?
我適合學WEB前端嗎?
邊學邊練、實戰項目訓練
PC/ 響應式 / 移動 / 小程序前臺 + 后臺全棧項目。
扎實代碼功底,應對企業需求。
懂后臺的 Web,更有效團隊配合。
混編 App 開發,發展前景更廣闊。
微信公眾號及小程序開發,更適應市場需求。
大型項目實操練手
課程由淺入深,循環漸進
學習階段 | 課程模塊 | 實訓目標 |
服務器端技術 |
項目導入 :WEB 程序的結構與部署、項目開發流程、項目需求分析 |
“學子商城”項目導入,了解 WEB 程序的開發流程,理解 WEB 程序的結構與部署,了解項目需求,學習標準開發文檔 |
數據庫和 SQL:服務器概述、數據庫服務器、創建數據庫、創建數據表、基礎查詢、復雜查詢、關聯查詢、增刪改操作、常用函數 |
“學子商城”項目所用數據庫,使用 MySQL 創建“學子商城”項目所用數據庫,根據需求完成數據表的創建,并熟練掌握各種常用數據庫操作 |
|
JS 基礎:JavaScript 的 V8 引擎運行環境、JavaScript 代碼的編寫與調試、JavaScript 的基礎語法、變量與常量、數據類型及其轉換應用、運算符和表達式、函數的定義及使用、變量與作用域、函數作用域、程序的流程控制、條件語句與循環語句、數組的定義和使用、數組 API、二維數組的使用、String 的使用及 API、正則表達 式 的定 義和 使 用、常用內置 對 象(Math、Date、Number、Boolean)、錯誤處理 |
“學子商城”項目服務器端應用,理解 JavaScript 的語言原理與運行模式,熟練掌握 JavaScript 核心編程技巧,能夠熟練使用 JavaScript 實 現 邏 輯 算法、 流 程 控 制、 函 數,以及常用 API |
|
Node.js:搭建服務器端運行環境、 交互模式和腳本模式、 常用模塊、NPM、Yarn、 事件循環、文件 I/O、訪問數據庫、Express 框架、Webpack 打包 |
了解 Node.js 服務器端應用特性,掌握常用模塊,熟悉 NPM 模塊管理,在學會文件 I/O 操作基礎上,結合數據庫訪問,創建動態 Web 應用 |
|
階段項目:項目搭建、服務器端功能實現:商品添加、商品刪除、商品列表、商品詳情、商品修改、用戶注冊、刪除用戶、修改注冊信息、用戶列表、用戶登錄 |
“學子商城”之商品和用戶模塊服務器端接口,掌握基于單一數據庫表的增刪改查操作 |
|
前端核心技術 |
HTML 基礎: HTML5快速入門、 文本、 圖像、 鏈接、 表格、 列表、 表單、iframe |
“學子商城”之客戶端請求,熟練掌握各種 HTML 標簽,能夠手動快速完成各種頁面的編寫 |
HTTP&AJAX: Ajax 原理、AJAX 實現方式、get 與 post 提交、JSON 的定義和使用、HTTP 協議、HTTP 請求、HTTP 響應、HTTP 優化 |
深入理解Ajax 的基本通信原理, 掌握基于JSON 的數據規則,透徹理解HTTP協議,能夠熟練使用 Ajax 實現與服務器的異步通信,實現服務器端的通信分析,并完成頁面的局部提交和刷新 |
|
階段項目: 項目搭建、項目資源管理、靜態頁面編寫、服務器端功能實現、前后端數據交互 |
“學子商城”之用戶模塊,結合服務器端和 AJAX 知識,實現網站與服務器的交互功能,包括登錄、注冊、個人中心、用戶信息維護等功能,深入理解 WEB 程序的結構和運行原理以及項目的開發流程 |
|
CSS 基礎:CSS3 基礎語法、各種選擇器(通用選擇器、元素選擇器、id 和class 選擇器、后代選擇器、偽類選擇器等)、框模型與背景、文本格式化、表格、顯示與定位 |
“學子商城”之用戶模塊的靜態頁面完善,熟練掌握各種常用 CSS 選擇器以及 CSS 樣式的定義和使用,能夠手動完成各種頁面樣式的定義和編寫 |
|
CSS3 高級: 復雜選擇器、2D/3D 轉換(包括移動、旋轉、傾斜和縮放和視點)、過渡、動畫、彈性布局、CSS Hack 和優化、瀏覽器兼容性 |
熟練掌握各種 CSS 復雜選擇 器以 及高級 應 用,實現頁面的彈性布局,實現復雜頁面效果的制作,理解 CSS Hack 和 CSS 優化,能夠手動完成各種頁面樣式的定義和編寫,并保證瀏覽器兼容性 |
|
響應式&Bootstrap:媒體查詢技術、CSS 的 @media 規則、手動編寫以及測試響應式網頁、Bootstrap 基礎及其基礎模板、全局 CSS 樣式(包括布局、按鈕、圖片等)、柵格系統、組件(包括導航菜單、列表、警告框等)、JS 插件(包括模態框、工具提示等)、Sass 及 Bootstrap 定制 |
“學子商城”之商品模塊( 響應式版本 ),理解響應式布局的原理,熟 練掌握 Bootstrap的核心 API,能夠熟練應用 Bootstrap 的全局樣式、組件以及 JS 插件來實現響應式布局的開發、測試以及功能交互,并能夠使用 Sass 語言實現動態樣式的編寫以及定制 |
|
階段項目: 響應式版本的首頁、商品列表頁、商品詳情頁 |
熟練掌握媒體查詢的使用,使用柵格布局系統實現響應式頁面布局、使用 Sass 動態樣式語言實現 Bootstrap 默認樣式的定制 |
|
前端進階技術 |
JS 高級:Function 與匿名函數、作用域與閉包、面向對象編程、Object對象與對象模板、 原型與繼承、 原型鏈、ECMAScript 5 和ECMAScript 6 的新特性 |
“學子商城”項目之商品模塊的頁面編寫、功能實現以及服務器交互功能完善,理解 JavaScript 的語言原理與運行模式,熟練掌握 JavaScript 核心編程技巧,能夠熟練使用 JavaScript 實現邏輯算法、流程控制、界面驗證以及功能實現 |
BOM&DOM:Document 對象、節點對象、節點樹、選取并讀取節點、文檔遍歷以及增加節點、刪除節點、元素樣式編輯、Window 對象、定時器、BOM 模型、事件的定義及處理、event 對象、location 對象、history 對象、screen 對象、cookie 對象的使用 |
深入理解 DOM 和 BOM 理論,熟練掌握 DOM 編程,能夠熟練的使用 JavaScript 原生代碼對頁面進行處理,完成各種頁面動態效果以及動態交互的實現 |
|
階段項目 :WEB 項目頁面功能實現 |
“學子商城”項目中頁面功能的實現,熟練掌握原生 DOM&BOM 操作,實現常見的頁面交互效果 :輪播廣告、樓層滾動、標簽頁等 |
|
jQuery:jQuery 原理、jQuery 的使 用步驟、jQuery 選擇器(包括基 本選擇器、層次選擇器、過濾選擇器、表單選擇器)、jQuery 的 DOM 操作(包括 HTML 頁面元素的增刪改查)、jQuery 事件、事件冒泡與事件處理、jQuery 動畫、jQuery 常用 Plug-in、開發 jQuery 插件、jQuery 擴展、jQuery 的 AJAX 應用、AJAX 的增強操作、JSONP 與跨域訪問 |
“學子商城”項目的購物車功能實現,掌握 JQuery 核心 API,深入理解 JQuery 設計原 則,了解多種 JQuery 插 件,能 夠 熟 練使 用 JQuery 編程,實現頁面各種功能、效果以及服務器端交互 |
|
階段項目: 項目完善、服務器端功能實現、前后端數據交互、復雜跨域訪問 |
“學子商城”之訂單模塊,進一步完善項目中購物車、訂單相關功能,熟練掌握全棧開發中,從前端到后臺開發的全部技能 |
|
Vue.js:Vue.js 開發概述、環境搭建、 Vue 指令、 組件化應用構建、組件通信、組件嵌套、自定義指令、 自定義過濾器、組件屬性、組件的路由、路由跳轉、Axios、Vuex 等 |
“學子商城”后臺子系統,理解 Vue.js 的框架原理,熟練掌握數據驅動的漸進式框架,能夠熟練使用 Vue.JS 實現視圖層的開發,驅動復雜的單頁應用 |
|
階段項目:使用框架技術實現“學子商城”項目的重構(視圖層) |
深入理解電商項目前臺站點和后臺管理站點的需求,基于后臺功能接口,實現后臺管理站點的WEB 前端功能開發 |
|
H5 移動端開發 |
Vue.js 組件庫:基 于 Vue.js 的 移 動 UI 組 件 庫 Mint UI, 常用 JS 組 件(Toast、InfiniteScroll、Swipe 等 )、CSS 組 件(Header、Tabbar、Navbar 等)、表單組件(Switch、Checklist、Field 等) |
“學子商城”移動版客戶端,掌握基于Vue.js的生態系統中提供的常見UI組件庫的原理和使用方法,了解自定義 UI 組件的方法,掌握更多的擴展組件庫的自學技巧 |
階段項目: 項目商品模塊、用戶模塊和購物車模塊的功能點 |
掌握 Vue.js 整合第三方 UI 組件庫的使 用方法,熟練使用Mint UI 移動組件庫編寫 WebApp 應用 |
|
H5 高級:表單功能、增強的表單控件、新表單元素及屬性、表單驗證、音頻和視頻 處理、Canvas 繪制及圖像處理、Chart.js 框架的使用、SVG 元素及使用、Two.js 框架的使用、ECharts 框架的使用、Geolocation API、百度地圖 API、Web Storage API(包括sessionStorage 和 localStorage)、HTML5 拖放、拖放事件及相關對象、Web Worker、Web Socket |
“學子商城”項目細節優化,熟練掌握 HTML5 的各種新特性,能夠熟練使用新表單特性實現頁面功能,能夠實現頁面中的音視頻處理,實現復雜繪圖以及圖表繪制,實現頁面的地理定位操作以及頁面的離線存儲功能,能夠熟練使用 HTML5 進行各種 Web 應用開發 | |
階段項目: 項目完善、WEB 項目中 H5 功能的實現(實時訪問統計、歷史記錄等、富客戶端編輯器、后臺上傳等) |
分析頁面功能需求,能夠熟練使用 HTML5 的相關技術實現 WEB 應用開發,使用原生技術完成整個項目的 PC 版本的開發,熟練掌握原生代碼開發技能 |
|
微信:微信開發準備(包括帳號注冊、空間申請、域名解析等)、微信公眾帳號開發及維護、JS-SDK API、微信小程序開發、WXML /WXSS 語法、微信小程序常用組件及 API |
“學子商城”項目的微信推廣功能,了解微信公眾平臺開發及維護的相關知識,掌握微信產品設計和接口開發實現的相關技能,能夠基于微信平臺開發微信應用小程序 |
|
階段項目:項目微信小程序版本開發,實現商品模塊和購物車模塊功能點 |
熟練掌握微信小程序的開發流程、常用組件和常用 API |
|
HybridApp:混編APP概述、PhoneGap/Cordova 環境搭建、移動端事件處理、震動蜂鳴和加速度、地理位置和指南針等傳感器的使用、多媒體控制、聲音和圖像采集 |
APP 版本的打包部署,熟練使用 PhoneGap/Cordova 實現混編 APP 開發,熟練完成 APP 的遷移和部署 |
|
框架技術 |
Angular生態系統:設計原則和模 式、Angular 的表 達 式 和指 令、MVC 編程模 型、控制器、雙向數據綁定、過濾器和函數、服務和依賴注入、文件壓縮、模塊化編程、單頁應用、路由、事件綁定、TypeScript、移動端開發支持、RxJS、國際化 |
“學子商城”項目重構,理解 AngularJS 的框架原理,熟練掌握 MVC 編程模式,能夠熟練使用 AngularJS 實現頁面的重構和單頁面 WEB 應用程序的開發 |
階段項目: 使用框架技術實現“學子商城”項目的重構(MVC 模式) |
了解軟件開發流程,學習從功能分析到軟件設計、再到功能實現的整個開發流程,能夠熟練使用 AngularJS 的相關知識,實現 Web 應用程序的開發,并實現和其他框架的整合 |
|
生態系統:React.js 概述、環境搭建、JSX、組件、state、組件生命周期、事件處理、表單、虛擬 DOM 算法簡析、實現 ToDoList、React native 概述、React native 開發 |
“學子商城”后臺管理項目:PC 版、APP版,理解 React 的框架原理,熟練掌握組件的構建以及復用,能夠熟練使用 ReactJS 實現視圖層的創建和渲染 ;學習 react native,構建功能強大且流暢的 APP |
|
階段項目:使用跨平臺移動應用開發框架, 結合 web 前端技術, 實現Hybrid App 的開發 |
學習 UI 組件開發技術,熟練掌握 react native的開發技能,能夠靈活選擇框架技術并實現 APP的開發 |
|
Python Web:Python 基本語法、數據類型、運算符、邏輯結構、函數和對象、模塊和包、數據庫訪問;Django 框架、視圖、模板系統、數據訪問、RESTful 接口開發 |
“學子商城”項目服務器端重構,掌握 Python 語言基本語法,注意與 JS&Node.js 的異同之處 ;熟練使用 Django 框架 |
|
畢業項目:學習使用 SVN 進行源代碼管理,以及使用 GitHub 進行代碼托管,理解開源代碼庫以及版本控制系統的相關知識,學習多個項目的需求分析及開發流程、前后端分離的項目架構設計,以及完整項目在 Linux 云 服務器環境下的部署 |
項目庫中多個備選項目,通過項目庫中多個備選項目的學習,深入理解項目的開發流程、需求、項目搭建以及部署發布,熟練掌握前后端分離的 WEB 項目從前端到后臺的完整開發技能 |
真實上線、中大型電商項目
選對好老師,成就高薪夢
用友軟件股份有限公司前資深項目經理,哈爾濱工業大學碩士,具備多年的的軟件設計和開發經驗。
曾工作于中國互聯網中心、中軟國際等機構,先后任教于華育國際、IBM產品基地、達內科技等組織。
達內集團互聯網技術講師, 主講HTML5、 CSS3、交互設計、原型設計與制作、 JavaScript 等課程。
美國PMP認證項目經理,微軟認證解決方案開發家,先后在中軟國際、中國搜索、太極計算機擔任開發工程師。
走廊
門面
休息區
課室
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:詳詢
¥詢價課時:1.5個月
¥詢價課時:詳詢