全栈课程01 开发环境与版本控制简介

2018-10-27

怎么学好东西——克服懒

  • 动手
  • 动脑子
  • 动嘴
  • 多读——举例:https://gitee.com/oschina/git-osc/wikis/License

环境

  1. Atom编辑器(webStorm、sublime也可,其他就算了)
  2. 集成服务器环境Windows-wamp、Mac-xampp、Linux-Nginx(有其他惯用的也可以,但要求支持PHP、MySQL)
  3. VMware虚拟机
  4. CentOS 64bit镜像(没有的去mirrors.163.com下载)
  5. putty、winSCP(Mac用yummy FTP、Linux直接ssh)
  6. Photoshop CS6以上版本
  7. git for windows(Mac用git-scm、Linux直接yum/apt)
  8. TortoiseSVN(Mac用SnailSVN、Linux直接yum/apt)
  9. Node.js v9.*
  10. phonegap-cli v6.5.2(不要用最新版)
  11. APICloud Studio 2
  12. Navicat for MySQL
  13. MongoDB
  14. Chrome、Firefox

英文

  1. 原文文档更能体现作者的意图;90%的文档没有中文版
  2. 阅读代码方便
  3. 关注作者的Twitter、fackbook

工具

atom

  1. 优点:插件丰富
  2. 缺点:打开大文件很卡
  3. ctrl+shift+p
  4. 插件

版本控制

文件共享、版本管理、冲突

  • svn——中心服务器 checkout commit upadte
  • git——去中心化的、装 clone add/commit/push pull

书写

markdown

编译、打包

  • 编译:ES6 -> ES5 babel
  • 打包:
  • 万能:grunt、gulp 老了
  • 编译:babel、browserify 单一
  • 同步:browser-sync 单一
  • WebPack主力

全栈技能概览

前台、移动端、混合、后台、数据库、工具、部署、linux、版本、文档、…

课程内容

  1. 基础知识:ES6/ES7、HTML5/CSS3、数据交互、…
  2. 移动端:布局、touch、库
  3. 图形:canvas、SVG/VML、Raphael、d3、echarts、WebGL…
  4. 游戏:
  5. 工具:版本控制、编译、打包、脚手架…
  6. 后台:Node、express、KOA、爬虫…
  7. 混合开课
  8. 微信:公号、小程序
  9. 三大框架:angular、vue、react
  10. 数据结构、算法、设计模式

(本文完)

知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。