https://github.com/shy2850/web123
WEB开发课程记录
https://github.com/shy2850/web123
Last synced: about 2 months ago
JSON representation
WEB开发课程记录
- Host: GitHub
- URL: https://github.com/shy2850/web123
- Owner: shy2850
- Created: 2014-12-06T06:22:31.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2015-04-05T09:36:35.000Z (about 10 years ago)
- Last Synced: 2025-03-27T14:55:04.684Z (2 months ago)
- Language: Java
- Size: 5.06 MB
- Stars: 12
- Watchers: 4
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#119WEB培训2.0版
##HTTP (4课)
1. HTTP所处通信协议层级和规定范围
1. 浏览器请求和服务器响应构成及特点
1. 了解常用WEB服务器(iis,tomcat,apache,nginx等)
##HTML (12课)
超文本 标记语言 (Hyper Text Markup Language)
* HTML基础结构
* HTML标签 ``/<(\w+)>(.*?)(<\/\1>)?/``
* 常用标签
* 布局标签
* 表单标签
* HTML属性 ``/<(\w+)\s*([\w-]+\="[^"]*"\s*)*>(.*?)(<\/\1>)?/i``
* 4个通用属性
* 表单标签属性
* 特殊功能属性
* 自定义属性
* HTML实体和符号
* [实体](http://w3school.com.cn/tags/html_ref_entities.html)
* [符号](http://w3school.com.cn/tags/html_ref_symbols.html)
* XHTML和HTML ``/<(\w+)\s*([\w-]+\="[^"]*"\s*)*>(.*?)(<\/\1>)/``
* no html, but xhtml
* HTML验证: [http://validator.w3.org/](http://validator.w3.org/)
* HTML和XML ``/<([:\w\-]+)>(.*?)(<\/\1>)/``
* 从超文本的标记 到 可扩展标记语言
* 可以做网页的 __数据传输格式__ ( ? )
* markdown
* 基本语法
* markdown扩展
* ASP/JSP/PHP
##CSS (12课)
层叠__样式表__ (Cascading Style Sheets)
* CSS基础语法和引入格式 ``/[.#*\s,+:\-\w]+\{([\w-]+\:[^;]+;+)*\}/``
* CSS样式定义
* CSS定位
* CSS选择器
* CSS层叠次序和优先级
* IE滤镜基础知识
* IE浏览器使用css表达式引入脚本( expression && behavior )
* #实例( css多级联动菜单 )
* 更多的CSS功能: CSS3
* 扩展选择器
* media-query
* transform
* animation
* CSS关联HTML优化验证: [http://jigsaw.w3.org/css-validator/](http://jigsaw.w3.org/css-validator/)
* LESS、SASS
* 压缩, 编码
* #实例( 响应式动态页面 )
##JavaScript (30课)
JavaScript 是一种__轻量级__的__编程语言__。
* ECMAScript (12课)
* 基本语法 (任何编程语言的基本语法，都是不涉及平台和实际应用功能的)
* 变量定义和表达式
* 数值运算、字符串运算、比较运算、逻辑运算等
* 各种全局对象的显式定义
* 条件、循环和分支
* 递归典型案例以及实现要素( 结束标志 + 可递归算法 )
* 关键字和保留字
* #练习( [简单排序算法的原理及实现](http://runjs.cn/detail/m1pgexjv) )
* JSON
* [JS秘密花园](http://bonsaiden.github.io/JavaScript-Garden/zh/)
* [全局对象](http://w3school.com.cn/jsref/index.asp)
* [全局方法](http://w3school.com.cn/jsref/jsref_obj_global.asp)
* 面向对象(封装、继承、多态)
* #实例( 面向对象应用实例 )
* BOM (4课)
* Window
* Navigator
* Screen
* History
* Location
* HTML-DOM && XML-DOM (8课)
* DOM的选择,获取,遍历 (扩展了解:xPath/xQuery)
* DOM操作: 删除、创建、克隆、替换、改变、添加
* XML-DOM对象属性的继承( 浏览器差异 )
* HttpRequest
* DOM的attributes操作
* HTML-DOM的css操作
* 浏览器javascript加载/执行基本特点
* #练习( [星级评分☆☆☆☆☆](http://runjs.cn/detail/evsimdcq) )
* #练习( [模拟下拉框](http://runjs.cn/detail/evsimdcq) )
* #实例( [windows计算器](http://runjs.cn/detail/0wgck9pa) )
##jQuery (30课)
浏览器上面最流行的一套javascript方法库
* jQuery对象
* jQuery的类扩展和原型扩展
* [Sizzle(jQuery选择器)](http://w3school.com.cn/jquery/jquery_ref_selectors.asp)
* jQuery事件绑定和事件代理的实现原理和注意事项
*【this】和【$(this)】
* jQuery的属性操作、css操作 && data数据绑定
* jQuery.ajax
* jQuery.fn.animate
* jQuery基本实现原理讲解 [wfQuery](https://github.com/shy2850/wfQuery)
* #实例( [简单俄罗斯方块](http://runjs.cn/detail/h05vfmrb) )
* #扩展( [基于jQuery的表单验证](http://shy2850.github.io/wfQuery/demo/7.formValid.html) )
##nodejs (12课)
* 服务端开发和前端开发差异
* nodejs 环境安装测试
* nodejs 模块查询规范
* npm 常用操作
* 常用nodejs模块
* 发布自己的包到npm仓库
* 构建自己的node服务器: [f2e-server](https://github.com/shy2850/node-server)
##模块化和构建 (8课)
* 什么是模块化? 为什么需要模块化。
* nodejs的CMD && requirejs的AMD。
* 前端构建解决那些问题？
* 工具化/流程化的前端构建。
##HTML5新技术尝试 (8-12课)
* audio-video
* FormData-ajax2.0
* 数据通信相关
* websocket
* server-sent
* 本地存储相关
* Application Cache
* Storage (IE-userData)
* WebSQL
* indexDB
* SVG-VML [Raphsel.js](http://raphaeljs.com/) ( SVG & VML 兼容类库)
* Canvas-xCanvas [Zrender.js](http://ecomfe.github.io/zrender/) ( canvas & xcanvas 兼容类库 )
* 其他
* webworker
* location
* 系统API调用 - 光感/重力感应等