WEB前端學習結構
| 課程名稱 | 教學科目 | 詳細內容 |
| Photoshop基礎 | Photoshop基礎 畫素單位 圖層概念 選區工具 切片工具 快捷鍵 |
瞭解ps選單及工具的使用 網站的成型 常用概念 圖片格式 切圖工具的使用技巧 |
| html和html5 | HTML簡介 HTML元素 HTML標籤 HTML屬性 HTML文字格式化 HTML實體 HTML連結、相對路徑、絕對路徑 HTML影象 HTML列表 HTML表格 HTML背景 HTML表單 HTML佈局 |
HTML表單： 1）單行文字輸入框 2）表單提交按鈕 3）表單重置按鈕 4）複選框 5）單選框 6）下拉框 7）多行文字輸入框
簡單的企業網站佈局
使用HTML5新標籤進行佈局 |
| css和css3 | css簡介 css選擇器 css語法、id選擇器、類選擇器、派生選擇器 css字型屬性 css常用文字屬性 css背景屬性 css邊框屬性 css邊距屬性 css間隙屬性 css盒子模式 css列表樣式屬性 css偽類 css3-- transform變換屬性 css3--transition過渡動畫 css3--animation自定義動畫 css3常用單位 css佈局
|
css基礎語法規則的使用 使用css選擇器控制頁面每一個元素的樣式 元素的變形屬性（元素的放大、縮小、旋轉、拉伸等） 元素的樣式過渡（元素的漸變等） 自定義動畫css3彈球效果 2D/3D轉換（檢視大圖的顯示效果） 動畫庫animate.css的使用 css hack (各大瀏覽器的相容性除錯) css 優化（優化程式碼結構） |
| pc 實戰篇 | 1.使用html5和css3完成響應式網站的製作 2.相容各種解析度的響應式網站 css3--製作伊森手錶網站 |
運用html5和css3知識，完成實戰響應式專案； 伊森手錶 金領企業網站 |
| 移動端實戰篇 | css3 --- 移動端現狀及未來介紹 css3 ---視口介紹 css3---移動端適配 css3---製作購物app |
瞭解視口的設定原理 完成實戰專案; 團購app; 社交網站； |
| bootstrap | bootstrap基本介紹 bootstrap基本例項 bootstrap柵格系統 bootstrap排版 bootstrap表格 bootstrap表單 bootstrap按鈕 bootstrap圖片 bootstrap響應式工具 bootstrap元件 bootstrap--js外掛 bootstrap專案實戰 |
理解bootstrap原理 熟練掌握bootstrap核心api 實現響應式佈局及功能互動 完成實戰專案遊戲引擎主題網站
|
| css前處理器 sass |
sass的介紹安裝 sass的編譯 sass的語法 sass的專案使用 |
sass的實現原理 sass的編譯和基本使用 sass如何應用到專案
|
| svn&git | ||
| 案例展示 | 上海微巨網路科技 http://www.vtip.com.cn 時尚設計歐美店 http://demo.cssmoban.com 王者榮耀 http://pvp.qq.com 博遠官網 http://www.poiyuan.com 樂無盡，智生活 http://www.endless-pools.cn 普風石墨 http://www.prowind.cn
雲桌面 表單設計器 畫板 |
| javascript入門及應用 | javascript語言介紹 javascript變數 javascript流程控制 javascript函式 內建物件、屬性、方法、事件 瀏覽器物件、文件物件 dom基礎應用 正則表示式 json |
目的要求：掌握js的語法，如何引用js 練習：階乘；九九乘法表； 1）檔案域的動態生成與刪除 2）表格的動態生成與刪除 3）json物件，函式自定義與傳值 4）演示常見錯誤，培訓學員使用； 5）firefox除錯網頁， 解決網頁錯誤 |
| javascript高階應用 | 介紹各種類庫：zepto,jquery,easyui,jquery-ui;
掌握jquery的使用和外掛的封裝；在jquery中編寫外掛，外掛擴充套件，外掛應用
touchJS、jquery-pagination分頁、jquery-artDialog彈出層 jquery-custom-scrollerbar滾動條 juqery ui /juqery mobile使用 ajax 同源策略和 json xml 跨域
熟悉javascript的設計模式；建構函式，單例，工廠，代理，觀察者等設計模式
es6初步和bable
掌握模組開發 AMD ,CMD的設計規範，理解模組式開發，以及requireJS、seaJS、commonJS外掛的使用面向元件程式設計的方式
面向元件程式設計的實現原理
面向組合程式設計實戰
requireJS框架介紹
loadJS框架介紹
seaJS框架講解及實操
|
製作網站的動態特效
在HTML中新增jquery的 應用
使用jquery中的核心方法
常用選擇器的使用
常用的jquery的方法
jquery中的幾種實現方法
使用jquery實現一些頁面常用的例項，進一步鞏固jquery學習
jquery 外掛使用
瞭解jqueryui的使用原理 非同步獲取資料
|
| 遊戲製作 | canvas---簡單和應用領域介紹 canvas---基礎繪圖介面使用 canvas---高階繪圖介面使用 canvas---專案實戰貪吃蛇 lufylegent引擎 |
通過系統學習canvas基礎到高階介面
熟悉使用canvas繪圖動畫和特效
瞭解lufylegent遊戲引擎的原理，使用方法 |
| 專案實戰 | 元素週期表 FENDI官網 綠色農業網站 坦克大戰 嬌韻詩中國官網 |
|
