課程概述

?

現代項目的開發，需要掌握多種技術。互聯網項目，需要用到后端開發、前端開發、界面設計、產品設計、數據庫、各種移動客戶端、三屏兼容、restFul API設計和OAuth等等，比較前衛的項目，還會用到單頁應用Single Page Application、Web Socket、HTML5/CSS3這些技術以及像第三方開發像微信公眾號微博應用等等。

?

Web前端也遠遠不是從前的切個圖用個jQuery上個AJAX兼容各種瀏覽器那么簡單了。現代的Web前端，你需要用到模塊化開發、多屏兼容、MVC，各種復雜的交互與優化，甚至你需要用到Node.js來協助前端的開發。

?

所以說一個現代化的項目，是一個非常復雜的構成，需要一個人來掌控全局，他不需要是各種技術的資深專家，但他需要熟悉到各種技術。對于一個團隊特別是互聯網企業來說，有一個全局性思維的人非常非常重要。這樣的工程師常被稱為全棧工程師，是目前炙手可熱的崗位，需求量巨大，待遇豐厚。由于以上原因，這套征服大前端系列課程應運而生。

?

?

1.課程研發環境

開發電腦系統：Windows7

涉及框架版本：Express4.0 + node-v4.4.7-x64

開發軟件版本：Sublime3

數據庫版本：mongodb-win32-x86_64-3.2.1

數據庫可視化工具：mongvue-1.6.9.0

?

2.內容簡介

本系列課程第一季專注于WEB前端工程師必備技能H5、C3、JS、jQuery和拓展技能Node.js、AngularJS、MongoDB等技術的實戰訓練，囊括了前端程序員所必備的技能集合。通過數十個配套案例講解基礎知識，通過兩個實戰項目“尋游”和“藝龍”進行強化訓練，并掌握實際工作中必備的技能，比如開發工具的使用和技巧，項目的創建和管理，調試方法與技巧，前端兼容性處理、前端項目工程化、自動化等等。

?

一、jQuery

1.1 jQuery基本使用.rar

1.2 jQuery函數和jQuery對象.rar

1.3 選擇器：基本選擇器.rar

1.4 選擇器：層級選擇器.rar

1.5 練習：老虎機.rar

1.6 選擇器：過濾選擇器1-基本過濾.rar

1.7 練習：列表各行變色.rar

1.8 練習：股票列表.rar

1.9 選擇器：過濾選擇器2-內容過濾、可見性過濾.rar

1.10 選擇器：子元素過濾選擇器.rar

1.11 選擇器：屬性過濾選擇器.rar

1.12 選擇器：表單對象、表單對象屬性等.rar

1.13 html文本處理.rar

1.14 文本、值的處理.rar

1.15 屬性操作2：屬性操作.rar

1.16 練習：聊天室.rar

1.17 屬性操作3：樣式.rar

1.18 練習：過濾標簽.rar

1.19 屬性操作：定位.rar

1.20 屬性操作5：定位.rar

1.21 屬性操作6：尺寸.rar

1.22 文檔操作1：創建、追加.rar

1.23 文檔操作2：插入、刪除和替換.rar

1.24 元素篩選：過濾.rar

1.25 元素篩選：過濾-2.rar

1.26 元素篩選：查找.rar

1.27 元素篩選：查找2.rar

1.28 元素篩選：過濾、查找、串聯3.rar

1.29 事件處理-1.rar

1.30 事件處理-2.rar

1.31 事件處理-3.rar

1.32 動畫-1.rar

1.33 動畫2：過度動畫.rar

1.34 動畫3：自定義動畫-1.rar

1.35 動畫3：自定義動畫-2.rar

1.36 工具方法-1.rar

1.37 工具方法-2.rar

1.38 工具方法-3.rar

1.39 AJAX-1.rar

1.40 AJAX-2.rar

1.41 練習-1：級聯菜單.rar

1.42 練習-2：動態搜索提示列表.rar

1.43 Deferred-1.rar

1.44 Deferred-2.rar

1.45 開發jQuery插件-1.rar

1.46 開發jQuery插件-2.rar

1.47 布局.rar

1.48 表單.rar

1.49 樹.rar

1.50 數據表、easyloader.rar

1.51 jQuery插件：jquery-tmpl.rar

1.52 jQuery插件：flexslider.rar

1.53 主頁1：導航和banner.rar

1.54 主頁2：正文.rar

1.55 主頁3：頁腳.rar

1.56 項目實戰-尋游：游客.rar

1.57 項目實戰-尋游：導游.rar

1.58 表單實現.rar

1.59 方塊動畫.rar

?

二、AngularJS

2.1 開發工具：

? ? ?2.1.1 開發神器：WebStorm

2.2 AngularJS核心：

? ? ?2.2.1 Hello,AngularJS

? ? ?2.2.2 模塊-Module

? ? ?2.2.3 控制器Controller和作用域Scope

? ? ?2.2.4 數據綁定和表達式

? ? ?2.2.5 數據綁定和表達式（二）

? ? ?2.2.6 數據綁定和表達式（三）

? ? ?2.2.7 數據綁定和表達式（四）

? ? ?2.2.8 數據綁定和表達式（五）

? ? ?2.2.9 過濾器（一）

? ? ?2.2.10 過濾器（二）

