
Hybrid App(混合模式移動應用)是指介于web-app、native-app這兩者之間的app,兼具“Native App良好用戶交互體驗的優勢”和“Web App跨平臺開發的優勢”。
一名前端工程師想要開發一款Hybrid App需要有很多移動端開發的知識儲備,比如不同系統平臺的特殊處理、原生系統功能調用、不同屏幕尺寸適配、移動UI設計與開發、性能調優等等。這顯然需要花費大量學習成本,Ionic框架應運而生,它解決了以上提到的移動應用開發的常見問題,為大量前端工程師能夠快速開發App提供了捷徑。
同時,一款能夠真正應用于生產的大型Hybrid App顯然需要優秀的邏輯組織框架才能支撐,Ionic考慮到了這一點,它集成了目前前端領域強大的Angular作為代碼組織框架,這為團隊協作、代碼測試和維護提供了相當強力的支撐。??
但是,得到這些好處是需要付出代價的。因為Angular是一款學習曲線相當陡峭的框架。眾多新奇的概念、陌生的編程語言、復雜的項目架構使新手望而卻步,這些正是本系列課程誕生的原因。
征服大前端系列課程第二季專注于前端工程師開發大型系統和混合模式移動應用開發,詳細展示Angular和Ionic兩款框架使用的方方面面。通過數個大型配套案例講解框架使用技巧,后通過兩個實戰項目“美團外賣”和“設備管理和借用系統”進行強化訓練。同時引入Node.js、MongoDB、Express、Keystone等后臺技術到課程體系,手把手教您開發一款完整系統應用,旨在打造前后臺通吃的全棧工程師。

1.課程研發環境
系統環境:Windows 7,Node.js 6.9.1? ??
開發工具:Webstorm 2017
數據庫工具:MongoDB 3.2.1,MySQL 5.5
其他工具:MySQL Workbench 6.3 CE,MongoVUE 1.6.9
2.內容簡介
本系列課程主要分為兩部分:Angular和Ionic
每部分均分為基礎知識學習和實戰演練兩部分,相關后臺技術則和這些知識揉在一起,寓教于練。

