階段一:HTML5+CSS3

微信小程序是基于 WXML 和 WXSS還有JS的,很多人剛開(kāi)始看到這個(gè)名字,不明覺(jué)厲.但是真正學(xué)習(xí)1小時(shí)之后就會(huì)發(fā)現(xiàn),這不就是 HTML和CSS的變種嗎? 沒(méi)錯(cuò)!!!

所以,大家的第一步不是直接學(xué)微信開(kāi)發(fā),而是要先學(xué)習(xí)網(wǎng)頁(yè)的基本語(yǔ)法:HTML+CSS.

這里給大家附上幾個(gè)比較好的學(xué)習(xí)教程的鏈接地址:

菜鳥(niǎo)教程:???http://www.runoob.com/html/html-tutorial.html

W3School:???https://www.w3cschool.cn/html/

慕課網(wǎng):??????https://www.imooc.com/learn/9

階段二:JavaScript基礎(chǔ)

JavaScript是一種屬于網(wǎng)絡(luò)的腳本語(yǔ)言,已經(jīng)被廣泛用于Web應(yīng)用開(kāi)發(fā),常用來(lái)為網(wǎng)頁(yè)添加各式各樣的動(dòng)態(tài)功能,為用戶(hù)提供更流暢美觀(guān)的瀏覽效果。通常JavaScript腳本是通過(guò)嵌入在HTML中來(lái)實(shí)現(xiàn)自身的功能的。

這里給大家附上幾個(gè)比較好的學(xué)習(xí)教程的鏈接地址:

菜鳥(niǎo)教程:?????http://www.runoob.com/js/js-tutorial.html

W3CSchool:??https://www.w3cschool.cn/javascript/

慕課網(wǎng):??????https://www.imooc.com/learn/36

階段三:ES6(ECMAScript2015)

ECMAScript 6.0（以下簡(jiǎn)稱(chēng) ES6）是 JavaScript 語(yǔ)言的下一代標(biāo)準(zhǔn)，已經(jīng)在 2015 年 6 月正式發(fā)布了。它的目標(biāo)，是使得 JavaScript 語(yǔ)言可以用來(lái)編寫(xiě)復(fù)雜的大型應(yīng)用程序，成為企業(yè)級(jí)開(kāi)發(fā)語(yǔ)言。

這里給大家推薦一個(gè)比較流行的ES6教程,就是大名鼎鼎的阮一峰顯示的著作:

ECMAScript 6 入門(mén):??http://es6.ruanyifeng.com/#README

階段四:微信小程序的準(zhǔn)備工作

第一步:你需要擁有一個(gè)小程序帳號(hào)，通過(guò)這個(gè)帳號(hào)你就可以管理你的小程序。

點(diǎn)擊?https://mp.weixin.qq.com/wxopen/waregister?action=step1?根據(jù)指引填寫(xiě)信息和提交相應(yīng)的資料，就可以擁有自己的小程序帳號(hào)。

階段五:開(kāi)發(fā)第一個(gè)小程序

新建項(xiàng)目選擇小程序項(xiàng)目，選擇代碼存放的硬盤(pán)路徑，填入剛剛申請(qǐng)到的小程序的 AppID，給你的項(xiàng)目起一個(gè)好聽(tīng)的名字，最后，勾選 "創(chuàng)建 QuickStart 項(xiàng)目" (注意: 你要選擇一個(gè)空的目錄才會(huì)有這個(gè)選項(xiàng))，點(diǎn)擊確定，你就得到了你的第一個(gè)小程序了，點(diǎn)擊頂部菜單編譯就可以在 IDE 預(yù)覽你的第一個(gè)小程序。