Skip to content

shy2850/web123

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 

Repository files navigation

#119WEB培训2.0版

##HTTP (4课)

  1. HTTP所处通信协议层级和规定范围
  2. 浏览器请求和服务器响应构成及特点
  3. 了解常用WEB服务器(iis,tomcat,apache,nginx等)

##HTML (12课) 超文本 标记语言 (Hyper Text Markup Language)

  • HTML基础结构
  • HTML标签 /<(\w+)>(.*?)(<\/\1>)?/
    • 常用标签
    • 布局标签
    • 表单标签
  • HTML属性 /<(\w+)\s*([\w-]+\="[^"]*"\s*)*>(.*?)(<\/\1>)?/i
    • 4个通用属性
    • 表单标签属性
    • 特殊功能属性
    • 自定义属性
  • HTML实体和符号
  • XHTML和HTML /<(\w+)\s*([\w-]+\="[^"]*"\s*)*>(.*?)(<\/\1>)/
  • 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/
  • LESS、SASS
  • 压缩, 编码
  • #实例( 响应式动态页面 )

##JavaScript (30课) JavaScript 是一种__轻量级__的__编程语言__。

  • ECMAScript (12课)
    • 基本语法 (任何编程语言的基本语法,都是不涉及平台和实际应用功能的)
      • 变量定义和表达式
      • 数值运算、字符串运算、比较运算、逻辑运算等
      • 各种全局对象的显式定义
      • 条件、循环和分支
      • 递归典型案例以及实现要素( 结束标志 + 可递归算法 )
      • 关键字和保留字
      • #练习( 简单排序算法的原理及实现 )
      • JSON
      • JS秘密花园
    • 全局对象
    • 全局方法
    • 面向对象(封装、继承、多态)
    • #实例( 面向对象应用实例 )
  • 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加载/执行基本特点
  • #练习( 星级评分☆☆☆☆☆ )
  • #练习( 模拟下拉框 )
  • #实例( windows计算器 )

##jQuery (30课) 浏览器上面最流行的一套javascript方法库

##nodejs (12课)

  • 服务端开发和前端开发差异
  • nodejs 环境安装测试
  • nodejs 模块查询规范
  • npm 常用操作
  • 常用nodejs模块
  • 发布自己的包到npm仓库
  • 构建自己的node服务器: f2e-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 ( SVG & VML 兼容类库)
  • Canvas-xCanvas Zrender.js ( canvas & xcanvas 兼容类库 )
  • 其他
    • webworker
    • location
    • 系统API调用 - 光感/重力感应等

About

WEB开发课程记录

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published