? ? ?2.2.11 過濾器（三）

? ? ?2.2.12 指令（一）

? ? ?2.2.13 指令（二）

? ? ?2.2.14 指令（三）

? ? ?2.2.15 指令（四）

? ? ?2.2.16 指令（五）

? ? ?2.2.17 指令（六）

? ? ?2.2.18 其他視圖指令

? ? ?2.2.19 多重視圖與路由

? ? ?2.2.20 多重視圖與路由（二）

? ? ?2.2.21 多重視圖與路由（三）

? ? ?2.2.22 表單與驗證

? ? ?2.2.23 表單與驗證（二）

? ? ?2.2.24 表單與驗證（三）

? ? ?2.2.25 表單與驗證（四）

? ? ?2.2.26 表單與驗證（五）

? ? ?2.2.27 表單與驗證（六）

? ? ?2.2.28 服務（一）：基本使用

? ? ?2.2.29 服務（二）：變量、常量

? ? ?2.2.30 服務（三）：工廠、服務和提供者

? ? ?2.2.31 服務（四）：包裝器

? ? ?2.2.32 與服務器通信（一）：$http

? ? ?2.2.33 與服務器通信（二）：配置對象

? ? ?2.2.34 與服務器通信（三）：接收Post數據

? ? ?2.2.35 與服務器通信（四）：緩存

? ? ?2.2.36 與服務器通信（五）：全局配置

? ? ?2.2.37 與服務器通信（六）：$resource和RESTful API

? ? ?2.2.38 與服務器通信（七）：使用Node.js創建RESTful API

? ? ?2.2.39 與服務器通信（八）：編寫并使用RESTful API

? ? ?2.2.40 與服務器通信（九）：配置$resource

? ? ?2.2.41 與服務器通信（十）：使用Restangular

? ? ?2.2.42 與服務器通信（十一）：跨域和同源策略

? ? ?2.2.43 與服務器通信（十二）：用戶認證與授權

? ? ?2.2.44 與服務器通信（十三）：用戶認證與授權（二）

? ? ?2.2.45 與服務器通信（十四）：給你一個承諾-Promise

? ? ?2.2.46 測試（一）：搭建測試環境

? ? ?2.2.47 測試（二）：編寫單元測試

? ? ?2.2.48 測試（三）：測試AngularJS應用

? ? ?2.2.49 測試（四）：測試AngularJS應用（二）

? ? ?2.2.50 依賴注入

? ? ?2.2.51 項目架構

? ? ?2.2.52 項目實戰（一）：使用MongoDB和Mongoose

? ? ?2.2.53 項目實戰（二）：完成登錄模塊

? ? ?2.2.54 項目實戰（三）：完成用戶管理模塊

? ? ?2.2.55 項目實戰（四）：路由訪問控制、角色過濾器

2.3 AngularJS高級：

? ? ?2.3.1 動畫（一）：AngularJS實現CSS動畫1

? ? ?2.3.2 動畫（二）：AngularJS實現CSS動畫2

? ? ?2.3.3 動畫（三）：AngularJS實現JS動畫

? ? ?2.3.4 動畫（四）：在自定義指令中使用動畫

? ? ?2.3.5 Angular-UI（一）：ui-select

? ? ?2.3.6 Angular-UI（二）：ui-router路由

? ? ?2.3.7 Angular-UI（三）：bootstrap樣式

? ? ?2.3.8 移動應用開發（一）：AngularJS開發移動應用

? ? ?2.3.9 移動應用開發（二）：angular-gestures實現多點觸控

? ? ?2.3.10 移動應用開發（三）：Cordova中的原生應用程序

? ? ?2.3.11 國際化與本地化

? ? ?2.3.12 安全性

? ? ?2.3.13 開發工作流（一）：Grunt的使用

? ? ?2.3.14 開發工作流（二）：Bower和Yoeman的使用

?

三、Node.js

3.1 安裝和使用node.rar

3.2 編寫范例程序并執行.rar

3.3 模塊和NPM的使用.rar

3.4 構建基于Node的Web服務器.rar

3.5 express基本使用.rar

3.6 模板引擎-handlebars.rar

3.7 使用express-generator快速創建項目.rar

3.8 請求路徑和請求頭.rar

3.9 獲取請求參數.rar

3.10 響應對象的使用.rar

3.11 輸出數據、注釋和塊語句.rar

3.12 布局、部分視圖和區塊.rar

3.13 AJAX表單處理和文件上傳.rar

3.14 AJAX文件上傳.rar

3.15 Cookies.rar

3.16 Sessions.rar

3.17 中間件.rar

3.18 文件系統持久化.rar

3.19 數據庫添加操作.rar

3.20 數據庫查詢、更新和刪除操作.rar

3.21 目的地預覽圖上傳（二）.rar

3.22 目的地數據管理.rar

3.23 目的地展示.rar

3.24 主頁靜態頁面.rar

3.25 創建后臺管理項目.rar

3.26 項目自動化任務處理.rar

3.27 文件監視、創建管理路由.rar

3.28 實現目的地分類管理（一）.rar

3.29 實現目的地分類管理（二）.rar

3.30 顯示目的地分類.rar

3.31 目的地管理.rar

3.32 目的地預覽圖上傳（一）.rar

?