課程目錄:Cordova培訓(xùn)
        4401 人關(guān)注
        (78637/99817)
        課程大綱:

          Cordova培訓(xùn)

         

         

         

        開發(fā)工具介紹與使用

        聯(lián)網(wǎng)的HBuilder、離線的Sublime、在線的NPM

        Cordova 簡介

        本課時介紹 Cordova ,內(nèi)容包括 Cordova 是什么,Cordova 的 plugins 以及 Cordova 的優(yōu)點(diǎn)。

        開發(fā)環(huán)境的搭建

        本課時講解 AngularJS+Ionic+Cordova 開發(fā)環(huán)境的搭建

        聯(lián)系人 APP 的開發(fā)(demo展示)

        本課時講解利用 AngularJS+Ionic+Cordova 開發(fā)一個聯(lián)系人的 APP 的方法

        Cordova插件

        課程首先介紹 Cordova 常用插件的使用,包括 InAppBrowser、File Transfer 和 Media 等

        HTML5 本地存儲的應(yīng)用

        1、LokiJS 的應(yīng)用

        本課時首先介紹 Cordova 下數(shù)據(jù)存儲的方案,然后講解文檔型數(shù)據(jù)存儲引擎 LokiJS 的使用,并實(shí)現(xiàn)文件收藏功能。

        2、橫向多頁滑動功能的實(shí)現(xiàn)

        本課時進(jìn)一步應(yīng)用 iscrolljs 實(shí)現(xiàn)手機(jī)橫向多個屏幕的內(nèi)容切換,同時實(shí)現(xiàn)內(nèi)容切換時頂部標(biāo)簽的同步滑動功能。

        3、分類查看功能的實(shí)現(xiàn)

        本課時使用文件掃描實(shí)現(xiàn)手機(jī)文件分類查看功能,將掃描到的特定分類文件使用 LokiJS 存儲起來,避免每次重復(fù)掃描,后在新的屏幕中實(shí)現(xiàn)文件分類的九宮格分布。

        Angularjs 基礎(chǔ)

        Angularjs MVC 以及 $scope作用域 Angularjs模塊的run方法 以及依賴注入中代碼壓縮問題

        Angularjs $scope里面的$apply方法 和 $watch方法

        Angularjs 工具方法 以及angularjs中使用jquery

        Angularjs 事件指令 input相關(guān)指令 和樣式指令 DOM操作指令詳解

        Angularjs include指令詳解

        Angularjs filter過濾器以及自定義filter過濾器 詳解

        Angularjs 基礎(chǔ)

        Angularjs自定義服務(wù) provide里provider方法 以及factory、service方法

        Angularjs 常用服務(wù) $http $location $cacheFactory $interpolate $timeout $log $res服務(wù)

        angularjs ngSanitize ngRoute ngAnimate插件

        ngResource 數(shù)據(jù)交互插件

        ionic css布局介紹

        ionic css布局介紹 grid頁面布局

        ionic js指令布局介紹使用

        ionic路由詳解

        ionic ion-tap選項(xiàng)卡以及高級路由

        ionic側(cè)邊欄ion-side-menus 以及ion-tap結(jié)合側(cè)邊欄詳解

        ionic列表 ion-list 以及高性能的ng-repeat

        ionic表單輸入 ion-checkbox ion-radio ion-toggle ion-spinner

        ionic動態(tài)組件 $ionicModal $ionicActionSheet $ionicPopup $ionicPopover $ionicLoading $ionicBackdrop 指令

        ionic幻燈指令 ion-slide-box

        實(shí)戰(zhàn)AngularJS+Ionic+Cordova電商案例