?? 微信小程序課程，面向所有具備前端基礎知識的同學 ??

iKcamp官網：http://www.ikcamp.com

訪問官網更快閱讀全部免費分享課程：《iKcamp出品｜全網最新｜微信小程序｜基于最新版1.0開發者工具之初中級培訓教程分享》。
包含：文章、視頻、源代碼

閱讀要求

讀者需要具備但不限于以下技能

• HTML
• JavaScript es6更佳
• CSS

一共四部分十五小節，適合七天的訓練營。
從現在開始，我假裝你已經掌握了 html、 css以及 ES6 ??

目標導向

本教程以實戰項目驅動，以滬江英語微信小程序項目框架為基礎，最終還原一個完整的小程序

列表頁面：請求接口，并展示列表頁面數據

詳情頁面：以文章id為參數，獲取文章詳情

詳情頁面，點擊圖片，展示大圖

教程大綱

• 第一章：小程序初級入門教程
  • >> appID準備（已更新至本文）
  • 工具安裝
  • 目錄說明
  • 小試牛刀
  • 發布流程
• 第二章：小程序中級實戰教程：預備篇
  • 項目結構設計
  • 提取 util 公用方法
  • 封裝網絡請求及 mock 數據
• 第三章：小程序中級實戰教程：列表篇
  • 列表-靜態頁面制作
  • 列表-頁面邏輯處理
  • 列表-視圖與數據關聯
  • 列表-閱讀標識
• 第四章：小程序中級實戰教程：詳情篇
  • 詳情-頁面制作
  • 詳情-視圖渲染
  • 詳情-功能完善
• 第五章：課后作業練習

教程完整代碼

教程的完整代碼在分支 完整代碼 中，請自行查閱

課后作業

整個教程學習過后，可以切換到 教程作業 分支，并完成作業，目錄下有相應的作業答案，請自行完成練習。

核心人員

第一章：小程序初級入門教程 ?

小程序時代

小程序的優勢，網上各種文章新聞鋪天蓋地，這里不再復述。
除了我們常見的功能外（音頻、視頻、圖片、畫布等），小程序可以做到如下但不限于這些事情：

• 網絡：網絡請求、上傳下載、 WebSocket（比如聊天室）
• 數據：數據緩存能力
• 位置：獲取位置、查看位置、地圖調用
• 設備：系統信息、網絡狀態、加速度計（重力感應）、羅盤、撥打電話、掃碼、藍牙、iBeacon、屏幕亮度、 振動 、手機聯系人（你的電話本）
• 界面：可以做到很多與微信一樣效果的樣式，比如設置導航條、導航、動畫、繪圖等等
• 開放接口：登錄、授權、用戶信息、微信支付 、微信客服、轉發、二維碼功能、 微信運動 、收貨地址、卡券、設置
• 文件操作能力、數據統計分析（pv、uv等）
  
  

小程序起手

之前小程序強制要求以公司機構申請 appID 方可開發和上線小程序項目，導致小程序遇冷。不過還好，現在小程序基本上放開了這塊的限制。
如果你想自己動手玩下小程序，找找感覺，沒有 appID 也可以做到。如果想要達到上線的效果，還是需要申請 appID 并進行項目的提交審核。

這里稍微提下 appID 的申請過程

打開小程序注冊地址，瀏覽 3 秒后，請點擊頁面右上角 立即注冊 進入下一個頁面并選擇 小程序，如下：

不用多說了，直接填寫信息吧。需要注意的是：一個郵箱只能注冊一個小程序 。另外，多了解下協議內容，避免因一些小問題造成審核不通過。

注冊成功后，會有個激活鏈接發送到注冊郵箱里面，需要登錄郵箱中驗證激活。

查收郵件，并點擊此處鏈接驗證激活。

點擊郵件的鏈接驗證后，正常情況下，會跳轉到一個新的頁面，如果打開頁面后，沒有進入到如下頁面，可以點擊頁面 返回首頁，或直接訪問地址 https://mp.weixin.qq.com

信息登記的主體類型，請根據自己的情況而定，本教程采用最基本的 個人 類型，并填寫下面的真實信息，需要注意的是，身份證 和 手機號 最多能綁定 5 個小程序，也就是說，你想要開發第 6 個小程序，就需要換別人的證件信息了。

信息填寫后，點擊 繼續 進行提交，成功后會彈出如下框，直接 前往小程序

進入小程序后，從左側菜單導航的 設置 進入到 開發設置，或直接在圖中所示位置進入 開發設置，就可以看到小程序的 appID了。

下期更新內容：小程序初級入門教程－工具安裝+目錄說明+小試牛刀+發布流程

iKcamp原創新書《移動Web前端高效開發實戰》已在亞馬遜、京東、當當開售。

---

相關文章：
聽說 2017 你想寫前端？
前端開發者指南（2017）
翻譯連載 |《你不知道的JS》姊妹篇 | JavaScript 輕量級函數式編程

轉載于:https://www.cnblogs.com/ikcamp/p/7655545.html

總結

以上是生活随笔為你收集整理的iKcamp出品｜全网最新｜微信小程序｜基于最新版1.0开发者工具之初中级培训教程分享...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。