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

1.課程研發(fā)環(huán)境
系統(tǒng)環(huán)境:Windows 7,Node.js 6.9.1? ??
開(kāi)發(fā)工具:Webstorm 2017
數(shù)據(jù)庫(kù)工具:MongoDB 3.2.1,MySQL 5.5
其他工具:MySQL Workbench 6.3 CE,MongoVUE 1.6.9
2.內(nèi)容簡(jiǎn)介
本系列課程主要分為兩部分:Angular和Ionic
每部分均分為基礎(chǔ)知識(shí)學(xué)習(xí)和實(shí)戰(zhàn)演練兩部分,相關(guān)后臺(tái)技術(shù)則和這些知識(shí)揉在一起,寓教于練。

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