Submit Search
Upload
Rails gril
•
Download as PPTX, PDF
•
0 likes
•
285 views
Aaron King
Follow
這是先前跟朋友介紹Rails的投影片,有需要自行取用
Read less
Read more
Technology
Report
Share
Report
Share
1 of 45
Download now
Recommended
uitnodiging
9de Biomarkt Tremelo
9de Biomarkt Tremelo
Philippe Bossin
Complete Haryana Outdoor Media Profile, Haryana Hoarding Profile, Haryana Billboard Agency
Haryana media plan (jm publicity india pvt ltd. )
Haryana media plan (jm publicity india pvt ltd. )
JM Publicity India Pvt. Ltd.
Insecticides india limited.
Insecticides india limited.
Mehul Rasadiya
Haryana State Report - January 2017
Haryana State Report - January 2017
Haryana State Report - January 2017
India Brand Equity Foundation
Improving the correct usage of the short forms. - Mejorando el uso correcto de las formas cortas. Follow me on - Sígueme en: https://www.facebook.com/AntoniosEnglish https://www.instagram.com/AntoniosEnglish http://www.slideshare.net/AntoniosEnglish https://twitter.com/AntoniosEnglish https://antoniosenglish.tumblr.com #AntoniosEnglish #antonio #english #ingles #grammar #gramatica
21. Short forms - Formas cortas
21. Short forms - Formas cortas
Antonio's English
this is a presentation made in DELHI on 30th may for save the girl child and say NO to sex selection in the IIS 2012 CONFERENCE........... WE ALL NEED TO UNDERSATND OUR SOCIAL RESPONSIBILITY AND BE "GOOD DOCTOR"................
Save girl child
Save girl child
NARENDRA MALHOTRA
Save girl child ppt
Save girl child ppt
praveen916
Photography powerpoint
Photography powerpoint
Ecemgscephotography
Recommended
uitnodiging
9de Biomarkt Tremelo
9de Biomarkt Tremelo
Philippe Bossin
Complete Haryana Outdoor Media Profile, Haryana Hoarding Profile, Haryana Billboard Agency
Haryana media plan (jm publicity india pvt ltd. )
Haryana media plan (jm publicity india pvt ltd. )
JM Publicity India Pvt. Ltd.
Insecticides india limited.
Insecticides india limited.
Mehul Rasadiya
Haryana State Report - January 2017
Haryana State Report - January 2017
Haryana State Report - January 2017
India Brand Equity Foundation
Improving the correct usage of the short forms. - Mejorando el uso correcto de las formas cortas. Follow me on - Sígueme en: https://www.facebook.com/AntoniosEnglish https://www.instagram.com/AntoniosEnglish http://www.slideshare.net/AntoniosEnglish https://twitter.com/AntoniosEnglish https://antoniosenglish.tumblr.com #AntoniosEnglish #antonio #english #ingles #grammar #gramatica
21. Short forms - Formas cortas
21. Short forms - Formas cortas
Antonio's English
this is a presentation made in DELHI on 30th may for save the girl child and say NO to sex selection in the IIS 2012 CONFERENCE........... WE ALL NEED TO UNDERSATND OUR SOCIAL RESPONSIBILITY AND BE "GOOD DOCTOR"................
Save girl child
Save girl child
NARENDRA MALHOTRA
Save girl child ppt
Save girl child ppt
praveen916
Photography powerpoint
Photography powerpoint
Ecemgscephotography
介紹如何以 HTML5 和 COIMOTION 快速打造跨平台的 app,並說明了如何在 COIMOTION 中自製內容集以儲存 app 所產生的資料。 原為 KSDG 6/21/2014 meetup 的講稿。已編修加重 COIMOTION 的說明。
以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台App
Ben Lue
Eclipse開發平台快速入門
Eclipse開發平台快速入門
Luo Korth
WordPress 外掛 NextGen教學
NextGen
NextGen
potatongy
rebar erlang 2
rebar erlang 2
致远 郑
十步学会用Css+Div建站
十步学会用Css+Div建站
yiditushe
网页制作基础
网页制作基础
loo2k
computer
Hadoop开发者入门专刊
Hadoop开发者入门专刊
liangxiao0315
这是最近在公司部门内部分享的PPT,面向对Ruby没有基础或有丁点基础的同学。内容包含对Ruby和Rails的各种奇巧淫技。不求看后变成Master,只求看后能激起对Ruby和Rails的兴趣~ 我的博客:http://rubyer.me
Ruby rails分享
Ruby rails分享
Cam Song
旺铺前端设计和实现
旺铺前端设计和实现
hua qiu
DrupalCamp Taipei 2012 迷人的有「型」網站
DrupalCamp Taipei 2012 迷人的有「型」網站
Hipfox
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練
Joseph Chiang
html5 develop android application
Html5开发android应用程序概述
Html5开发android应用程序概述
kevin_yanggl
2013/04/14 在 KSDG 的 Workshop 之投影片
Django step0
Django step0
永昇 陳
前端讀書會分享之內容
jQuery Mobile
jQuery Mobile
彭其捷 Jack
在北京 2012/9/9 所举办的 SDCC 分享「模块加载策略」
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
Joseph Chiang
富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用
luolonghao
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
ziggear
Android消息推送之androidpn demo版到正式上线
Android消息推送之androidpn demo版到正式上线
kaerseng
Git and Deploy to Heroku
Cocoa on Rails 4th
Cocoa on Rails 4th
Xiaochun Shen
更好的文件组织
更好的文件组织
Kejun Zhang
Share How to start golang and manage you golang . and show some tips
Golang start and tips
Golang start and tips
Aaron King
How to combine Jenkins and gogs. and using jenkins file to build your pipeline
Jenkins vs gogs
Jenkins vs gogs
Aaron King
More Related Content
Similar to Rails gril
介紹如何以 HTML5 和 COIMOTION 快速打造跨平台的 app,並說明了如何在 COIMOTION 中自製內容集以儲存 app 所產生的資料。 原為 KSDG 6/21/2014 meetup 的講稿。已編修加重 COIMOTION 的說明。
以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台App
Ben Lue
Eclipse開發平台快速入門
Eclipse開發平台快速入門
Luo Korth
WordPress 外掛 NextGen教學
NextGen
NextGen
potatongy
rebar erlang 2
rebar erlang 2
致远 郑
十步学会用Css+Div建站
十步学会用Css+Div建站
yiditushe
网页制作基础
网页制作基础
loo2k
computer
Hadoop开发者入门专刊
Hadoop开发者入门专刊
liangxiao0315
这是最近在公司部门内部分享的PPT,面向对Ruby没有基础或有丁点基础的同学。内容包含对Ruby和Rails的各种奇巧淫技。不求看后变成Master,只求看后能激起对Ruby和Rails的兴趣~ 我的博客:http://rubyer.me
Ruby rails分享
Ruby rails分享
Cam Song
旺铺前端设计和实现
旺铺前端设计和实现
hua qiu
DrupalCamp Taipei 2012 迷人的有「型」網站
DrupalCamp Taipei 2012 迷人的有「型」網站
Hipfox
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練
Joseph Chiang
html5 develop android application
Html5开发android应用程序概述
Html5开发android应用程序概述
kevin_yanggl
2013/04/14 在 KSDG 的 Workshop 之投影片
Django step0
Django step0
永昇 陳
前端讀書會分享之內容
jQuery Mobile
jQuery Mobile
彭其捷 Jack
在北京 2012/9/9 所举办的 SDCC 分享「模块加载策略」
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
Joseph Chiang
富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用
luolonghao
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
ziggear
Android消息推送之androidpn demo版到正式上线
Android消息推送之androidpn demo版到正式上线
kaerseng
Git and Deploy to Heroku
Cocoa on Rails 4th
Cocoa on Rails 4th
Xiaochun Shen
更好的文件组织
更好的文件组织
Kejun Zhang
Similar to Rails gril
(20)
以HTML5和COIMOTION打造跨平台App
以HTML5和COIMOTION打造跨平台App
Eclipse開發平台快速入門
Eclipse開發平台快速入門
NextGen
NextGen
rebar erlang 2
rebar erlang 2
十步学会用Css+Div建站
十步学会用Css+Div建站
网页制作基础
网页制作基础
Hadoop开发者入门专刊
Hadoop开发者入门专刊
Ruby rails分享
Ruby rails分享
旺铺前端设计和实现
旺铺前端设计和实现
DrupalCamp Taipei 2012 迷人的有「型」網站
DrupalCamp Taipei 2012 迷人的有「型」網站
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練
Html5开发android应用程序概述
Html5开发android应用程序概述
Django step0
Django step0
jQuery Mobile
jQuery Mobile
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Android消息推送之androidpn demo版到正式上线
Android消息推送之androidpn demo版到正式上线
Cocoa on Rails 4th
Cocoa on Rails 4th
更好的文件组织
更好的文件组织
More from Aaron King
Share How to start golang and manage you golang . and show some tips
Golang start and tips
Golang start and tips
Aaron King
How to combine Jenkins and gogs. and using jenkins file to build your pipeline
Jenkins vs gogs
Jenkins vs gogs
Aaron King
This slide is introduced What is index in database system . It's very simple to let you understand what is index pros and cons. there has chinese voice version youtube :) https://www.youtube.com/watch?v=BOBZAMfQfrQ&feature=youtu.be https://www.youtube.com/watch?v=hkl5CcmZ4OI&feature=youtu.be
Database index(sql server)
Database index(sql server)
Aaron King
這個是先前使用ElasticSearch時,簡單製作的投影片。希望對剛入門的你有幫助。
第一次Elasticsearch就上手
第一次Elasticsearch就上手
Aaron King
This power point is introduce a simple CSS animation in this PPT you can learn a new CSS 3 animation property and how to use that do a simple animation
Css animation
Css animation
Aaron King
Basic introduce the scss and emment . learn these can increase your effective to build website Notice : DEMO is use gif animation . if you want to see the demo , please download the slide :)
Running with emmet and scss
Running with emmet and scss
Aaron King
This slide is show how i do my site or any application . you can use easy thinking point to think your site feature 、style even UI/UX .
How do i imagine my site
How do i imagine my site
Aaron King
這份文件是給初學者看的。如果你已經很熟Javascript了,就不要浪費時間抓下來看了噢!! 另外也請大家如果有發現錯誤,請跟我說!! 謝謝你們 2015/4/11 . 加入保留字說明
網頁三本柱最終章Javascript與jquery
網頁三本柱最終章Javascript與jquery
Aaron King
切版的二、三事 。 因本人切版還不夠嫻熟。內容若有誤還請幫忙糾正。謝謝
那些年網頁Ps切板的小事
那些年網頁Ps切板的小事
Aaron King
這是原本要教朋友HTML與CSS時,所做的PPT。 請安心服用 :D
網頁三本柱之Html與css
網頁三本柱之Html與css
Aaron King
這是替朋友介紹git版控概念時,所做的PPT。請安心服用
我的第一個Git版控
我的第一個Git版控
Aaron King
關於Azure Search的二三事 talking about Azure Search , this slider include two language, if want see English version , you can jump at 18 page
3分鐘Azure search自我介紹 ( 3 min talking about Azure Search)
3分鐘Azure search自我介紹 ( 3 min talking about Azure Search)
Aaron King
這份是我與朋友介紹網頁基礎所做的PPT,有需要請自行取用 :)
網頁基礎介紹
網頁基礎介紹
Aaron King
這是先前跟朋友介紹資訊安全做的投影片,有需要請自行取用
Security.pptx [repaired]
Security.pptx [repaired]
Aaron King
More from Aaron King
(14)
Golang start and tips
Golang start and tips
Jenkins vs gogs
Jenkins vs gogs
Database index(sql server)
Database index(sql server)
第一次Elasticsearch就上手
第一次Elasticsearch就上手
Css animation
Css animation
Running with emmet and scss
Running with emmet and scss
How do i imagine my site
How do i imagine my site
網頁三本柱最終章Javascript與jquery
網頁三本柱最終章Javascript與jquery
那些年網頁Ps切板的小事
那些年網頁Ps切板的小事
網頁三本柱之Html與css
網頁三本柱之Html與css
我的第一個Git版控
我的第一個Git版控
3分鐘Azure search自我介紹 ( 3 min talking about Azure Search)
3分鐘Azure search自我介紹 ( 3 min talking about Azure Search)
網頁基礎介紹
網頁基礎介紹
Security.pptx [repaired]
Security.pptx [repaired]
Rails gril
1.
jaja
2.
緣起 ?
3.
How Do
4.
Rails安裝
5.
Rails安裝
6.
Rails安裝 Download http://railsinstaller.org/en
Or http://goo.gl/DvzVwL
7.
How Write?
8.
Sublime Text 2
Dowload: http://www.sublimetext.com/2 Or http://goo.gl/ByaLtn
9.
We Are Ready
10.
Learn A B
C 靜態與動態網站的差別 程式語言是什麼 瀏覽器、終端、程式碼編輯器、目錄結構。
11.
靜態與動態網站的差別
12.
程式語言是什麼
13.
Ruby On Rails
14.
程式碼編輯器、終端、瀏覽器
15.
Try Ruby
16.
TryRuby 1.
Use http://tryruby.org/ or
17.
18.
19.
Bulid WebSite App
第一步 輸入cmd後按Enter
20.
第二步
輸入cd c: 按enter 輸入mkdir projects 按enter
21.
第三步
輸入cd projects 按Enter 輸入rails new railsgirl 按Enter
22.
第四步
輸入cd railsgirl 按Enter 輸入rails server按Enter
23.
第五步
打開瀏覽器 輸入localhost:3000 出現右邊的畫面的話 恭喜!你的第一個網站建起來了
24.
伺服器?
25.
來點不一樣的
26.
確定我們還在railsgirl目錄
輸入rails generate scaffold idea name:string description:text picture:string 按下Enter
27.
再次輸入rake db:migrate
按下Enter
28.
現在再一次輸入rails server。然後在網址打上http://localhost:3000/ideas
試著操作一下
29.
What we do
?
30.
第一道指令 rails generate
scaffold idea name:string description:text picture:string
31.
第二道指令 rake db:migrate
32.
長好醜…..?
33.
不用怕
34.
怎麼做? 1.先打開C:projectsrailsgirlappviewslayouts資料夾 2.在application.html.erb檔案上按右鍵,用sublime
Text2開啟 3.找到<%= stylesheet_link_tag "application", media: "all", "data-turbolinks-track" => true %> 4.在這行上面加入<link rel="stylesheet" href="http://railsgirls.com/assets/bootstrap.css"> 5.把<%= yield %>換成<div class="container"><%= yield %></div>
35.
6.找到<body>。在底下加入 <div class="navbar
navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="brand" href="/">The Idea app</a> <ul class="nav"> <li class="active"><a href="/ideas">Ideas</a></li> </ul> </div> </div> </div>
36.
7.找到</body>,在上方加入。最後按存檔 <footer>
<div class="container"> Rails Girls 2013 </div> </footer>
37.
最後一步 1.先打開C:projectsrailsgirlappassetsstylesheets資料夾
2.在application.css檔案上按右鍵,用sublime text開啟 3.在最下方加入底下的文字,然後存檔 body { padding-top: 100px; } footer { margin-top: 100px; } table, td, th { vertical-align: middle !important; border: none !important; } th { border-bottom: 1px solid #DDD !important; }
38.
終於能看了
39.
一個網頁的基本組成 還有這個 我們剛剛做了這個
40.
加點調味料 1.加入圖片上傳
2.調整一下我們瀏覽時的網址 3.作者頁面
41.
圖片上傳 1.
先開啟C:projectsrailsgirl資料夾 2.在Gemfile檔案上按右鍵,用sublime Text 2開啟 3.找到gem ‘sqlite3‘ 在這行下面加入gem ’carrierwave‘ 然後按存檔 3.接下來回到我們先前的cmd視窗裡輸入bundle 然後按Enter 4. 再打上rails generate uploader picture
42.
圖片上傳 5.打開C:projectsrailsgirlappmodels資料夾
6.在idea.rb按右鍵,用sublime text2開啟 7.找到class Idea < ActiveRecord::Base這行後在下面加入 mount_uploader :picture, PictureUploader 8.打開C:projectsrailsgirlappviewsideas資料夾 9.在_form.html.erb上按右鍵,用sublime text2開啟 10.找到<%= f.text_field :picture %>這行,修改為<%= f.file_field :picture %>
43.
好像出錯了? 1.打開C:projectsrailsgirlappviewsideas資料夾
2.找到show.html.erb按右鍵後,用sublime text2開啟 3.把<%= @idea.picture %>換成 <%= image_tag(@idea.picture_url, :width => 600) if @idea.picture.present? %> 4.重新整理一下瀏覽器看看: )
44.
調整一下瀏覽的網址 1.開啟C:projectsrailsgirlconfig資料夾
2.在routes.rb上按右鍵,用sublime text2開啟 3.在第一行的底下加入root :to => redirect(‘/ideas’) 然後存檔 4.再重新開啟http://localhost:3000 看看: )
45.
Last 1.在我們的cmd視窗裡輸入rails
generate controller pages info 2.開啟C:projectsrailsgirlappviewspages資料夾 3.在info.html.erb上按右鍵,用sublime text2開啟 4.開始動手做自已的作者頁吧: ) 5.最後在瀏覽器上打上http://localhost:3000/pages/info 看看你的成果
Editor's Notes
加入縮網址
教練: 解釋每個命令用來在做什麼。產生了什麼檔案?伺服器的功用?
上面的指令是讓你在C:\底下建立一個資料夾叫projects
Cd projects是讓你切換目錄到projects ,然後利用rails new railsgirl 幫我們建立個rails專案 名稱叫做railsgirl
這時候輸入cd railsgirl切換到我們剛剛建立的目錄下,再輸入rails server 就可以啟動我們的rails伺服器
Rails 鷹架是什麼?(解釋鷹架命令、Model 名稱以及相關的資料庫表格、命名慣例、屬性以及型別...等等。)什麼是資料庫遷移(Migrations)?為什麼需要遷移?
講講 Rails 與 HTML 之間的關係。Views 裡面哪個部分是 HTML?哪個部分是嵌入 Ruby (ERB)?MVC 是什麼?與它們有什麼關係?(模型與控制器負責產生 HTML Views)
解釋什麼是函式庫,為什麼函式庫很有用。描述一下什麼是開源軟體。
Download now