鄭州達內(nèi)教育

使用HTML/CSS/JS以及更多的框架技術(shù)，編寫網(wǎng)站頁面、App應用、小程序、2D&3D游戲、Web VR&AR等應用，**內(nèi)容設計、交互動畫、數(shù)據(jù)操作構(gòu)建項目與用戶的交互界面。前端開發(fā)工程師在項目中可以與UI設計師和后臺程序員合作，實現(xiàn)設計意圖并調(diào)用后臺接口；也可以獨立工作，完成強用戶交互的各類應用。

達內(nèi)Web 前端開發(fā)工程師特色

既懂前端開發(fā)+前端核心 + 三大框架 + 移動端開發(fā)全面&深入

又懂后端開發(fā)+200名實戰(zhàn)技術(shù)講師，開設技術(shù)更強的27大技術(shù)課程

還懂企業(yè)需求+達內(nèi)有14萬家合作企業(yè)，所以更懂企業(yè)招聘需求

邊學邊練、實戰(zhàn)項目訓練

1功底實 : 扎實代碼功底，應對企業(yè)需求！

2懂后臺 : 懂后臺的 Web，更有效團隊配合！

3大項目 : PC/ 響應式 / 移動 / 小程序前臺 + 后臺的企業(yè)級全棧項目！

4會微信 : 微信公眾號及小程序開發(fā)，更適應市場需求！

5擅混編 : 混編 App 開發(fā)，發(fā)展前景更廣闊！

web前端培訓大綱

服務器端技術(shù)

項目導入

課程內(nèi)容：WEB 程序的結(jié)構(gòu)與部署、項目開發(fā)流程、項目需求分析

項目貫穿：“學子商城”項目導入

實訓目標：了解 WEB 程序的開發(fā)流程，理 解 WEB 程序的結(jié)構(gòu)與部署，了解項目需求，學習標準開發(fā)文檔數(shù)據(jù)庫和 SQL

課程內(nèi)容：服務器概述、數(shù)據(jù)庫服務器、創(chuàng)建數(shù)據(jù)庫、創(chuàng)建數(shù)據(jù)表、基礎(chǔ)查詢、復雜查詢、關(guān)聯(lián)查詢、增刪改操作、常用函數(shù)

項目貫穿：“學子商城”項目所用數(shù)據(jù)庫

實訓目標：使用 MySQL 創(chuàng)建“學子商城”項目所用數(shù)據(jù)庫，根據(jù)需求完成數(shù)據(jù)表的創(chuàng)建，并熟練掌握各種常用數(shù)據(jù)庫操作JS 基礎(chǔ)

課程內(nèi)容：JavaScript 的 V8 引擎運行環(huán)境、JavaScript 代碼的編寫與調(diào)試、JavaScript 的基礎(chǔ)語法、變量與常量、數(shù)據(jù)類型及其轉(zhuǎn)換應用、運算符和表達式、函數(shù)的定義及使用、變量與作用域、函數(shù)作用域、程序的流程控制、條件語句與循環(huán)語句、數(shù)組的定義和使用、數(shù)組 API、二維數(shù)組的使用、String 的使用及 API、正則表達 式 的定 義和 使 用、常用內(nèi)置 對 象（Math、Date、Number、Boolean）、錯誤處理

項目貫穿：“學子商城”項目服務器端應用

實訓目標：理解 JavaScript 的語言原理與運行模式，熟練掌握JavaScript核心編程技巧，能夠熟練使用JavaScript實現(xiàn)邏輯算法、流程控制、函 數(shù)，以及常用 API

Node.js

課程內(nèi)容：搭建服務器端運行環(huán)境、 交互模式和腳本模式、 常用模塊、NPM、Yarn、事件循環(huán)、文件 I/O、訪問數(shù)據(jù)庫、Express 框架、Webpack 打包

項目貫穿：“學子商城”項目導入

實訓目標：了解 Node.js 服務器端應用特性，掌握常用模塊，熟悉 NPM 模塊管理，在學會文件 I/O 操作基礎(chǔ)上，結(jié)合數(shù)據(jù)庫訪問，創(chuàng)建動態(tài) Web 應用

階段項目

