【天贏金創】0 基礎怎樣開始學習作網站 (Ruby on Rails)?

這是參加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來改變他的樣子以後


QQ拼音截圖未命名6.png

小結一下,上面介紹了什麼是HTML,CSS,(JS)

相關文章
相關標籤/搜索