001.A1-01-01_概述
002.A1-01-02_hello-angular
003.A1-02-01_使用angular-cli快速創建項目
004.A1-03-01_添加文章表單處理
005.A1-03-02_添加文章組件
006.A1-03-03_渲染文章列表
007.A1-04-01_英雄指南1:創建英雄列表
008.A1-04-02_英雄指南2:創建英雄詳情
009.A1-05-01_創建路由
010.A1-06-01_創建路由2
011.A1-06-02_美化應用
012.A1-07-01_使用HTTP請求獲取數據
013.A1-07-02_實現英雄數據的增刪改查
014.A1-07-03_實現搜索英雄功能
015.A1-08-01_架構
016.A1-08-02_數據綁定
017.A1-09-01_指令
018.A1-09-02_服務和依賴注入
019.A1-10-01_用戶輸入
020.A1-10-02_模板驅動的表單
021.A1-10-03_模型驅動的表單
022.A1-10-04_嵌套的表單
023.A1-10-05_表單控件的使用方法
024.A2-01-01_創建數據模型
025.A2-01-02_創建表單模型轉換服務
026.A2-01-03_創建動態表單和控件組件
027.A2-01-04_創建數據服務并測試
028.A2-02-01_自定義表單校驗-模型驅動表單
029.A2-02-02_自定義表單校驗-模板驅動表單
030.A2-02-03_案例:密碼確認校驗
031.A2-02-04_自定義表單校驗-異步校驗
032.A2-03-01_屬性型指令
033.A2-03-02_結構型指令
034.A2-03-03_內置管道和自定義管道
035.A2-03-04_變更檢測和管道
036.A2-04-01_HTTP請求、響應和錯誤處理
037.A2-04-02_跨域請求
038.A2-04-03_其他常用操作符
039.A2-05-00_路由基本使用
040.A2-05-01_創建特性區、特性模塊及路由
041.A2-05-02_可選參數及路由動畫
042.A2-05-03_路由嵌套
043.A2-05-04_使用命名插座顯示多路由
044.A2-05-05_路由守衛(一):添加管理特性區
045.A2-05-06_路由守衛(二):實現路由守衛
046.A2-05-07_路由守衛(三):添加登錄邏輯
047.A2-05-08_路由守衛(四):守衛路由離開
048.A2-05-09_路由數據預加載
049.A2-05-10_使用查詢參和片段
050.A2-05-11_懶加載和CanLoad守護
051.A2-05-12_預加載
052.A2-06-01_Angular動畫基本使用
053.A2-06-02_入場和離場動畫
054.A2-06-03_關鍵幀動畫和動畫組
055.A3-01-01_需求分析和數據庫設計
056.A3-02-01_WebStorm的使用
057.A3-03-01_用戶和院系后臺接口編寫
058.A3-03-02_院系管理-2
059.A3-04-00_用戶和院系前臺界面編寫1
060.A3-04-01_用戶管理-1
061.A3-04-02_用戶管理-2
062.A3-04-03_用戶管理-3
063.A3-05-00_列表顯示院系
064.A3-05-01_設備管理-1
065.A3-05-02_設備管理-2
066.A3-06-00_新增院系
067.A3-06-01_設備借用1
068.A3-06-02_設備借用2
069.A3-07-01_申請審批:前臺開發
070.A3-07-02_申請審批:后臺開發
071.A3-08-01_用戶登錄
072.B1-01-01_Hello,Ionic
073.B1-02-00_第一個Ionic應用-創建側滑菜單
074.B1-02-01_布局組件:tabs
075.B1-02-02_布局組件:grid
076.B1-02-03_布局組件:segment
077.B1-02-04_布局組件:slides
078.B1-03-00_創建列表頁面
079.B1-03-01_Lists
080.B1-03-02_Cards
081.B1-04-00_創建詳情頁
082.B1-04-01_按鈕
083.B1-04-02_復選框,開關
084.B1-04-03_單選框
085.B1-04-04_日期選擇器
086.B1-04-05_輸入框,搜索框
087.B1-04-06_區間,下拉選單
088.B1-05-01_動作表、警告框
089.B1-05-02_浮動按鈕、模態框、提示框等
090.B1-06-01_CSS工具類
091.B1-06-02_主題
092.B1-06-03_SASS變量
093.B1-06-04_平臺獨立樣式
094.B1-07-01_使用原生功能:Ionic Native
095.B1-08-01_存儲:Storage
096.B2-01-01_需求分析
097.B2-01-02_項目架構nodejs+keystone+mongdb
098.B2-02-01_創建商家數據模型-Store
099.B2-02-02_實現附近商家接口
100.B2-02-03_實現附近商家頁面
101.B2-02-04_編寫星級評分組件
102.B2-02-05_獲取用戶GPS數據
103.B2-03-01_創建容器組件Panel
104.B2-03-02_完成App導航欄
105.B2-03-03_完成定位鏈接和搜索鏈接
106.B2-04-01_地址信息獲取
107.B2-04-02_搭建選擇收貨地址頁面
108.B2-04-03_通過關鍵詞搜索相關地址
109.B2-04-04_選擇搜索結果
110.B2-05-01_定位當前位置
111.B2-06-01_切換城市
112.B2-07-01_創建登錄頁面
113.B2-07-02_發送短信驗證碼
114.B2-07-03_實現短信驗證碼登錄
115.B2-08-01_創建注冊頁面
116.B2-08-02_實現注冊接口
117.B2-09-01_賬號密碼登錄
118.B2-09-02_創建新增收貨地址頁
119.B2-09-03_搜索地址
120.B2-09-04_提交新增地址
121.B2-09-05_保存新增地址
122.B2-10-01_導航頁簽
123.B2-10-02_菜單分類和列表
124.B2-10-03_菜品導航跳轉和滾動監聽
125.B2-10-04_店鋪菜單查詢接口
126.B2-10-05_查詢并顯示菜單
127.B2-11-01_購物車
128.B2-12-01_創建訂單確認頁
129.B2-12-02_新增收貨地址
130.B2-12-03_收餐地址管理和選擇
131.B2-12-04_收餐時間選擇
132.B2-12-05_實現保存訂單接口
133.B2-12-06_提交訂單
134.B2-13-01_創建訂單支付頁面
135.B2-13-02_實現支付
136.B2-14-01_創建訂單列表頁面
137.B2-14-02_完善訂單列表頁流程
138.B2-14-03_確認收餐
139.B2-14-04_發布評價1:評分
140.B2-14-05_發布評價2:其他內容和樣式
141.B2-14-06_發布評價3:捕獲照片
142.B2-14-07_發布評價4:接口編寫和發布
143.B2-15-01_店鋪評價列表
144.B2-15-02_實現查詢留言接口?