玩轉2018微信小程式-劉剛-專題視訊課程
課程介紹
玩轉2018微信小程式,包括以下內容: 認識微信小程式、微信小程式框架分析、用微信小程式元件構建UI介面、必備的微信小程式API、微信小程式設計及問答、綜合案例:仿智行火車票12306微信小程式、綜合案例:仿糗事百科微信小程式、綜合案例:仿中國婚博會微信小程式
課程收益
(1)快速入門微信小程式開發;
(2)通過專案實戰掌握商業專案開發;
(3)2018微信小程式最新版本學習,學會微信小程式常用的元件; 學會微信小程式常用的API介面;
講師介紹
劉剛更多講師課程
負責過多個軟體專案的研發、設計和管理工作,擁有專案管理師認證、專案監理師中級認證、出版過的圖書有《微信小程式開發圖解案例教程》《Axure RP8原型設計圖解視訊教程》,曾在中國擎天公司、神州軟體子公司任職,在專案管理和專案實踐、軟體設計等方面經驗豐富,曾負責紀檢監察廉政監督監管平臺產品的設計與開發、國家郵政局專案的設計與開發、政務大資料專案的設計與開發等。同時在教育教學方面有豐富的授課經驗,教授Axure、使用者體驗、軟體重構、專案經理等等方面的課程;
課程大綱
第1章:第1章 認識微信小程式
1.1.1 微信小程式介紹 19:58
2.1.2 微信小程式開發準備 10:54
3.1.3 微信小程式開發工具的使用 12:44
4.1.4 實戰:Hello World的建立 10:15
第2章:第2章 微信小程式框架分析
1.2.1 微信小程式目錄結構介紹 17:31
2.2.2 微信小程式註冊程式應用 5:29
3.2.3 微信小程式註冊頁面的使用 8:54
4.2.4 微信小程式如何繫結資料 23:22
5.2.5 微信小程式條件渲染 4:18
6.2.6 微信小程式列表渲染
7.2.7 微信小程式定義模板 8:23
8.2.8 微信小程式引用功能 7:16
9.2.9 WXS小程式指令碼語言 19:23
10.2.10 實戰:仿香哈菜譜微信小程式 9:41
第3章:第3章 用微信小程式元件構建UI介面
1.3.1 檢視容器元件 26:14
2.3.2 基礎內容元件 13:30
3.3.3 豐富的表單元件 43:28
4.3.4 導航元件 14:56
5.3.5 媒體元件 23:52
6.3.6 地圖元件 9:29
7.3.7 畫布元件 8:10
8.3.8 實戰:表單登入註冊微信小程式
第4章:第4章 必備的微信小程式API
1.4.1 請求伺服器資料API 10:21
2.4.2 檔案上傳與下載API 12:25
3.4.3 WebSocket會話API 10:47
4.4.4 圖片處理API 16:00
5.4.5 檔案操作API 13:28
6.4.6 資料快取API 11:04
7.4.7 位置資訊API 9:03
8.4.8 裝置應用API 12:56
9.4.9 互動反饋API 7:58
10.4.10 登入API 14:17
11.4.11 微信支付API 34:08
12.4.12 分享API 3:30
13.4.13 實戰:仿豆瓣電影微信小程式 19:08
第5章:第5章 微信小程式設計及問答
1.5.1 微信小程式設計及問答 15:47
第6章:第6章 綜合案例:仿智行火車票12306微信小程式
1.6.1-準備工作 6:24
2.6.2-設計實現 21:12
第7章:第7章 綜合案例:仿糗事百科微信小程式
1.7.1-準備工作 8:27
2.7.2-設計實現 24:30
第8章:第8章 綜合案例:仿中國婚博會微信小程式
1.8.1-準備工作 8:00
2.8.2-設計實現 31:46
大家可以點選【檢視詳情】檢視我的課程
相關推薦
玩轉2018微信小程式-劉剛-專題視訊課程
玩轉2018微信小程式—305人已學習 課程介紹 玩轉2018微信小程式,包括以下內容: 認識微信小程式、微信小程式框架分析、用微信小程式元件構建UI介面、必備的微信小程式API、微信小程式設計及問答、綜合案例:仿智行火車票12306微信小程式、綜合案例:仿糗事
開發微信小程式-傳智-專題視訊課程
開發微信小程式—714人已學習 課程介紹 微信小程式(應用號)是微信官方繼服務號、企業號、訂閱號之後,又一個新的應用服務平臺。本課程主要面向所有開發人員,包括微信小程式背景介紹、基礎與進階、UI設計與開發、微信API的使用與詳解、階段案例和完整專案實戰。課程收益
[轉] 擴充套件微信小程式框架功能
通過第三方 JavaScript 庫,擴充套件微信小程式框架功能。 擴充套件微信小程式框架功能(1)——Promise ES6 對 Promise 有了原生的支援,但微信開發者工具更新版本(0.11.112200)後, 移除了開發者工具對 ES6 中Promise 特性原生的支援, 需要引入第三
【轉】微信小程式模板訊息無限制群發
模版訊息推送是微信小程式採用的通知形式, 使用者本人在小程式頁面有互動行為後,可觸發下發通知 ,通過微信聊天列表中的服務通知可快捷進入檢視訊息。此外,點選檢視詳情還能跳轉到下發訊息的小程式的指定頁面。但是為了避免這種通知被濫用,帶來不好的使用者體驗,小程式也對模板訊息推送做了相應的限制。為了
微笑小程式的幾種跳轉方式 微信小程式頁面跳轉 的幾種方式
微信小程式頁面跳轉 的幾種方式 最近在做微信小程式,碰到頁面跳轉的問題,總結一下頁面之間跳轉的方式 一、wx.navigateTo(OBJECT) 這是最普遍的一種跳轉方式,其官方解釋為:“保留當前頁面,跳轉到應用內的某個頁面” 類似
(轉)微信小程式API——微信支付詳解(順便講一下我遇見的坑)
https://blog.csdn.net/cwh1010714845/article/details/78944335 學習微信小程式已經半個多月了,終於接觸到小程式中一個很重要的功能——微信支付。接下來就給大家詳細講解一下微信支付功能的呼叫。 一想到微信支
微信小程式開發全案精講-劉剛-專題視訊課程
微信小程式開發全案精講—4467人已學習 課程介紹 微信小程式開發全案精講是一套以案例為主線的課程,課程總共九章,第一章回顧基礎知識,後面八章全部是以典型的案例作為講解,選取了美食類:仿菜譜精靈微信小程式、資訊類:仿今日頭條微信小程式、生鮮類:仿愛鮮蜂微信小程式
微信小程式經典案例開發視訊教程合集
課程介紹:非常值得推薦的一套微信小程式開發視訊教程,來自極客學院全套的微信實戰開發程式,值得學習-------------------課程目錄-------------------├<; Part1>│ ├1.1微信小程式從基礎到實戰課程概要.mp4│ &
微信小程式嵌入騰訊視訊源
今天寫小程式時候遇到個坑,就是使用vedio元件時候,一開始沒想好,本以為騰訊視訊會有類似於優酷之類的提供分享外鏈功能,結果進去一看,只能複製視訊網址,本來想著要麼F12獲取地址吧,麻煩點就麻煩點,但是複製出來的視訊地址裡面有一個vkey,這個vkey是動態的,也就是會過期的
微信小程式 上傳圖片視訊到阿里雲 附帶進度條
功能採用阿里雲PostObjectAPI進行上傳,優點:1,採用policy,Signature保證了賬號安全性 疑問:當在windows工具上開發沒有問題,但在手機上測試發現 --- 當上傳進度達到100還需要等好長時間才走到(success: res => )這一
微信小程式引用騰訊視訊
文章轉自 https://www.jiezhe.net/post/38.htmltips:騰訊視訊上傳需要認證,上傳身份證圖片時如果報錯,就換個QQ號,我一個QQ號能上傳,另一個QQ號就不行,應該是有什麼限制,騰訊具體沒說===========================
微信小程式解決多個視訊播放的問題
效果圖: 本例子:是圖片和多個視訊混在一起 html <view class="case-ul"> <repeat for="{{list}}" index=
微信小程式樣式Flex Box精通課程-Flex專案的屬性-margin(對齊和居中)
margin(對齊和居中) 預設樣式和程式碼 效果如圖 Wxml程式碼 <view class='zong'> <view class='fangxing1'> <text>01</text>
微信小程式樣式Flex Box精通課程-Flex專案的屬性-align-self(子元素上中下的設定)
align-self(子元素上中下的設定) 基礎語法 align-self屬性允許單個專案有與其他專案不一樣的對齊方式,可覆蓋align-items屬性。 預設值為auto,表示繼承父元素的align-items屬性,如果沒有父元素,則等同於stretch。 .
微信小程式樣式Flex Box精通課程-Flex專案的屬性-flex綜合屬性設定
flex屬性是flex-grow, flex-shrink 和 flex-basis的簡寫,預設值為0 1 auto。後兩個屬性可選。 .item { flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'
微信小程式樣式Flex Box精通課程-Flex專案的屬性-flex-basis專案佔據的主軸空間
flex-basis專案佔據的主軸空間 flex-basis屬性定義了在分配多餘空間之前,專案佔據的主軸空間(main size)。 瀏覽器根據這個屬性,計算主軸是否有多餘空間。它的預設值為auto,即專案的本來大小。 .item { flex-basis: <length
微信小程式樣式Flex Box精通課程-Flex專案的屬性-flex-shrink專案的縮小比例
flex-shrink專案的縮小比例 基礎語法 flex-shrink屬性定義了專案的縮小比例,預設為1,即如果空間不足,該專案將縮小。 .item { flex-shrink: <number>; /* default 1 */ } 如果所
微信小程式樣式Flex Box精通課程-Flex專案的屬性-flex-grow專案的放大比例
flex-grow專案的放大比例 基礎語法 flex-grow屬性定義專案的放大比例,預設為0,即如果存在剩餘空間,也不放大。 .item { flex-grow: <number>; /* default 0 */ } 如果所有專案的flex-
微信小程式樣式Flex Box精通課程-Flex專案的屬性-order子元素的排序
order子元素的排序 基礎語法 order屬性定義專案的排列順序。數值越小,排列越靠前,預設為0。 .item { order: <integer>; } 小程式應用 預設效果 效果如圖 Wxml程式碼 <view
微信小程式樣式Flex Box精通課程-Flex容器的屬性-flex-flow屬性
flex-flow屬性是flex-direction屬性和flex-wrap屬性的簡寫形式,預設值為row nowrap。 .box { flex-flow: <flex-direction> || <flex-wrap>; } 歡迎大家收看我的視訊教程