• Stars
    star
    287
  • Rank 140,881 (Top 3 %)
  • Language
    JavaScript
  • Created almost 8 years ago
  • Updated over 6 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

StuQ《Node.js微信开发》课程文档

StuQ《Node.js微信开发》

课程概览

我们这次讲的课是《Node.js微信开发》,是StuQ推出的第一门课,期望做成一门可以打样的课。

Why

随着移动互联网的发展,app开发技术也逐渐从native到hybrid,当微信横空出世之后,拥有大量用户,很多公司为了能够借力,集成微信作登录为用户授权管理,当微信推出公众号后,h5技术就得到了大量应用,h5和web开发都是要使用js作为主要语言,无论是dom操作,动画,还是ajax异步网络请求等,故而js是必须会的。

如果能够用js可以搞定h5端,还能搞定服务器端的微信开发,是不是更好呢?基于这个初衷,我们特地准备《Node.js微信开发》一课,Node.js是目前最火的技术,微信开发也是,而微信开发主要是以h5和js为主,以js为纽带,链接Node和h5端开发,既能完成应用开发,又能让大家在技术上有一定指导意义,为日后的全栈选择提供了可能。

作者简介

桑世龙(网名i5ting),StuQ 明星讲师,开源项目 Moajs 作者,Node.js 技术布道者

曾就职在新浪、网秦,曾做过前端、后端、数据分析、移动端负责人、做过首席架构师、技术总监,全栈技术实践者,目前主要关注技术架构和团队梯队建设方向。

githubcnodejs上的i5ting,目前在天津创业,空弦科技cto,公司目前使用技术主要是Node.js,Moajs作者, 技术栈算所谓的MEAN(mongodb + express + angular + node),所有代码都部署在阿里云上

曾在新浪,网秦等工作过

算全栈程序员吧,java、php、perl、ruby,bi、云计算、ios、android、h5都做过,带过前端、后端、数据分析、移动端负责人、做过首席架构师、技术总监、CTO

哈哈

我的名字i5ting,原因是我媳妇叫张婷,哈哈

闲言少叙,下面开始正题

Node.js靠谱么?

我可以很负责的讲,Node.js可以完成任何java、php等后端语言可以做的事儿,唯一的差别的是它们发展的时间比较长,在很多模块、开源项目或库等方面有先手优势。

但单就web开发后端来说,Node.js是没有任何问题的,

  1. 稳定,支持cluster集群
  2. 开发速度非常快,代码复杂度较低
  3. 支持mysql、postgre等主流关系型数据库,支持mongodb、redis等NoSQL数据库。无论是严格事务性,还是非严格事务性,都可以轻松应对。
  4. 一切皆模块,对抽象,复用等都非常简单
  5. 对微服务、SOA等架构支持非常好,有足够的扩展性,可以放心与其他服务集成

课程目录

本课程共6节,核心内容如下

  1. 第1节:基本技能
  2. 第2节:Nodejs入门 (14/14)
  3. 第3节:异步流程控制
  4. 第4节:Express和微信开发入门 (6/6)
  5. 第5节:Mongodb数据库
  6. 第6节:微信实例和h5实践 (4/4)
  7. 第7节:WeUI实战 (7/7)
  8. 第8节:微信支付
  9. 第9节:实战付费课程系统

为了能够让大家有更好的理解,赠送了基础技能:Linux、Git、终端、编辑器。

主要内容

  1. Node.js基础和Express框架使用
  2. 微信开发入门与实例
  • 微信分享:对于展示页,利用微信平台来实现病毒式传播
  • 微信授权:集成微信用户授权,可以轻松获得大量用户
  • 微信支付:对于支付类的,可以通过快速实现
  1. H5和WeUI前端实践
  2. 项目实战,实现微信端的付费课程系统

我们花了很多精力把基础知识和单一技能点

  • 基本技能(Coding IDE,Git,命令行等)
  • nodejs基础
  • express
  • 微信基础(后台)
  • 微信分享
  • h5和weui实践
  • 微信支付