課程內(nèi)容：項目搭建、服務器端功能實現(xiàn)：商品添加、商品刪除、商品列表、商品詳情、商品修改、用戶注冊、刪除用戶、修改注冊信息、用戶列表、用戶登錄

項目貫穿：“學子商城”之商品和用戶模塊服務器端接口

實訓目標：掌握基于單一數(shù)據(jù)庫表的增刪改查操作

前端核心技術(shù)

HTTP&AJAX

課程內(nèi)容：Ajax 原理、AJAX 實現(xiàn)方式、get 與 post 提交、JSON 的定義和使用、HTTP 協(xié)議、HTTP 請求、HTTP 響應、HTTP 優(yōu)化

項目貫穿：“學子商城”項目所用數(shù)據(jù)庫

實訓目標：深入理解 Ajax 的基本通信原理，掌握基于JSON 的數(shù)據(jù)規(guī)則，透徹理解 HTTP 協(xié)議，能夠熟練使用 Ajax 實現(xiàn)與服務器的異步通信，實現(xiàn)服務器端的通信分析，并完成頁面的局部提交和刷新

階段項目

課程內(nèi)容：

項目搭建、項目資源管理、靜態(tài)頁面編寫、服務器端功能實現(xiàn)、前后端數(shù)據(jù)交互

項目貫穿：“學子商城”之用戶模塊

實訓目標：結(jié)合服務器端和 AJAX 知識，實現(xiàn)網(wǎng)站與服務器的交互功能，包括登錄、注冊、個人中心、用戶信息維護等功能，深入理解 WEB 程序的結(jié)構(gòu)和運行原理以及項目的開發(fā)流程

CSS 基礎(chǔ)

課程內(nèi)容：CSS3 基礎(chǔ)語法、各種選擇器（通用選擇器、元素選擇器、id 和 class 選擇器、后代選擇器、偽類選擇器等）、框模型與背景、 文本格式化、表格、顯示與定位

項目貫穿：“學子商城” 之用戶模塊的 靜態(tài)頁面完善

實訓目標：熟練掌握各種常用 CSS 選擇器以及 CSS 樣式的 定義和使用，能夠手動完成各種頁面樣式的定義 和編寫

CSS3 高級

課程內(nèi)容：復雜選擇器、2D/3D 轉(zhuǎn)換（包括移動、旋轉(zhuǎn)、傾斜和縮放和視點）、 過渡、動畫、彈性布局、CSS Hack 和優(yōu)化、瀏覽器兼容性

項目貫穿：“學子商城” 之用戶模塊的 靜態(tài)頁面完善

實訓目標：熟練掌握各種 CSS 復雜選擇 器以 及高級 應 用， 實現(xiàn)頁面的彈性布局，實現(xiàn)復雜頁面效果的制作， 理解 CSS Hack 和 CSS 優(yōu)化，能夠手動完成各 種頁面樣式的定義和編寫，并保證瀏覽器兼容性

響應式&Bootstrap

課程內(nèi)容：媒體查詢技術(shù)、CSS 的 @media 規(guī)則、手動編寫以及測試響應 式網(wǎng)頁、Bootstrap 基礎(chǔ)及其基礎(chǔ)模板、全局 CSS 樣式（包括布局、 按鈕、圖片等）、柵格系統(tǒng)、組件（包括導航菜單、列表、警告框等）、 JS 插件（包括模態(tài)框、工具提示等）、Sass 及 Bootstrap 定制

項目貫穿：“學子商城”之商品模塊( 響應式版本 )

實訓目標：理解響應式布局的原理，熟練掌握 Bootstrap 的核心 API，能夠熟練應用 Bootstrap 的全局樣 式、組件以及 JS 插件來實現(xiàn)響應式布局的開發(fā)、 測試以及功能交互，并能夠使用 Sass 語言實現(xiàn) 動態(tài)樣式的編寫以及定制

階段項目

課程內(nèi)容：響應式版本的首頁、商品列表頁、商品詳情頁

項目貫穿：“學子商城”之商品模塊( 響應式版本 )

實訓目標：熟練掌握媒體查詢的使用，使用柵格布局系統(tǒng)實 現(xiàn)響應式頁面布局、使用 Sass 動態(tài)樣式語言實 現(xiàn) Bootstrap 默認樣式的定制