告别 “bootstrap” 臃肿开发,定制栅格化响应式框架

公开课福利来啦~

  • 说起响应式开发,是不是让人想到 bootstrap?
  • 但这个框架的最大问题是:
  • 令人无奈的、替你预设了大量样式,
  • 使得你不得不重新定义 CSS、沉淀诸多冗余代码,
  • 最终,不可避免的让项目体积臃肿不堪、加载缓慢 …
本次公开课,讲师将会带你一起:

···> 打造专属的、灵活的响应式框架
···> 编写自定义的栅格化系统、极大精简代码
···> 玩转属于自己的:《响应式栅格化系统》

6 月 12 日 周二晚 8 点,让我们一起:

《告别 “bootstrap” 臃肿开发,灵活定制栅格化响应式开发框架》

免费报名地址:

https://ke.qq.com/course/218792

课程内容:

许多人制作响应式布局都会使用 bootstrap 实现栅格化方案。然而 bootstrap 中定义了大量的样式,不管是否用到都在框架范围内,导致项目体积臃肿不堪、加载缓慢……

本次公开课,讲师会以原生方式,向大家展示一套自定义栅格化响应式框架的实现流程,以此极大精简代码、最终变成你自己专属的、灵活的响应式解决方案。

  1. 一、“响应式” 网站释意
  2. 何谓 “响应式” 网站
  3. “响应式” 适用场景
  4. “响应式” 优缺点
  5. “响应式” 开发工具
  6. 二、起底 bootstrap 框架
  7. bootstrap 框架缺点大荟萃
  8. 提取栅格系统方案
  9. 栅格系统功能分析
  10. 三、自定义 “响应式” 栅格化功能实现
  11. 媒询
  12. 布局容器
  13. 列排序
  14. 列偏移
  15. 四、“响应式” 栅格化应用(实际案例开发)

上课时间:

2018 年 6 月 12 日 - 星期二 20 : 00 ~ 22 : 00

免费报名地址:

https://ke.qq.com/course/218792


适用人群(学前要求):

1、具备 css 和 html 以及原生 js 的基础(ECMAScript+DOM+EVENT)
2、熟练使用 less
PS:不清楚自己是否具备学前要求?不如测一测吧,微信扫描二维码进行学前测试:


PC 端案例截图




iPad 端案例截图




手机端案例截图



本次公开课来源:

>>精品尊享课程《响应式实战项目开发》


进群方式:关注公众号,发送 “vip进群” 关键字,联系我们加入 VIP 微信学习群

妙味网友
请登录后留言,请登录注册
 
 
 
 
 
联系我们

点我咨询QQ客服

010-57269690

在线微信客服
客服1
客服在线时间

工作日:9:30~18:00

周六:10:00~17:00

妙味公众号