Web前端基线

总览

这篇是基线项目的一部分，本文讲解了基本的Web前端技术（暂不含js）的基线及验收条件（即题目）。

基线描述

  • 可以写出结构化良好、语义良好的 HTML；
  • 会运用合适的选择符和属性来定义 CSS；
  • 了解 CSS 预编译工具；
  • 了解 Single Page Application 及其对 SEO、浏览器历史记录的影响；
  • 了解基本的 Web 安全，比如密码管理、XSS、Code injection 等；
  • 了解 Progressive Enhancement
  • 了解 Responsive Design
  • 了解 REST，并会编写出基于 REST 的 API 接口

验收条件如下：

可以写出结构化良好、语义良好的 HTML

  1. 定义一个网页，要求在没有css的情况下使用合理的HTML来描述各个部分，常见的有Form，Article（含h1～h6，还有p），List，Panel，Grid，Navigator，Footer，Header等
  2. 写一篇博客讲解HTML和HTML的语义化

会运用合适的选择符和属性来定义 CSS；

， 1. 完成基本的CSS练习 2. 写一篇博客讲解基本的CSS概念，选择器，盒子模型，margin,padding，layout等 3. 用HTML5+CSS去做一些常见的UI组件,UI challenge camp初级班 6. 写一篇博客讲解CSS高级点的功能，动画，3D等

了解 CSS 预编译工具；

  1. 对一个存在的项目进行css预编译
  2. 写一篇博客讲解预编译

了解 Progressive Enhancement

  1. 基于文件上传的渐进式增强
  2. 图片浏览与图片展示的渐进式增强
  3. 写一篇博客讲解渐进式增强

了解 Responsive Design

  1. 将做过的UI组件，转换成Mobile可用
  2. 写一篇博客讲解基本的responsive design
  3. 照着一个网站像素级复制，做成支持responsive design的网站
  4. 写一篇博客讲解responsive design的技术细节

了解 REST，并会编写出基于 REST 的 API 接口

  1. 写一篇博客讲解REST
  2. 基于sinatra来模拟一个REST API，要考虑安全。
Next Step: Ruby基线 →
Fork me on GitHub