周末学习总结（二）

为了更好的学习前端，了解我们所需要学习的内容框架是必不可少的，下面是我收集的学好web前端要涉及到哪些方面

浏览器
- IE6/7/8/9
- Firefox
- Chrome/Safari/Opera
编程语言
- JavaScript/Node.js
- JavaScript语言精粹
切页面
- HTML/HTML5
- CSS/CSS3
- PhotoShop/Paint.net

- 开发工具
  - IDE
  - 调试工具
  - 版本管理
    - Git/SVN
    - Github/Bitbucket/Google Code
- 代码质量
  - Coding style
  - 单元测试
    - QUnit/Jasmine
    - Mocha/Should/Chai
  - 自动化测试
    - WebDriver
- 前端库/框架
- 前端标准/规范
  - HTTP1.1
  - ECMAScript3/5
  - W3C/DOM/BOM/XHTML/XML/JSON/JSONP
  - CommonJS/AMD
  - HTML5/CSS3
- 性能
- 编程知识储备
  - 数据结构
  - OOP/AOP
  - 原型链/作用域链
  - 闭包
  - 函数式编程
  - 设计模式
  - Javascript Tips
- 部署流程
  - 压缩合并
  - 文档输出
    - JSDoc
    - Dox/Doxmate
  - 项目构建工具
    - make/Ant
    - GYP
    - Grunt
    - Yeoman
- 代码组织
  - 类库模块化
    - CommonJS/AMD
    - YUI3模块
  - 业务逻辑模块化
  - 文件加载
    - LABjs
    - SeaJS/Require.js
- 安全
  - CSRF/XSS
  - ADsafe/Caja/Sandbox
- 移动Web
  - HTML5/CSS3
  - 响应式设计
  - Zeptojs/iScroll
  - V5/Sencha Touch
  - PhoneGap
  - jQuery Mobile
- JavaScript生态
  - MongoDB/CouchDB
- 前沿技术社区/会议
  - D2/WebRebuild
  - NodeParty/W3CTech/HTML5梦工厂
  - JSConf/沪JS(JSConf.cn)
  - QCon/Velocity/SDCC
  - JSConf/NodeConf
  - YDN/YUIConf
- 计算机知识储备
  - 编译原理
  - 计算机网络
  - 操作系统
  - 算法原理
  - 软件工程/软件测试原理
- 软技能
  - 知识管理/总结分享
  - 沟通技巧/团队协作
  - 需求管理/PM
  - 交互设计/可用性/可访问性知识
- 可视化
  - SVG/Canvas/VML
  - D3/Raphaël/DataV
后端工程师

编程语言
- C/C++/Java/PHP/Ruby/Python/…
数据库
- SQL
- MySQL/MongoDB/Oracle
操作系统
- Unix/Linux/OS X/Windows
数据结构

其实上述很多东西我们都在以往的学习中了解或者接触到了，但是前端路道阻且长。希望在未来的学习中以上面的框架为基础进行知识扩展

时间： 2024-10-10 05:14:54

周末学习总结（二）的相关文章

ASP.NET MVC学习系列(二)-WebAPI请求

继续接着上文 ASP.NET MVC学习系列(一)-WebAPI初探来看看对于一般前台页面发起的get和post请求,我们在Web API中要如何来处理. 这里我使用Jquery 来发起异步请求实现数据调用. 继续使用上一文章中的示例,添加一个index.html页面,添加对jquery的引用. 一.无参数Get请求一般的get请求我们可以使用jquery提供的$.get() 或者$.ajax({type:"get"}) 来实现: 请求的后台Action方法仍为上篇文章中的GetU

Windows API 编程学习记录<二>

