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

[hayeah]

这是一个免费公开课，报名请发邮件到 [e-mail]

---

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

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

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

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

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

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

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

本次教学活动由 思客教学 和 Strikingly 联合举办。Strikingly 是第一个 YCombinator 学成回国的创业公司。世界很大，可以 去 Strikingly 看看!

我们对你的要求：

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

这是一个免费公开课。

想学前端的小伙伴， 请发邮件报名： [e-mail]

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

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

[init]

常年后端c++ 能不能学啊。。。。

[franklight]

挺好，开始了以后参加

[hayeah]

@init 可以啊~ 了解 HTML/CSS 基本语法就可以了。概念上还是挺简单的，主要还是应用比较困难

[ericls]

你们的工作地点是国内还是国外啊？

[hayeah]

@franklight 发一下邮件报名呗~

[hayeah]

@ericls 我们是远程团队。武汉，大理，绵阳。

[ipconfiger]

不错，学一学来把自己的blog修缮修缮

[hayeah]

@ipconfiger 拉上贵厂的前端渣~ 哈哈哈

[zonghua]

还是bootstrap算了，没精力去做前端

[WildCat]

已经申请~

[dfguo]

Hello，我是 Strikingly 的 CTO，也是团队前端的负责人。课程安排我们也 review 过。这个课程可以教你响应式网页的前端思维和框架。做得比较系统化，非常值得一学。

[mopig]

已发邮件...

[sennes]

已报名
其实我们团队想设计个网站用于展示成果的。
可是团队都是搞软硬件的，只有我有一点点的前端基础。
我想的是做一个只有一个页面的、简洁一点的网站。

[shoto]

已报名。
虽然能写简单的静态页面，但是对于CSS更深层次理解还是不行。

[terax]

已报名～

[loddit]

howard 已经做过好几期教学活动啦，居然每次都是不同的领域

[littlewey]

已报名

[VincentZhou]

已报名

[Honwhy]

支持，我想跟读你们提出来的相关链接，related links。

[hakulamatata]

光讲前端的话太枯燥了，至少有点功能吧。比如配合表单提交啥的。。。