这些都太零散了,为了能够让大家有一个整体的项目认知,这里面我们再加一个项目实践,《rework》一书里讲,抓自己的痒,是说创业的时候选题,从自身的痛点出发,这样更容易成功。那么,我们(StuQ)的这个课程,如果想要推广,想让更多人参与,怎么办呢?

既然讲的是这课,那我们就写一个吧!

如何学习?

  • 循序渐进,一次只学一样不会的
  • practice makes perfect,熟能生巧,一定要结合例子,多练,多思考
  • 玩出乐趣,以一个更好的心态来面对编程,切勿急躁、抱怨
  • 一万个小时就会成为专家,坚持就是胜利,至少目前软件开发是朝阳产业。

为什么前端越来越难?越来越有意思?

大前端

从架构上讲,软件从c/s到b/s过度,它的桥梁是浏览器,尤其是ajax促进了web2.0的成功,所以现在我们看到的绝大部分软件的架构都是b/s的,也称为瘦客户端。

从prototype.js到yui,到jquery,到extjs等他们只是从用法和ui上演进,还有就是underscore等工具库。

而backbone的出现,把mvc引入前端,于是前端开始了分层。

当angular.js横空出世,又引入了双向绑定,ioc依赖注入,指令等概念,这实际上在java里早有的概念,这又再一次增加了前端的复杂度。

上面说的是架构上得演进,还有一些enhance的提高,比如js方面有coffeescript和typescript,css方面有less/sass/scss/stylus等,这些不是什么新概念,是对web开发的增强。前提是你熟练使用js和css才能用。

最后是MEAN的full stack最新趋势。有望替换LAMP.

这些还只是前端的发展,现在是移动互联网时代,在微信淘宝等带领下,h5正如火如荼的袭来,可以说是当下最火的技术。那么移动端h5开发和上面的前端技术如何结合就成了现下得趋势。

我觉得大前端应该现下web的统称,包含web开发最佳实践,趋势以及h5。 nodejs作为一个兼容js语法的平台,更容易让广大前端开发者接受,在构建,工具等领域辅助大前端的成长。

如何学习

我们来想想一般的前端有什么技能?

  • html
  • css(兼容浏览器)
  • js会点(可能更多的是会点jquery)
  • ps切图
  • firebug和chrome debuger会的人都不太多
  • 用过几个框架,大部分人是仅仅会用
  • 英语一般
  • svn/git会一点

那么他们如果想在前端领域做的更深有哪些难点呢?

  • 基础:oo,dp,命令,shell,构建等
  • 编程思想上的理解(mvc、ioc,规约等)
  • 区分概念
  • 外围验收,如h5和hybird等
  • 追赶趋势,如何学习新东西

以上皆是痛点。

现在来总结一下学习有2种,1是从头来,2是从某一种框架起

第一种学习下来,没个几年很难学通,第二种只会用框架,补齐概念和基础也比较费劲。总之,无论如何学习曲线都是比较陡峭的,那么如何来让入门的开发者快速学习到这些呢?

软件的精髓在应变,殊途同归,学会如何学习才是我们最重要的道。

  • 积极的心态,做好适应变化的准备
  • 找到属于自己的学习方式
  • 如果有机会,改变或创新,贡献开源社区

非StuQ会员,请加入群聊

Connect

More Repositories

1

How-to-learn-node-correctly

[全文]如何正确的学习Node.js
JavaScript
4,411
star
2

imove

INACTIVE: Move your mouse, generate code from flow chart
TypeScript
3,745
star
3

learn-rust-for-fe

Rust是未来前端基础设施
Rust
1,706
star
4

nodejs-fullstack

高可用架构专用《全栈工程师之路-Node.js》
JavaScript
1,614
star
5

koa-generator

Koa' application generator for 1.x and 2.x( Express-style and support all middlewares include async/await )
JavaScript
970
star
6

