产品推广 [思客教学公开课] - 从 0 到 1 实现响应式个人网站

hayeah · 2015年05月11日 · 最后由 chairy11 回复于 2015年05月12日 · 3767 次阅读

这是一个免费公开课,报名请发邮件到 [email protected]


对于很多不擅长前端的程序员来说,写 CSS 是一件很痛苦的事情。虽然你了解了 CSS 的基本原理,真的去实现一个设计却发现其实不是那么简单,毕竟还是 too young。

CSS 有很多坑。同样的属性在不同的环境,或者使用在不同的元素上,都有可能产生完全不同的效果。明明设定了间隔,为什么在某些情况却不生效?为什么 float 把我的布局打乱了?为什么 text-align: center 不能居中某个元素?

很多时候写 CSS 感觉像是在碰运气。浏览器渲染出来不是你要的效果,也不知道为什么,就只能瞎调属性。姿势就对了,浏览器就会给我们正确的效果。

前端大牛工作的方法不一样。他们不在个别属性的层面思考。看到一个需求,他们能直接匹配一个适用的“CSS Design Pattern”。用设计模式,他们能更快的实现一个页面,减少浪费在调试的时间。

在这个 CSS 课程,我们要实现一个响应式个人网站:

该页面可以在此访问: http://profile-sample.strikingly.com/

这个课程和其他教程不一样,我们不提供可以工作的代码。我们会按需求介绍“CSS 设计模式”给你认识,而你必须自己去尝试把这些概念应用在一个真正的页面上。请你打开你忠实的编辑器,边看边做!

本次教学活动由 思客教学Strikingly 联合举办。Strikingly 是第一个 YCombinator 学成回国的创业公司。世界很大,可以 [去 Strikingly 看看]!(http://www.strikingly.com/s/careers?locale=zh_CN)

我们对你的要求:

  • 了解 HTML 和 CSS 基础
  • 能阅读英文文档

这是一个免费公开课。

想学前端的小伙伴,请发邮件报名: [email protected]

邮件里请你简单地说一下自己前端的经验。

最后,我们在准备一个前端课程,你会想学什么呢?在帖子里说说~

想学 Compass、AngularJS、ionic-framework

赞!什么时候开始呢?

想学 ember.js

记得好像郭达峰介绍过一个 react.js?想学那个……

需要 登录 后方可回复, 如果你还没有账号请 注册新账号