1. 程式人生 > >玩轉2018微信小程式-劉剛-專題視訊課程

玩轉2018微信小程式-劉剛-專題視訊課程

玩轉2018微信小程式—305人已學習
課程介紹    
jpg
    玩轉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:18
    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 實戰:表單登入註冊微信小程式
  12:21
  第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>; } 歡迎大家收看我的視訊教程