i5ting_ztree_toc

[NO MAINTENANCE] a jQuery plugin for preview markdown table of content jQuery.zTree_Toc.js toc ztree and online demo site v0.4.1
JavaScript
731
star
7

vsc

Visual Studio Code Guide[Simple Chinese][简体中文]
JavaScript
567
star
8

node-debug-tutorial

3法3例细说node-debug
HTML
312
star
9

Study-For-StuQ

《通过开源项目去学习》
JavaScript
261
star
10

tocmd.npm

a node npm wrapper of i5ting_ztree_toc
JavaScript
212
star
11

oh-http

精解http
JavaScript
207
star
12

asynchronous-flow-control

StuQ分享专题《深入浅出js(Node.js)异步流程控制》完整版
JavaScript
196
star
13

modern-nodejs

DockOne微信分享专用(2016-07-12)《微服务选型之Modern Node.js》
JavaScript
186
star
14

stuq-koa

和StuQ合作的《下一代Web框架Koajs》在线课程文档
JavaScript
174
star
15

fe-2022-in-china

2022大前端总结和2023就业分析
149
star
16

sketch-practice

自学sketch实践
JavaScript
143
star
17

ionic_ninja

通过一个开源项目,让更多人了解如何学习新技术,以及其中遇到的问题是如何求解的。另外让大家了解更多ionicframework的细节
JavaScript
135
star
18

uploadify

uploadify = express && koa 2 uploadify with jquery fileupload
JavaScript
129
star
19

nodejs-arch-for-java

Java项目如何与Node.js共存?
123
star
20

i5ting-mac-init

自己 Mac + Node.js 电脑初始化开发环境的安装脚本
Shell
111
star
21

how-brower-work-and-perfomace-tunning

浏览器渲染原理
105
star
22

ama

Ask me anything in 《Node全栈》
101
star
23

express-starter

a nodejs express boilerplate project for starter
JavaScript
93
star
24

mvc

自己动手写框架,基于Koa2
JavaScript
74
star
25

i5ting

个人介绍
JavaScript
71
star
26

tocmd.gem

a ruby gem wrapper of i5ting_ztree_toc
CSS
66
star
27

nodejs-newbie

Node.js新手指南
61
star
28

weui-practice

weui-practice
JavaScript
56
star
29

write-scaffold-with-nodejs

零基础十分钟教你用Node.js写生成器:你只需要5步
JavaScript
49
star
30

node-http

node-http doc
JavaScript
45
star
31

learn-ts-with-10-opensource-project

41
star
32

stateview

Stateview is a react render solution for Multi-State View.
TypeScript
41
star
33

stuq-wxapp

狼叔带你一起玩转微信应用号
JavaScript
40
star
34

ts-junit

use JUnit 5 Decorator in TypeScript
TypeScript
40
star
35

nodeparty-beijing-2020-1-11

nodeparty ppt
40
star
36

node-quick-start-course

博文视点《狼叔的Node.js快速入门课》
36
star
37

umi-in-action

📚UmiJS 实战
TypeScript
33
star
38

mobile-design-doc

31
star
39

ava-practice

ava-practice: 面向未来的测试运行器
JavaScript
26
star
40

je

json editor port to npm
JavaScript
24
star
41

vueconf-ppt

22
star
42

githubrank

a simple user crawler for githubrank.com
JavaScript
22
star
43

2021

我的2021年一些想法,记录一下
22
star
44

hade

html to jade
JavaScript
21
star
45

simplereader

从零开始写【爬虫 + Koa】
CSS
21
star
46

stuq-gulp

StuQ-Gulp实战和原理解析大纲
JavaScript
21
star
47

langshu

狼书勘误
20
star
48

markdown_toc

a flexible markdown toc with more custom style && freedom
JavaScript
20
star
49

kp

kp is a tool for kill process by server port. it can be used on mac && linux && window
JavaScript
20
star
50

awesome-mac-practice2

