[思客教学公开课] - 从 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]

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

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

[ghosrt]

已发邮件报名。

[young7657]

已经报名

[hayeah]

@Anybfans 没有视频。自己动手操作

[hayeah]

@zld 欢迎回来 ：）

[WildCat]

@hayeah 这个课程多久开始呀？持续几期（几周）？

关于前端，自己的一点想法（非常不专业）：
1. 尽量不要教 Angular
2. React 挺新，不知道合适不合适，如果能选择其他的框架也很欢迎，比如 Ember/Backbone
3. gulp/grunt 的花式玩法是否可以涉及一些？
4. 一些通用库对于自己 App 的封装思路是否可以介绍下？ 比如 superagent ，怎么为自己 App 封装一下比较合适？
5. 如果能涉及把 Origami 的原型转换为 JavaScript 动画就更赞了（主要期待 Sketch 课程的原型设计能填满坑。。。）

[hayeah]

@WildCat 这个只是一个试验课程而已，看看前端要以什么形式来教。

1. 我个人看好 React，看衰 Angular。
1. 我超讨厌 gulp & grunt， 完全不可忍。用 make 或者 webpack 吧 =。=
1. 用 make 的话用 browserify 封装。要不然用 webpack
1. Origami 还可以转 JS！！！！！ 真的假的

[zixincao]

报名了！

[chendeshen]

已报名

[chendeshen]

已报名~！！！

[WildCat]

@hayeah
1. React 只是 view 啊， 其他层最好有大牛指导下～
1. 好吧，只用过 gulp, webpack, grunt
1. 额
1. 嗯嗯，的确可以，不过只是看了看转换后的代码没有实现过。

[dragonszy]

已报名！

[wuyazi]

已报名

[shuiniushushu]

我以前是做后端服务器，工作中常常接触前端，慢慢就喜欢上前端了。今年找了一份前端全职工作，算是半路出家了，我想看看牛人是怎么做前端的，好好学习一翻

[GeekGao]

Sketch 那次课程参加了，现在可以轻松做UI原型啦，非常赞！

[Phoinikas]

课程设置是怎样的呢？什么时间什么方式得介绍下吧。。。

[timothyye]

赞一个，已发邮件报名

[BenX]

发mail报名

[mingyun]

报名

[ywm8812]

已发mail报名～

[ob]

关注了