web前端培訓課程
石家莊頑石教育
咨詢熱線 400-001-5729
課程詳情 學校簡介 學校地址 申請試聽
關鍵詞：石家莊web前端培訓班哪家好
web前端培訓課程
平均薪資1.2w+
互聯網+時代來臨，各個行業轉型升級，學習Web前端開發是高薪之選！
需求日益增長
市場需求大，互聯網公司Web前端工程師缺口極大，需要更好的Web工程師。
發展前景廣闊
Web前端工程師發展前景大，漲薪速度快。沒錯，就選這個職位！
| 階段名稱 | 技術名稱 | 技術內容 | 學習目標 |
| WEB基礎階段 | HTML基礎 | 1.安裝webstorm |
1.掌握WebStorm的使用 2.了解HTML對于網頁的意義 3.掌握HTML標簽與屬性 4.掌握常用標簽 5.掌握無序列表、有序列表和自定義列表 6.掌握表單的使用 7.掌握div與標簽的嵌套規則 8.掌握行內元素與塊元素的使用 9.掌握實體字符 10.掌握HTML5新增標簽與屬性 |
| 2.設置webstorm | |||
| 3.HTML介紹 | |||
| 4.HTML屬性和值 | |||
| 5.HTML注釋 | |||
| 6.HTML基本結構 | |||
| 7.標題標簽h1-h6 | |||
| 8.段落標記p | |||
| 9.強制換行br | |||
| 10.水平線hr及其屬性 | |||
| 11.圖片img | |||
| 12.超鏈接a | |||
| 13.address和pre標簽 | |||
| 14.文本格式化標簽b,i,u,em等 | |||
| 15.無序列表 | |||
| 16.有序列表 | |||
| 17.自定義列表 | |||
| 18.表格 | |||
| 19.實體字符 | |||
| 20.內聯框架iframe | |||
| 21.form表單及其action、method、name屬性 | |||
| 22.input | |||
| 23.input常用屬性value，checked，readonly，disabled | |||
| 24.下拉列表 | |||
| 25.多行文本框textarea | |||
| 26.HTML5新增input類型 | |||
| 27.HTML5新增屬性 | |||
| 28.HTML5新增結構標簽 | |||
| 29.視頻和音頻 | |||
| CSS基礎 | 1.css介紹和基礎語法 |
1.掌握CSS基礎 2.掌握CSS引入方式 3.掌握選擇器的使用 4.掌握CSS盒子模型 5.掌握CSS彈性盒子模型 6.掌握浮動與定位 7.掌握字體常見屬性 8.掌握雪碧圖優化站點 9.掌握滑動門展示形式 10.掌握特殊圖形繪制 11.掌握CSS3過渡與動畫 12.掌握CSS3的媒體查詢 |
|
| 2.引入css的方式 | |||
| 3.link和@import的區別 | |||
| 4.css基本選擇器 | |||
| 5.背景屬性 | |||
| 6.字體屬性 | |||
| 7.文本屬性 | |||
| 8.列表屬性 | |||
| 9.關系選擇器 | |||
| 10.屬性選擇器 | |||
| 11.偽類選擇器 | |||
| 12.偽對象選擇器 | |||
| 13.css hack | |||
| 14.標準盒子模型 border、margin、padding屬性 | |||
| 15.IE和模型 | |||
| 16.box-sizing屬性 | |||
| 17.彈性盒 | |||
| 18.瀏覽器內核及廠商前綴 | |||
| 19.浮動及其原理 | |||
| 20.清除浮動的方法 | |||
| 21.display屬性 | |||
| 22.position定位 | |||
| 23.z-index屬性 | |||
| 24.圓角 | |||
| 25.陰影 | |||
| 26.漸變 | |||
| 27.轉換 | |||
| 28.過渡 | |||
| 29.動畫 | |||
| 30.繪制三角形、梯形、圓形 | |||
| 31.媒體查詢 | |||
| 32.多列 | |||
| 32.滑動門 | |||
| 34.雪碧圖 | |||
| 小米官網實戰 | 首先選擇小米官網為第 一個實戰案例，是因為剛開始入門，有個參考點，另外站點比較偏向目前的卡片式設計，實現常見效果。目的為學者練習編寫小米官網，熟悉div+css布局。 | ||
| 迅雷官網 | 此站點特效較多，所以通過練習編寫次站點，學生可以更多練習CSS3的新特性過渡與動畫的實現，并且可以很好的練習div+css布局。 | ||
| 課程類網 | 此站點為響應式站點，在目前常見站點中，響應式設計類站點是非常多的，而且大部分公司的站點都需要支持響應式，所以，通過練習次站點，學者可以熟悉響應式這點的設計流程和實現方式。 | ||
| JavaScript階段 | JavaScript基礎語法 | 1.JavaScript簡介 |
1.熟知JavaScript介紹 2.掌握JavaScript變量聲明 3.掌握JavaScript變量類型與轉換 4.掌握JavaScript運算符操作 5.掌握JavaScript條件分支語句 6.掌握JavaScript循環語句 |
| 2.JavaScript變量 | |||
| 3.JavaScript變量類型 | |||
| 4.JavaScript類型轉換 | |||
| 5.JavaScript運算符 | |||
| 6.JavaScript條件分支語句 | |||
| 7.JavaScript循環語句 | |||
| 數組與對象 | 1.數組定義 |
1.掌握數組定義 2.掌握數字的應用 3.掌握數組的屬性和方法 4.掌握對象的概念 5.掌握對象的屬性和方法 6.熟練應用對象 |
|
| 2.數組的本質 | |||
| 3.數組屬性與運算符 | |||
| 4.數組的循環遍歷 | |||
| 5.數組靜態方法 | |||
| 6.數組的實例方法 | |||
| 7.對象概述 | |||
| 8.對象屬性操作 | |||
| 9.對象的靜態方法 | |||
| 10.對象的實例方法 | |||
| 函數及相關 | 1.函數的概念 |
1.了解函數概念 2.掌握函數的聲明 3.掌握函數的屬性和方法 4.掌握JavaScript中的作用域 5.掌握函數的參數與返回值 6.掌握閉包的應用場景 7.熟練使用閉包 |
|
| 2.函數的聲明 | |||
| 3.函數的屬性和方法 | |||
| 4.函數作用域 | |||
| 5.函數參數 | |||
| 6.函數返回值 | |||
| 7.閉包基本概念 | |||
| 8.閉包實現 | |||
| 9.閉包應用場景 | |||
| 10.自執行函數 | |||
| JavaScript標準庫 | 1.包裝對象 |
1.掌握包裝對象 2.掌握Number對象 3.掌握String對象 4.掌握Math對象 5.掌握Date對象 6.掌握JSON對象 7.掌握正則對象 8.熟悉console對象 |
|
| 2.Number對象 | |||
| 3.String對象 | |||
| 4.Math對象 | |||
| 5.Date對象 | |||
| 6.JSON對象 | |||
| 7.RegExp對象 | |||
| 8.console對象 | |||
| 9.屬性描述對象 | |||
| DOM模型與事件 | 1.DOM概述 |
1.掌握JavaScript DOM操作 2.掌握JavaScript 節點操作 3.掌握事件模型 4.掌握事件操作 5.掌握this關鍵字 5.掌握Event對象 6.熟練編寫自定義事件 7.理解三級聯動邏輯 |
|
| 2.Doucment節點 | |||
| 3.Element節點 | |||
| 4.屬性的操作 | |||
| 5.Text節點 | |||
| 6.DoucmentFragment節點 | |||
| 7.事件模型 | |||
| 8.事件類型 | |||
| 9.事件代理 | |||
| 10.CSS操作 | |||
| 11.自定義事件 | |||
| 12.this關鍵字 | |||
| 13.Event對象 | |||
| 14.移動端事件類型 | |||
| 15.事件實例操作 | |||
| 16.三級聯動 | |||
| 網絡請求與專題 | 1.定時器 |
1.掌握定時器使用 2.掌握BOM對象 3.掌握HTTP協議 4.掌握XHR對象 5.掌握Ajax 6.能夠獨立封裝Ajax網絡請求 7.了解錯誤處理機制 8.建立良好的編程風格 9.掌握本地存儲 10.了解Window對象 |
|
| 2.BOM對象 | |||
| 3.瀏覽器類型區分 | |||
| 4.網絡請求基礎 | |||
| 5.HTTP協議 | |||
| 6.XHR對象 | |||
| 7.XHR實例屬性 | |||
| 8.XHR實例方法 | |||
| 9.XHR實例事件 | |||
| 10.文件上傳 | |||
| 11.封裝網絡請求 | |||
| 12.異步操作 | |||
| 13.錯誤處理機制 | |||
| 14.編程風格 | |||
| 15.跨域處理 | |||
| 16.本地存儲Cookie | |||
| 17.本地存儲WebStorage | |||
| 18.Window對象 | |||
| 19.History對象 | |||
| 面向對象 | 1.對象簡介 |
1.了解面向對象 2.熟悉構造函數 3.掌握new關鍵字 4.掌握原型與原型鏈的使用 5.掌握對象和常見操作 6.掌握繼承與封裝 7.掌握基本設計模式原理 8.掌握觀察者模式 9.掌握MVC和MVVM |
|
| 2.構造函數 | |||
| 3.new 關鍵字 | |||
| 4.實例對象創建 | |||
| 5.Prototype對象 | |||
| 6.原型與原型鏈 | |||
| 7.instanceof運算符 | |||
| 8.對象與繼承 | |||
| 9.對象操作與拷貝 | |||
| 10.多重繼承 | |||
| 11.模塊與封裝 | |||
| 12.設計模式簡介 | |||
| 13.工廠模式 | |||
| 14.觀察者模式 | |||
| 15.單例模式 | |||
| 16.MVC與MVVM | |||
| jQuery階段 | jQuery | 1.jQuery簡介 |
1.熟悉jQuery常見操作 2.熟悉jQuery DOM操作 3.掌握jQuery 核心API 4.掌握jQuery Ajax操作 5.掌握jQuery 選擇器 6.掌握jQuery特效 7.掌握jQuery實戰練習 |
| 2.jQuery DOM操作 | |||
| 3.jQuery事件 | |||
| 4.jQuery表單 | |||
| 5.jQuery CSS操作 | |||
| 6.jQuery核心API | |||
| 7.jQuery特效 | |||
| 8.jQuery尺寸 | |||
| 9.jQuery內部函數 | |||
| 10.jQuery選擇器 | |||
| 11.jQuery遍歷操作 | |||
| 12.jQuery數據操作 | |||
| 13.jQuery Ajax | |||
| 14.jQuery雜項 | |||
| 15.jQuery實戰練習 | |||
| 第三方UI組件庫 | 1.BootStrap介紹 |
1.掌握BootStrap使用 2.掌握BootStrap柵格系統 3.掌握BootStrap全局樣式 4.掌握BootStrap組件應用 5.掌握BootStrap插件應用 6.掌握BootStrap定制需求 7.掌握Swiper的應用 8.掌握REM移動端適配 9.掌握Echarts圖表 |
|
| 2.BootStrap引入 | |||
| 3.BootStrap柵格系統 | |||
| 4.BootStrap全局CSS樣式 | |||
| 5.BootStrap組件應用 | |||
| 6.BootStrap JavaScript插件 | |||
| 7.BootStrap定制需求 | |||
| 9.BootStrap實例操作 | |||
| 10.Swiper3.x應用 | |||
| 11.Swiper4.x應用 | |||
| 12.Echarts圖表應用 | |||
| 13.REM移動端適配 | |||
| 14.BootStrap 柵格系統原理響應式設計 | |||
| PHP與數據庫 | 1.PHP基礎語法 |
1.掌握PHP基礎語法 2.掌握PHP類與繼承 3.掌握MySQL操作 4.掌握PHP鏈接MySQL 5.熟悉PDO鏈接數據庫 6.熟悉前后端交互 7.掌握get和post請求 8.理解前后端交互過程 |
|
| 2.PHP類與繼承 | |||
| 3.PHP中理解面向對象 | |||
| 4.MySQL基礎 | |||
| 5.MySQL數據庫操作 | |||
| 6.MySQL Form表單 | |||
| 7.PDO鏈接數據庫 | |||
| 8.事務處理與時間戳 | |||
| 9.PHP+MySQL創建接口 | |||
| 10.前后端交互處理 | |||
| 11.Get與POST請求 | |||
| 12.前后端實戰練習 | |||
| Ajax實戰項目-藍莓派 | 1.藍莓派項目設計 | 本項目名稱為藍莓派，主要為音樂社區類型。包含較多的交互功能，例如滑動門，雪碧圖使用，模態框，瀑布流和焦點輪播圖等效果。當然，前后端交互也是不可少的，主要理解前后端交互流程與練習各種交互實現。 | |
| 2.藍莓派環境構建 | |||
| 3.藍莓派頁面登錄Ajax | |||
| 4.藍莓派頁面登錄與PHP與MySQL | |||
| 5.藍莓派網絡請求封裝 | |||
| 6.藍莓派頁面加載 | |||
| 7.藍莓派模態框處理 | |||
| 8.藍莓派分頁器實現 | |||
| 9.藍莓派瀑布流效果實現 | |||
| 10.藍莓派動態加載數據 | |||
| 11.藍莓派音頻控制 | |||
| 12.藍莓派業務邏輯實現 | |||
| 13.藍莓派進度條實現 | |||
| 14.藍莓派第三方UI庫引入 | |||
| 15.藍莓派項目優化 | |||
| HTML5新特性 | HTML5新特性 | 1.HTML5語義化標簽 |
1.掌握HTML5新特性有哪些 2.掌握HTML5的語義化標簽實現方式 3.掌握HTML5的本地存儲方式 4.掌握HTML5提供的多媒體使用 5.掌握HTML5 Canvas標簽應用 |
| 2.HTML5本地存儲 | |||
| 3.HTML5離線Web應用 | |||
| 4.HTML5連貫性 | |||
| 5.HTML5多媒體 | |||
| 6.HTML5性能提升 | |||
| 7.HTML5調用原生API | |||
| 8.HTML5 Canvas | |||
| 9.HTML5 Canvas應用 | |||
| 10.HTML5 Canvas游戲-連連看 | |||
| 11.HTML5 Canvas游戲-消消樂 | |||
