web开发学习 - workthy/web_learning GitHub Wiki

web基础知识准备

HTML & HTML模板引擎

JADE & Handlebars 比较

JADE

  • 在线试玩 Jade
  • [segmentFault提供的教程](Jade —— 源于 Node.js 的 HTML 模板引擎)

CSS & Css模板

Less

是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。

javascript

javascript菜鸟教程 MDN_javascript

js库

JQuery

用于简化js编程的js库.

Bootstrap

是一个用于快速开发 Web 应用程序和网站的前端框架。移动端的响应式设计。

React

是一个用于构建用户界面的 JAVASCRIPT 库。主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目。

AngularJs

自动化部署

  • Grunt:自动化的项目构建工具，对重复执行的任务像压缩，合并，编译，单元测试及代码检查等.
  • Gulp:

开发环境搭建

编辑器

常用插件有： ConvertToUTF8 用于识别gbk编码的文件

  • vim

Nodejs

Web框架

  • Express

官网 4.x_API

数据库

mongodb

mysql

如果需要界面进行编辑，推荐和workbench一起使用。

ubuntu 14下的安装方法是 sudo apt-get install python-mysqldb sudo apt-get install mysql-workbench

版本控制

  • Git

视频： 版本控制入门 – 搬进 Github 中文简介： Git和Github简单教程 英文： Github Help

其他

  • ubuntu 14挂载windows的ntfs分区失败的问题，可以这样解决 sudo blkid + sudo ntfsfix /dev/sdb2 具体的盘符在点击Computer左栏的device下双击看挂载时的报错能看到

参考资料

参考书籍

  • 《Node与Express开发》
  • 《javascript面向编程对象指南》

参考项目

参考视频