w3c

技术栈

前端的关键字: 设计 高大上 路漫漫其修远兮 心向往之
一个好的前端开发的思路: 整体分析 -> 模块分析(先结构后样式) -> 学会模仿(看到好看的, 都可以尝试一下自己实现)

ajax: Asynchronous JavaScript And Xml; 与服务器进行少量数据交换, 使网页实现 异步 更新
客户端通过浏览器内置对象 XMLHttpRequest 来发送异步请求

// jquery - ajax$.get(url, {'key':'value'}, function(data){})$.post(url, {'key':'value'}, function(data){})$.ajax({    url: '{{ url('test') }}',    data: {czl:'ajax'},    type: 'post', // default: get    success: function(data){}})

w3cschool: http://www.w3school.com.cn/ (建议下载一个离线手册, 很实用的)
慕课网web前端工程师学习计划: http://www.imooc.com/course/programdetail/pid/32(一步一步来)

这也是一篇比较乱的blog, 记了太多东西.

tools

前端工具推荐: sublime + emmet插件; 浏览器的调试工具(现在使用谷歌的居多)

sublime
快捷键说明: 本人使用window, 快捷键按照linux下常见的方式进行缩写, 如 C -> ctrl
emmet触发快捷键: C-e; sublime的snippet触发快捷键为tab, 不过使用emmet的触发快捷键, 也可以触发sublime中相关的snippet
输入lorem, 自动填充一段无意义的话, 方便测试有文字内容的部分

chrome调试工具
自动出现样式的可选项
颜色选择器, 不仅可以选, 还会出现一个取色器