班級規(guī)模及環(huán)境--熱線:4008699035 手機:15921673576( 微信同號) |
為了保證培訓效果,增加互動環(huán)部份,我們堅持小班授部份,每期報名人數(shù)限3到5人,多余人員安排到下一期進行。 |
上部份間和地點 |
上部份地點:【上海】同濟大學(滬西)/新城金郡商務樓(11號線白銀路站) 【深圳分部】:電影大廈(地鐵一號線大劇院站)/深圳大學成教院 【北京分部】:北京中山學院/福鑫大樓 【南京分部】:金港大廈(和燕路) 【武漢分部】:佳源大廈(高新二路) 【成都分部】:領館區(qū)1號(中和大道) 【沈陽分部】:沈陽理工大學/六宅臻品 【鄭州分部】:鄭州大學/錦華大廈 【石家莊分部】:河北科技大學/瑞景大廈
最近開部份間(周末班/連續(xù)班/晚班):2020年3月16日 |
實驗設備 |
◆部份: 共5 部份,30學時
☆注重質(zhì)量
☆邊講邊練
☆合格學員免費推薦工作
★實驗設備請點擊這兒查看★ |
質(zhì)量保障 |
1、培訓過程中,如有部分內(nèi)容理解不透或消化不好,可免費在以后培訓班中重聽;
2、培訓結束后,授課老師留給學員聯(lián)系方式,保障培訓效果,免費提供課后技術支持。
3、培訓合格學員可享受免費推薦就業(yè)機會。 |
課程大綱 |
|
了解Web前端及開發(fā)前的準備
1.WEB前端現(xiàn)狀
2.IDE環(huán)境介紹安裝配置
3.WebStorm使用
4.WebStorm快捷鍵
DTD文檔模型及HTML基礎元素
1.DTD文檔模型介紹
2.HTML基礎元素
3.HTML骨架
HTML框架集與布局
1.frameset框架集
2.iframe內(nèi)聯(lián)框架
3.div css布局
4.table布局
HTML Form表單提交
1.基礎表單
2.input輸入框
3.輸入框類型
4.文本域
5.列表
6.label
HTML5新增元素(一)
1.HTML5新增元素(footer、header等)
2.HTML實體
3.編碼格式
CSS基本樣式、基礎選擇器、選擇器優(yōu)先級
1.類選擇器
2.id選擇器
3.元素選擇器
4.關系選擇器
5.屬性選擇器
6.偽類選擇器
7.偽元素選擇器
8.選擇器優(yōu)先級
9.基本樣式(背景,字體等)
CSS浮動、定位
1.浮動
2.清除浮動
3.定位(position)
4.z-index
CSS盒子模型
1.內(nèi)邊距(padding)
2.外邊距(margin)
3.邊框
怪異盒子模型、伸縮盒子模型
1.怪異盒子模型
2.新伸縮盒子
3.舊伸縮盒子
4.伸縮盒子屬性
HTML與CSS實例操作
1.HTML與CSS布局使用及樣式添加
CSS3動畫
1.2D變換
2.過渡
3.動畫
CSS3媒體查詢、CSS3多列布局
1.媒體查詢(Media Queries)
2.grid
3.多列布局
4.用戶界面
CSS3繪制特殊圖形
1.繪制三角形
2.繪制矩形
3.繪制梯形
4.繪制特殊圖形
雪碧圖、滑動門
1.CSS Sprite
2.雪碧圖優(yōu)化
3.CSS滑動門
4.滑動門實例操作
滑動門導航欄實例操作
1.模擬各大網(wǎng)站導航滑動門效果實現(xiàn)
Bootstrap詳解(一)
1.BS柵格系統(tǒng)
2.BS排版
3.BS代碼
4.BS表格
5.BS表單
6.BS按鈕
7.BS圖片
8.BS輔助類
9.BS響應式工具
Bootstrap詳解(二)
1.BS字體圖標
2.BS下拉菜單
3.BS按鈕組
4.BS輸入框
5.BS導航
6.BS徽章
7.BS巨幕
8.BS頁面
9.BS縮略圖
10.BS警告框
11.BS進度條
12.BS面板
13.BS Well
深入定位
1.子父級定位的深度講解
HTML與CSS實例操作
1.使用BS完成站點搭建
HTML5新增元素(二)
1.HTML5新增元素(表單新增屬性)
認識JavaScript
1.導論
2.JavaScript歷史
3.基本語句
4.變量
5.大小駝峰命名規(guī)則
數(shù)據(jù)類型、條件語句、分支語句
1.數(shù)據(jù)類型
2.if結構
3.if…else
4.switch語句
5.while
6.for循環(huán)
7.do…while
8.break和continue
9.typeof
10.null和undefined
字符串詳解
1.定義
2.轉義
3.字符串與數(shù)組
4.length屬性
5.字符集
6.Base64轉碼
7.String屬性
8.String方法
數(shù)組詳解
1.數(shù)組定義
2.數(shù)組本質(zhì)
3.length屬性
4.類似數(shù)組對象
5.in運算符
6.for…in
7.數(shù)組空位
8.數(shù)組的靜態(tài)方法
9.Array的實例方法
10.ES5新加入的數(shù)組方法
對象、函數(shù)、數(shù)值
1.對象定義
2.對象創(chuàng)建
3.with語句
4.函數(shù)概述
5.函數(shù)的屬性和方法
6.函數(shù)作用域
7.函數(shù)參數(shù)
8.數(shù)值精密計算
Math函數(shù)、作用域
1.Math函數(shù)
2.Math函數(shù)方法
3.作用域詳解
DOM操作(1)
1.Node節(jié)點
2.Document節(jié)點
3.Element節(jié)點
4.Text節(jié)點和DocumentFragment
DOM操作(2)
1.Event對象
2.CSS操作
排序算法
1.冒泡排序
2.快速排序
3.插入排序
4.數(shù)組去重
5.遞歸
6.隨機數(shù)算法
實戰(zhàn)操作
1.ofans靜態(tài)布局
2.動態(tài)修改數(shù)據(jù)
事件詳解
1.事件流
2.事件處理程序
3.事件對象
4.事件類型
5.內(nèi)存和性能
6.模擬事件
BOM對象
1.window對象
2.location對象
3.navigator對象
4.screen對象
5.history對象
6.定時器
預解釋
1.帶var關鍵字預解釋
2.帶function關鍵字預解釋
3.無節(jié)操預解釋
作用域
1.局部作用域
2.全局作用域
this關鍵字
1.自執(zhí)行函數(shù)this指向
2.DOM中this指向調(diào)用元素
3.函數(shù)中,誰調(diào)用了當前函數(shù),this就指向誰
4.在構造函數(shù)模式類中,this.xxx =xxx;this指向當前類的實例對象
5.我們使用call和apply可以任意修改類的指向問題
call和apply
1.call關鍵字
2.apply關鍵字
閉包
1.閉包與變量
2.關于this關鍵字
3.內(nèi)存泄露
原型和原型鏈
1.原型詳解
2.原型圖繪制
3.原型鏈
面向?qū)ο?br>
1.理解對象
2.創(chuàng)建對象
3.繼承
封裝、繼承和多態(tài)
1.封裝
2.原型回顧
3.繼承
4.多態(tài)
DOM實現(xiàn)原理和DOM深入
1.DOM實現(xiàn)原理
2.DOM深入
正則表達式及實戰(zhàn)
1.正則對象的屬性和方法
2.字符串對象的方法
3.匹配規(guī)則
4.電話號碼、郵箱等驗證
JSON和JSON解析
1.JSON對象
2.JSON格式
3.JSON方法
4.JSON解析
事件原理及自定義事件
1.事件原理
2.自定義事件
拖拽和原生拖拽事件
1.拖拽實現(xiàn)
2.原生拖拽
Http協(xié)議及Ajax
1.Http協(xié)議
2.Ajax請求
3.XHR對象
4.狀態(tài)碼
Ajax詳解及跨域處理
1.理解跨域訪問
2.解決跨域訪問
3.跨域訪問原理
4.跨域訪問多種處理方案
惰性函數(shù)及函數(shù)柯里化
1.惰性函數(shù)
2.函數(shù)柯里化
3.實例引入
Bootstrap JS部分
1.BS過渡效果
2.BS模態(tài)框
3.BS下拉菜單
4.BS滾動監(jiān)聽
5.BS標簽頁
6.BS工具提示
7.BS彈出框
8.BS警告框
9.BS按鈕
10.Collapse
11.Carousel
實戰(zhàn)操作使
用原生js完成頁面效果及異步請求
本地存儲
1.Web Sql
2.Local Storage
3.session Storage
4.cookie
5.Application Cache
jQuery選擇器
1.屬性選擇器
2.基礎選擇器
3.子元素選擇器
4.內(nèi)容過濾
jQuery DOM屬性
1.class屬性
2.復制元素
3.DOM插入
4.DOM移除
5.DOM替換
6.通用屬性
7.CSS屬性
jQuery事件
1.瀏覽器事件
2.文檔加載
3.綁定事件處理器
4.事件對象
5.表單事件
6.鍵盤事件
7.鼠標事件
jQuery特效及遍歷
1.基本特效
2.自定義
3.漸變
4.滑動
5.過濾
6.遍歷
jQuery Ajax
1.全局Ajax事件處理器
2.輔助函數(shù)
3.底層接口
4.快捷方法
jQuery實戰(zhàn)
1.實戰(zhàn)操作
jQuery動畫
1.常用的jquery動畫庫
jQuery實戰(zhàn)
1.jquery實戰(zhàn)操作
前后臺交互
1.了解后端
2.了解數(shù)據(jù)來源
3.掌握數(shù)據(jù)獲取方式
4.掌握數(shù)據(jù)庫,后端前端的交互方式
地圖定位及開放平臺接入
1.地圖定位
2.百度平臺
3.騰訊平臺
設計模式
1.構造函數(shù)模式
2.單例模式
3.工廠模式
設計模式
1.命令模式
2.模塊模式
3.原型模式
4.組合模式
5.觀察者模式
工具庫開發(fā)
1.事件庫
2.DOM庫
實戰(zhàn)開發(fā)
實戰(zhàn)開發(fā)
了解nodejs
1.搭建node環(huán)境
2.HTTP
3.搭建node服務器
4.node鏈接MongoDB
Angular入門
1.AngularJS簡介
2.開發(fā)第?一個AngularJS程序
3.前端MVC的設計和搭建
4.數(shù)據(jù)雙向綁定
5.Controllers
6.$scope
Angular服務
1.service
2.使用$http查詢mysql
Angular路由與多視圖
1.Angular路由與多視圖
Angular實戰(zhàn)
1.Angular實戰(zhàn)
Grunt和Gulp構建工具
1.grunt介紹
2.grunt環(huán)境搭建
3.grunt任務編寫
4.gulp介紹
5.gulp環(huán)境搭建
6.gulp任務編寫
SVN及Git協(xié)同開發(fā)
1.SVN環(huán)境搭建
2.使用SVN協(xié)同開發(fā)
3.Git命令
4.使用GIt協(xié)同開發(fā)
了解ES6
1.ES6介紹
2.ES6語法改變
3.ES6新增
React
1.React
前端開發(fā)優(yōu)化
1.前端開發(fā)優(yōu)化
移動端開發(fā)
1.移動端開發(fā)
PHP基礎
1.PHP簡介
2.PHP語法
3.PHP變量
4.PHP運算符
5.PHP循環(huán)語句
6.PHP分支語句
7.PHP函數(shù)
8.PHP數(shù)組
PHP表單
1.PHP表單處理
2.PHP表單驗證
3.PHP表單必填
PHP文件操作
1.PHP文件
2.PHP文件打開/讀取
3.PHP文件創(chuàng)建/寫入
4.PHP文件上傳
5.Cookies
6.Sessions
PHP鏈接MySql
1.MySql介紹
2.MySql Connect
3.MySql增刪改查
PHP與AJAX
1.PHP AJAX
|