下学期技术重心

方向

希望大家以本文提及的技术为线索撰写寒假学习计划,并欢迎补充!

向前端进军,集中于基于HTML5的WEB单面应用,以node.js为主线,尝试各种新一代编程模型与应用架构,如实时应用,混合移动应用等

基础

• html5
• Javascript
• jquery
• underscore
• node.js
  
  • 七天学习node.js

前端构建工具

主要包括完成前端开发常见任务所需要的一系列工具

- 综述

• 服务端模块化 http://nqdeng.github.io/7-days-nodejs/
• 模块化 http://segmentfault.com/blog/trigkit4/1190000000733959
• 包管理 http://segmentfault.com/blog/news/1190000002441221
  
  • npm
  • https://www.npmjs.com/
  • yulp 或 grunt
  • Gulp vs Grunt
    
    • http://segmentfault.com/blog/nightire/1190000000435599)
    • http://segmentfault.com/blog/aomine_2450732/1190000002491282
  • yulp教程
    
    • http://segmentfault.com/blog/laopopo/1190000000372547)
    • http://segmentfault.com/blog/skyinlayer/1190000000711469
    • https://github.com/jabez128/stream-handbook
  • grunt教程
  • 其它
    
    • How to Use npm as a Build Tool
  • bower
  • browserify
  • 推荐 webpack
• http://webpack.github.io/docs/tutorials/getting-started/
  
  • yeoman
  • http://segmentfault.com/blog/brann/1190000000632470
  • only for ember.js
• ember-cli
• broccoli

其它工具

• chrome dev tools
• firefox开发版
• jslint cslint eslint
  
  • Maintaining JavaScript Code Quality with ESLint
    https://www.paypal-engineering.com/2014/12/12/maintaining-javascript-code-quality-with-eslint

前端页面框架

侧重于结构与样式,主流的框架可参看
The 5 Most Popular Frontend Frameworks of 2014 Compared

• bootstrap
• ionic
• UIkit

单页应用(SPA)框架

单页应用区别于传统的服务端生成页面的模式,有利于前后端的分离与并行工作,一般用于PC端的WEB前端

meteor.js

强烈推荐！ realtime web app framework and full stack solution！最前沿的WEB开发框架！
- meteor
- http://joshowens.me/what-is-meteor-js
- http://joshowens.me/getting-started-with-meteor-js
- meteor学习资源汇总

react.js + flux.js

推荐: facebook支持,较为轻量级
- http://www.jackcallister.com/2015/01/05/the-react-quick-start-guide.html
- http://www.sitepoint.com/getting-started-react-jsx/
- http://www.sitepoint.com/creating-note-taking-app-react-flux/
- React 基本概念 http://pomax.github.io/#gh-weblog-1419289380022
- 中文译文 http://www.html-js.com/article/2328
- react with Mixins, Gulp, and Browserify http://pomax.github.io/?#gh-weblog-1420592591221
- 示例代码 https://github.com/coodoo/react-meetup-1

ember.js

社区驱动,设计思想源于rails,结构较好,有利于学习SPA的各种概念
- [ebook]build web apps with ember.js 随书代码

angular.js

不推荐,其2.0版本将完全重写,不与1.X版本兼容,目前不是学习的好时机. 其优劣势都在于google的支持

参考

• JavaScript Application Architecture On The Road To 2015
• 前端的未来不属于单一框架
• angular.js优劣
• Angular.js vs Ember.js

基于node.js的后端框架

sails.js = rails + js ,新一代的rails,推荐!

• Sails.JS

hybird app 混合应用

• appcan
• phonecap

相关技术

Nosql

• nosql mongodb
• redis

Android原生应用

原生前端应用推荐两个发展方向,一是追求极致体验的前端交互应用,二是追求底层操作的系统级应用; 快速移动前端应用的开发未来应当是hybird app的天下

• android学习之路
• android开源项目汇总

教程与示例

• sails.js + angular.js
• Meteor + AngularJS

参考资源

• JavaScript高手的资源装备
• cheatsheet集合
• 30 天学习 30 种新技术系列
• [ebook] Programming JavaScript Applications
  http://chimera.labs.oreilly.com/books/1234000000262/index.html
• [ebook] Understanding ECMAScript 6
  https://leanpub.com/understandinges6/

技术负责人

负责各技术方向的重点攻关,优秀资源推荐,各类活动的话题组织等

负责人当前任务

寒假能看完两本书,足矣!

• 推荐一本本方向中文书,用于入门
• 推荐一本本方向英文书,用于进阶

电子书下载网站

• http://www.wowebook.com/
• http://www.itpub.net/forum.php 使用搜索