鄭州達(dá)內(nèi)教育

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

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

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

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

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

邊學(xué)邊練、實(shí)戰(zhàn)項(xiàng)目訓(xùn)練

1功底實(shí) : 扎實(shí)代碼功底，應(yīng)對(duì)企業(yè)需求！

2懂后臺(tái) : 懂后臺(tái)的 Web，更有效團(tuán)隊(duì)配合！

3大項(xiàng)目 : PC/ 響應(yīng)式 / 移動(dòng) / 小程序前臺(tái) + 后臺(tái)的企業(yè)級(jí)全棧項(xiàng)目！

4會(huì)微信 : 微信公眾號(hào)及小程序開發(fā)，更適應(yīng)市場(chǎng)需求！

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

web前端培訓(xùn)大綱

服務(wù)器端技術(shù)

項(xiàng)目導(dǎo)入

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

項(xiàng)目貫穿：“學(xué)子商城”項(xiàng)目導(dǎo)入

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

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

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

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

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

項(xiàng)目貫穿：“學(xué)子商城”項(xiàng)目服務(wù)器端應(yīng)用

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

Node.js

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

項(xiàng)目貫穿：“學(xué)子商城”項(xiàng)目導(dǎo)入

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

階段項(xiàng)目

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

項(xiàng)目貫穿：“學(xué)子商城”之商品和用戶模塊服務(wù)器端接口

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

前端核心技術(shù)

HTTP&AJAX

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

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

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

階段項(xiàng)目

課程內(nèi)容：

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

項(xiàng)目貫穿：“學(xué)子商城”之用戶模塊

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

CSS 基礎(chǔ)

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

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

實(shí)訓(xùn)目標(biāo)：熟練掌握各種常用 CSS 選擇器以及 CSS 樣式的 定義和使用，能夠手動(dòng)完成各種頁面樣式的定義 和編寫

CSS3 高級(jí)

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

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

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

響應(yīng)式&Bootstrap

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

項(xiàng)目貫穿：“學(xué)子商城”之商品模塊( 響應(yīng)式版本 )

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

階段項(xiàng)目

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

項(xiàng)目貫穿：“學(xué)子商城”之商品模塊( 響應(yīng)式版本 )

實(shí)訓(xùn)目標(biāo)：熟練掌握媒體查詢的使用，使用柵格布局系統(tǒng)實(shí) 現(xiàn)響應(yīng)式頁面布局、使用 Sass 動(dòng)態(tài)樣式語言實(shí) 現(xiàn) Bootstrap 默認(rèn)樣式的定制