awesome-mac-practice
JavaScript
19
star
51

gitbook-plugin-toc2

在gitbook里,回车,显示或隐藏toc
JavaScript
18
star
52

js-tools-best-practice

此repo已不再维护,请前往https://github.com/streakq/js-tools-best-practice
JavaScript
16
star
53

nodeparty-ppt-20170729

16
star
54

How-to-write-jQuery-plugin

How to write jQuery plugin? 如何编写 jQuery 插件,以及代码重构过程经验总结
JavaScript
16
star
55

reactjs-getting-start

react practice
JavaScript
15
star
56

history-of-node-js

history-of-node-js
JavaScript
15
star
57

mongoose-base-user-plugin

a plugin for mongoose base user model for koa && express
JavaScript
15
star
58

superkoa

koa with supertest for ava or mocha
JavaScript
15
star
59

koa-bigpipe

a simple bigpipe impl with koa 2.x
JavaScript
14
star
60

umi-ssr

JavaScript
13
star
61

git-quick-start

这是一个给小白看的快速入门git的简易教程,使用gif的方式播放命令行的使用记录
13
star
62

upload-anywhere

a node cli tools for uploads ui
JavaScript
12
star
63

glorious-node

《更了不起的Node.js》演讲稿提纲
12
star
64

nodejs-open-source-recommendation

Node.js开源项目推荐
12
star
65

weide

微信应用号官方IDE破解助手,可避免自动升级
JavaScript
12
star
66

tpl_apply

tpl_apply with handlebars
JavaScript
10
star
67

dahu

答乎(个人版) = 分答 + 值乎
10
star
68

Collection.js

Collection.js is mobile collection: a data access object wrapper for all mobile platform
JavaScript
10
star
69

poetry

现代诗歌精选,读到好的就放里面
10
star
70

i5ting.react.tab

i5ting.react.tab
JavaScript
10
star
71

umi-serve-cli

umi-serve is a cli tool for umi mock data
JavaScript
10
star
72

mongo-here

start mongo here
JavaScript
8
star
73

rate2

express/koa 限流器
JavaScript
8
star
74

simditor-qn

simditor upload router with qiniu.com for expressjs
JavaScript
8
star
75

Beeframework_template_installer

Beeframework_template_installer
Shell
8
star
76

travis-cli

a cli tool for travis-cli
JavaScript
8
star
77

giac-2022-big-frontend

8
star
78

moag

a scaffold generator for koa && koa 2 && express && mongoose
JavaScript
8
star
79

cnodejs-api

cnode api && 快速发布README.md到cnode
JavaScript
8
star
80

docto

docto is a Doc Tool for Generate README.md with Toc and Push it to Git Pages
JavaScript
8
star
81

subl

alias subl=\''/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl'\'
JavaScript
8
star
82

clipanion-test

clipanion 是一个极好的模块,必火
JavaScript
8
star
83

koa2-api

JavaScript
7
star
84

fayeserver

fayeserver
JavaScript
7
star
85

nodejs-test

7
star
86

koa-elastic-apm

JavaScript
7
star
87

node-wechat

node-wechat 微信实践
6
star
88

mobile-dev-practice

iOS + Android 双修
Java
6
star
89

hostrc

An alternate host-switch minimal solution of SwitchHosts && multiple-host
JavaScript
6
star
90

bigview-koa-demo

JavaScript
6
star
91

ichat

ichat : it's an im client like webchat
JavaScript
6
star
92

pwa

HTML
6
star
93

coden

coden = vsc(visual studio code) cli for Mac
JavaScript
6
star
94

ktpl

simple template
JavaScript
6
star
95

get-umi-webpack-compiler

JavaScript
6
star
96

icrunch

a wordlist generator where you can specify a standard character set or a character set you specify.
JavaScript
5
star
97

node-deploy-practice

node-deploy-practice
JavaScript
5
star
98

xview

xview = xstate + stateview
5
star
99

2022

5
star
100

blockchain-study

5
star