主页 搜索 用户中心
当前位置 首页 > 文章 > SEO资讯
0基础怎样开始学习做网站(Ruby on Rails)?
    发布时间:2020-02-22 03:03:37    发布作者:admin

说明:这是篇草稿,介绍怎么学习Rails的,希望大家提提建议,看看是不是真的对新手有帮助!lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

目标读者:完全0基础的人,Rails GirlslXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

大多数教学, 都太有条理了。先讲概念, HTML是什么,CSS是什么,HTTP请求是什么....但是一次性听到这么多陌生的概念,很容易晕的。过于抽象了,所以试着写一篇!lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

based-on experience, not concept的介绍,来帮助大家入门RailslXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

Rails是做什么的?做网站的,你知道什么是网站(淘宝,知乎..),Rails能做这些,就行了!lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

1. 网站->网页->按钮lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

我们要做的是什么?是网站,那么就直接以知乎为例好了lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

 lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

这样一个网站,是怎么和“代码”,Rails联系起来的呢?lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

这个太复杂了,我们不如只看他的首页(上图)lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

就拿这个页面来说,他是有3部分构成的,HTML,CSS,JS。不过这样说,依然没有什么用lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

我们只拿出其中的一个按钮,来解释这个概念lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

 lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

我应该怎么来写代码,来实现这个按钮?lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

这个时候,就要用到HTML了,代码如此:lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

【<button class="sign-button submit" type="submit">注册知乎</button>】lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

写好以后,生成的就是按钮了(如图)lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

 lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

"靠,可是这也差得太远了吧?这两个怎么能是一个东西呢!!",你可能会想lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

但是他的功能,是不是都是一样的呢?(就是点击)lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

这个时候,就用到CSS了。(不要在意代码具体什么意思,知道这是CSS就行了)lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

(至于JS,可以以后再说)lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

上面想说的就是,我们看到的网页,都是用HTML、CSS、JS写的:HTML来说明这个内容是什么,CSS来让这个内容变好看(How it looks)。这里说的是按钮,其实,网页上的所有这些文字,标题等等都是这样,都是HTML+CSS+JS写的,如下图的头像,链接等等lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

 lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

再举个例子,上面的指向某个问题的链接lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

纯粹的HTML,以及加上CSS来改变他的样子之后lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

 lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

 lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

小结一下,上面介绍了什么是HTML,CSS,(JS)lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

[如果有任何问题,可以直接提问]lXN百排链接交换-网站分类目录收录提交-中国最大的网站友情链接交易平台

最新资讯
热门资讯