摘要:微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué)閱讀要求讀者需要具備但不限于以下技能更佳一共四部分十五小節(jié),適合七天的訓(xùn)練營。
?? 微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué) ?? 閱讀要求
讀者需要具備但不限于以下技能
HTML
JavaScript es6更佳
CSS
一共四部分十五小節(jié),適合七天的訓(xùn)練營。
從現(xiàn)在開始,我假裝你已經(jīng)掌握了 html、 css以及 ES6 ??
本教程以實(shí)戰(zhàn)項目驅(qū)動,以滬江英語微信小程序項目框架為基礎(chǔ),最終還原一個完整的小程序
列表頁面:請求接口,并展示列表頁面數(shù)據(jù)
詳情頁面:以文章id為參數(shù),獲取文章詳情
詳情頁面,點(diǎn)擊圖片,展示大圖
教程大綱 - 完整視頻地址
第一章:小程序初級入門教程
appID準(zhǔn)備
文章視頻:https://camp.qianduan.group/x...
工具安裝
文章視頻:https://camp.qianduan.group/x...
目錄說明
文章視頻:https://camp.qianduan.group/x...
小試牛刀
文章視頻:https://camp.qianduan.group/x...
發(fā)布流程
文章視頻:https://camp.qianduan.group/x...
第二章:小程序中級實(shí)戰(zhàn)教程:預(yù)備篇
項目結(jié)構(gòu)設(shè)計
文章視頻:https://camp.qianduan.group/x...
提取 util 公用方法
文章視頻:https://camp.qianduan.group/x...
封裝網(wǎng)絡(luò)請求及 mock 數(shù)據(jù)
文章視頻:https://camp.qianduan.group/x...
第三章:小程序中級實(shí)戰(zhàn)教程:列表篇
列表-靜態(tài)頁面制作
文章視頻:https://camp.qianduan.group/x...
列表-頁面邏輯處理
文章視頻:https://camp.qianduan.group/x...
列表-視圖與數(shù)據(jù)關(guān)聯(lián)
文章視頻:https://camp.qianduan.group/x...
列表-閱讀標(biāo)識
文章視頻:https://camp.qianduan.group/x...
第四章:小程序中級實(shí)戰(zhàn)教程:詳情篇
詳情-頁面制作
文章視頻:https://camp.qianduan.group/x...
詳情-視圖渲染
文章視頻:https://camp.qianduan.group/x...
詳情-功能完善
文章視頻:https://camp.qianduan.group/x...
第五章:課后作業(yè)練習(xí)
學(xué)習(xí)方式教程以 git 分支的方式管理,比如學(xué)習(xí)第三章第一節(jié) 列表-靜態(tài)頁面制作 時候,需要切換到 ch3-1 分支,然后把分支目錄 code/ 導(dǎo)入到微信開發(fā)工具編輯器,跟隨教程進(jìn)行實(shí)戰(zhàn)代碼操作。操作如下:
通過 git 把項目復(fù)制到本地
git clone https://github.com/ikcamp/wechat-xcx-tutorial
切換目錄
cd wechat-xcx-tutorial
在當(dāng)前目錄下切換分支
git checkout ch3-1
注意: 每一分支的 code/ 內(nèi)容,皆是上一節(jié)內(nèi)容操作完成后的結(jié)果。比如 ch3-2/code 就是上一節(jié)課程 ch3-1/code 隨教程操作后的結(jié)果。 ?
§ 教程完整代碼課后作業(yè)教程的完整代碼在分支 完整代碼 中,請自行查閱
核心人員 討論活動區(qū)整個教程學(xué)習(xí)過后,可以切換到 教程作業(yè) 分支,并完成作業(yè),目錄下有相應(yīng)的作業(yè)答案,請自行完成練習(xí)。
QQ群:661407609
iKcamp官網(wǎng):http://www.ikcamp.com
訪問官網(wǎng)更快閱讀全部免費(fèi)分享課程:《iKcamp出品|全網(wǎng)最新|微信小程序|基于最新版1.0開發(fā)者工具之初中級培訓(xùn)教程分享》。
包含:文章、視頻、源代碼
【11月11號】上海iKcamp最新活動iKcamp原創(chuàng)新書《移動Web前端高效開發(fā)實(shí)戰(zhàn)》已在亞馬遜、京東、當(dāng)當(dāng)開售。
合作社區(qū)報名地址:http://www.huodongxing.com/ev...
與“天天練口語”小程序總榜排名第四、教育類排名第一的研發(fā)團(tuán)隊,面對面溝通交流。
Node.js 免費(fèi)視頻培訓(xùn)課程近期制作完畢,敬請期待,視頻地址:https://camp.qianduan.group/
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/51474.html
摘要:微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué)閱讀要求讀者需要具備但不限于以下技能更佳一共四部分十五小節(jié),適合七天的訓(xùn)練營。 ?? 微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué) ?? 閱讀要求 讀者需要具備但不限于以下技能 HTML JavaScript es6更佳 CSS 一共四部分十五小節(jié),適合七天的訓(xùn)練營。 從現(xiàn)在開始,我假裝你已經(jīng)掌握了 html、 css以及 ES6...
摘要:微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué)閱讀要求讀者需要具備但不限于以下技能更佳一共四部分十五小節(jié),適合七天的訓(xùn)練營。 ?? 微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué) ?? 閱讀要求 讀者需要具備但不限于以下技能 HTML JavaScript es6更佳 CSS 一共四部分十五小節(jié),適合七天的訓(xùn)練營。 從現(xiàn)在開始,我假裝你已經(jīng)掌握了 html、 css以及 ES6...
POST/GET請求——常見請求方式處理 ?? iKcamp 制作團(tuán)隊 原創(chuàng)作者:大哼、阿干、三三、小虎、胖子、小哈、DDU、可木、晃晃 文案校對:李益、大力萌、Au、DDU、小溪里、小哈 風(fēng)采主播:可木、阿干、Au、DDU、小哈 視頻剪輯:小溪里 主站運(yùn)營:給力xi、xty 教程主編:張利濤 視頻地址:https://www.cctalk.com/v/15114357765870 ...
視頻地址:https://www.cctalk.com/v/15114923888328 showImg(https://segmentfault.com/img/remote/1460000012744407?w=1602&h=966); 視圖 Nunjucks 彩虹是上帝和人類立的約,上帝不會再用洪水滅人。 客戶端和服務(wù)端之間相互通信,傳遞的數(shù)據(jù)最終都會展示在視圖中,這時候就需要用到『模板引擎...
視頻地址:https://www.cctalk.com/v/15114923886141 showImg(https://segmentfault.com/img/remote/1460000012840997?w=1604&h=964); JSON 數(shù)據(jù) 我顛倒了整個世界,只為擺正你的倒影。 前面的文章中,我們已經(jīng)完成了項目中常見的問題,比如 路由請求、結(jié)構(gòu)分層、視圖渲染、靜態(tài)資源等。 那么,J...
閱讀 3285·2021-11-24 09:39
閱讀 3866·2021-11-22 09:34
閱讀 4799·2021-08-11 11:17
閱讀 1060·2019-08-29 13:58
閱讀 2570·2019-08-28 18:18
閱讀 537·2019-08-26 12:24
閱讀 825·2019-08-26 12:14
閱讀 727·2019-08-26 11:58