案例教程书写规范

案例是 "课堂笔记" 里的案例内容

目的是为了引导和帮助学员复习

使用什么样的案例?

• 与所学知识相关度高, 是所学知识的综合运用和实践

• 每节课可以拓展一个新知识点

• 内容有趣, 互相性强, 可以是游戏, 动画等

• 案例要实现一个完整的功能, 如贪吃蛇, 轮播图, 选项卡, 三级联动选择器等.

  ​

案例书写规范

1. gif截图( 动态游戏动画案例 )
   
   • 500*500以内 3s 1m以内 下载gifCam软件(windows版)

2. 实现思路

   • 简单说明实现原理和关键技术

3. 实现步骤

   • 根据功能划分模块, 分步骤说明
   • 关键代码写明注释
   • 最后附上源代码
   • 提供相关素材( 图片等 )

下载gitbook客户端
书写格式 使用markdown( 见文档规范 )

案例网站

• HTML5/WebGL动画特效 http://techbrood.com/
• js源码 http://down.admin5.com/texiao/
• jQuery动效 http://www.htmleaf.com/
• CSS3动画 https://tympanus.net/codrops/
• CSS交互http://cssdeck.com/
• 各种案例都有 http://codepen.io/
• CSS动效 https://css-tricks.com/gallery/
• Github源码