这是参加Rails Girls以后写的,最开始想发这边,不过感受这里工程师大概占90%了(剩下10%是HR),倒没有太多初学者会来看,因此一直没发
实际上,也不是0基础的教程。原标题为Rails in Plain Language,即用浅显的语言,告诉准备学习Rails的同窗们,Rails究竟是什么。用这个标题,是为了让‘“须要”这篇文章的人,发现这个内容。毕竟,0基础的人,是不会知道本身应该先了解HTML,CSS和JS的 ruby
==================================================
目标读者:彻底0基础的人,Rails Girls 学习
大多数教学, 都太有条理了。先讲概念, HTML是什么,CSS是什么,HTTP请求是什么....可是一次性听到这么多陌生的概念,很容易晕的。过于抽象了,因此试着写一篇
based-on experience, not concept的介绍,来帮助你们入门Rails 网站
Rails是作什么的?作网站的,你知道什么是网站(好比淘宝,知乎),Rails能作这些,就好了 spa
1. 网站->网页->按钮
咱们要作的是什么?是网站,那么以知乎为例好了 code
这样一个网站,是怎么和“代码”,Rails联系起来的呢?
这个太复杂了,咱们不如只看他的首页(上图)
就拿这个页面来讲,他是有3部分构成的,HTML,CSS,JS。不过这样说,依然没有什么用
咱们只拿出其中的一个按钮,来解释这个概念 教程
我应该怎么来写代码,来实现这个按钮?
这个时候,就要用到HTML了,代码如此: get
<button class="sign-button submit" type="submit">注册知乎</button>
写好之后,生成的就是按钮了(如图) it
"靠,但是这也差得太远了吧?这两个怎么能是一个东西呢!!",你可能会想
可是他的功能,是否是都是同样的呢?(都是“点击”)
这个时候,就用到CSS了。(不要在乎代码具体什么意思,知道这是CSS就好了) 入门
(至于JS,能够之后再说)
上面想说的就是,咱们看到的网页,都是用HTML,CSS,JS写的:HTML来讲明这个内容是什么,CSS来让这个内容变好看(How it looks)。这里说的是按钮,其实,网页上的全部这些文字,标题等等都是这样,都是HTML+CSS+JS写的,以下图的头像,连接等等 class
再举个例子,上面的指向某个问题的连接
纯粹的HTML,以及加上CSS来改变他的样子以后
小结一下,上面介绍了什么是HTML,CSS,(JS)