恩,开始写Windows API编程第二节吧. 上次介绍了几个关于Windows API编程最基本的概念,但是如果只是看这些概念,估计还是对Windows API不是很了解.这节我们就使用Windows API 让大家来了解下Windows API的用法. 第一个介绍的Windows API 当然是最经典的MessageBox,这个API 的作用就是在电脑上显示一个对话框,我们先来看看这个API的定义吧: int WINAPI MessageBox(HWND hWnd, LPCTSTR lpTe

Caliburn.Micro学习笔记(二)----Actions

Caliburn.Micro学习笔记(二)----Actions 上一篇已经简单说了一下引导类和简单的控件绑定我的上一个例子里的button自动匹配到ViewModel事件你一定感觉很好玩吧今天说一下它的Actions,看一下Caliburn.Micro给我们提供了多强大的支持我们还是从做例子开始 demo的源码下载在文章的最后例子1.无参数方法调用点击button把textBox输入的文本弹出来如果textbox里没有文本button不可点,看一下效果图看一下前台代码 <Stac

javascript基础学习（二）

javascript的数据类型学习要点: typeof操作符五种简单数据类型:Undefined.String.Number.Null.Boolean 引用数据类型:数组和对象一.typeof操作符 typeof操作符用来检测变量的数据类型,操作符可以操作变量也可以操作字面量. 对变量或值运用typeof操作符得到如下值: undefined----如果变量是Undefined类型: boolean-------如果变量是Boolean类型: number-------如果变量是Numbe

Qt Installer Framework的学习（二）

Qt Installer Framework的学习(二) Qt Installer Framework的一些操作可以使用最常见的Qt项目来表示,也就是说,书写pro文件,使用qmake运行之,除了能够编译正常的项目之外,也可以为项目打包.这里最重要的就是binarycreator了.下面就是我命令行使用binarycreator的时候弹出的一些提示,我们可以根据这样的提示,来了解究竟有哪些使用的方法. 上海萌梦信息科技有限公司(微博:http://weibo.com/qtdream)原创文章,首

2. 蛤蟆Python脚本学习笔记二基本命令畅玩

2. 蛤蟆Python脚本学习笔记二基本命令畅玩本篇名言:"成功源于发现细节,没有细节就没有机遇,留心细节意味着创造机遇.一件司空见惯的小事或许就可能是打开机遇宝库的钥匙!" 下班回家,咱先来看下一些常用的基本命令. 欢迎转载,转载请标明出处:http://blog.csdn.net/notbaron/article/details/48092873 1. 数字和表达式看下图1一就能说明很多问题: 加法,整除,浮点除,取模,幂乘方等.是不是很直接也很粗暴. 关于上限,蛤蟆不太清楚

Android学习Scroller(二)——ViewGroup调用scrollTo()

MainActivity如下: package cc.ac; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.LinearLayout; import android.app.Activity; /** * Demo描述: * 对ViewGroup调用sc

小猪的数据结构学习笔记(二)

小猪的数据结构学习笔记(二) 线性表中的顺序表本节引言: 在上个章节中,我们对数据结构与算法的相关概念进行了了解,知道数据结构的逻辑结构与物理结构的区别,算法的特性以及设计要求;还学了如何去衡量一个算法的好坏,以及时间复杂度的计算!在本节中我们将接触第一个数据结构--线性表; 而线性表有两种表现形式,分别是顺序表和链表;学好这一章很重要,是学习后面的基石; 这一节我们会重点学习下顺序表,在这里给大家一个忠告,学编程切忌眼高手低,看懂不代表自己写得出来,给出的实现代码,自己要理解思路,自己

JavaScript--基于对象的脚本语言学习笔记(二)

第二部分:DOM编程 1.文档象模型(DOM)提供了访问结构化文档的一种方式,很多语言自己的DOM解析器. DOM解析器就是完成结构化文档和DOM树之间的转换关系. DOM解析器解析结构化文档:将磁盘上的结构化文档转换成内存中的DOM树从DOM树输出结构化文档:将内存中的DOM树转换成磁盘上的结构化文档 2.DOM模型扩展了HTML元素,为几乎所有的HTML元素都新增了innerHTML属性,该属性代表该元素的"内容",即返回的某个元素的开始标签.结束标签之间的字符串内容(不包含其它

CSS学习（二）—浮动

一. 定义浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止. 解决的问题:"如何在一行显示多个div元素" 二. 浮动与不浮动区别图1 图2 区别不浮动的框是由上往下独占一行的,而浮动的框是紧靠着排列的.图2中d1.d2.d3都是向左浮动的,所以先把d1放在紧靠着父框摆放,然后把d2紧靠着d1摆放,最后d3紧靠着d2摆放.向右浮动亦与之类似. 语法: float : none | left |right 参数: none : 对象不浮动 left :