GithubHelp home page GithubHelp logo

hhy5277 / wechat-dev-with-nodejs Goto Github PK

View Code? Open in Web Editor NEW

This project forked from i5ting/wechat-dev-with-nodejs

0.0 1.0 0.0 49.86 MB

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

Home Page: https://i5ting.github.io/wechat-dev-with-nodejs/

JavaScript 95.01% HTML 3.12% CSS 1.86% PHP 0.01%

wechat-dev-with-nodejs's Introduction

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

wechat-dev-with-nodejs's People

Contributors

byr-gdp avatar i5ting avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.