達內web前端培訓

小班詳詢

課程優勢：懂后臺：懂后臺的 Web，更有效團隊配合

上課方式：直播,錄播

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

￥ 22800

預約試聽在線咨詢

課程詳情教學點教學環境學員評論

使用HTML/CSS/JS以及更多的框架技術，編寫網站頁面、App應用、小程序、2D&3D游戲、Web VR&AR等應用，通過內容設計、交互動畫、數據操作構建項目與用戶的交互界面。前端開發工程師在項目中可以與UI設計師和后臺程序員合作，實現設計意圖并調用后臺接口；也可以獨立工作，完成強用戶交互的各類應用。

達內Web 前端開發工程師特色

+

既懂前端開發

前端核心 + 三大框架 + 移動端開發全面&深入
+

又懂后端開發

200名實戰技術講師，開設技術更強的27大技術課程
+

還懂企業需求

達內有14萬家合作企業，所以更懂企業招聘需求

邊學邊練、實戰項目訓練

1
功底實 : 扎實代碼功底，應對企業需求！
2
懂后臺 : 懂后臺的 Web，更有效團隊配合！
3
大項目 : PC/ 響應式 / 移動 / 小程序前臺 + 后臺的企業級全棧項目！
4
會微信 : 微信公眾號及小程序開發，更適應市場需求！
5
擅混編 : 混編 App 開發，發展前景更廣闊！

web前端培訓大綱

服務器端技術

時間	內容	培訓目標	備注
項目導入	課程內容：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生態系統	課程內容： React.js 概述、環境搭建、JSX、組件、state、組件生命周期、事件處理、表單、虛擬 DOM 算法簡析、實現 ToDoList、React native 概述、React native 開發項目貫穿：“學子商城”后臺管理項目：PC 版、APP版實訓目標：理解 React 的框架原理，熟練掌握組件的構建以及復用，能夠熟練使用 ReactJS 實現視圖層的創建和渲染；學習 react native，構建功能強大且流暢的 APP
階段項目	課程內容：使用跨平臺移動應用開發框架，結合 web 前端技術，實現Hybrid App 的開發項目貫穿：“學子商城”后臺管理項目：PC 版、APP版實訓目標：學習 UI 組件開發技術，熟練掌握 react native 的開發技能，能夠靈活選擇框架技術并實現 APP 的開發
Python Web	課程內容： Python 基本語法、數據類型、運算符、邏輯結構、函數和對象、模塊和包、數據庫訪問；Django 框架、視圖、模板系統、數據訪問、 RESTful 接口開發項目貫穿：“學子商城” 項目服務器端重構實訓目標：掌握 Python 語言基本語法，注意與 JS&Node. js 的異同之處；熟練使用 Django 框架提供符合 RESTful 風格的服務器端 API
畢業項目	課程內容：學習使用 SVN 進行源代碼管理，以及使用 GitHub 進行代碼托管，理解開源代碼庫以及版本控制系統的相關知識，學習多個項目的需求分析及開發流程、前后端分離的項目架構設計，以及完整項目在 Linux 云服務器環境下的部署項目貫穿：項目庫中多個備選項目實訓目標：通過項目庫中多個備選項目的學習，深入理解項目的開發流程、需求、項目搭建以及部署發布，熟練掌握前后端分離的 WEB 項目