Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Beginners Intro into Ruby on Rails
Search
Laura Laugwitz
August 12, 2017
Programming
0
100
Beginners Intro into Ruby on Rails
Slides from the Rails Girls Beginners Workshop on August 12th at HTW.
Laura Laugwitz
August 12, 2017
Tweet
Share
More Decks by Laura Laugwitz
See All by Laura Laugwitz
Explaining Machine Learning to Establish Validity in Automated Content Analysis
lauralindal
0
38
The Miseducation of This Machine
lauralindal
0
52
Empowerment - short version 2016
lauralindal
0
78
Empowerment - what does that even mean?
lauralindal
0
29
Rails Girls @ eurucamp
lauralindal
0
62
Creating Spaces for Women in IT
lauralindal
1
48
Empowerment - What does that even mean?
lauralindal
1
120
Other Decks in Programming
See All in Programming
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
530
"config" ってなんだ? / What is "config"?
okashoi
0
240
Rethinking UI building strategies @ SFI 2024
letelete
0
270
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
550
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.4k
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
takehilo
1
170
Ruby Pattern Matching
bkuhlmann
0
930
dbtのドメイン分割による データ基盤の改善とDigdagとの連携
sakama
0
280
Rubyでたのしむクリエイティブコーディング/Enjoy Creative coding with Ruby
chobishiba
1
180
サイコロで理解する統計的仮説検定の考え方
tatamiya
4
930
[技育CAMPアカデミア]アイディアを形に!【超入門】スマホアプリ開発〜リリースまでの流れをご紹介
teamlab
PRO
0
370
2 週間で Twitter Bot を作ってみた
contour_gara
0
380
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
28
6.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Writing Fast Ruby
sferik
621
60k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Rebuilding a faster, lazier Slack
samanthasiow
73
8.2k
Into the Great Unknown - MozCon
thekraken
10
990
Adopting Sorbet at Scale
ufuk
68
8.6k
Visualization
eitanlees
136
14k
Music & Morning Musume
bryan
41
5.6k
Unsuck your backbone
ammeep
663
57k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Transcript
None
Welcome <3
What is this?
Code of Conduct
Food, Drinks & WiFi
Restrooms
Schedule
now: Welcome & Intro into Web Applications then: Get into
groups & get started with Ruby 13:00 Lunch 14:00 Lightning Talks 14:30 Continue Coding 17:45 Wrap Up
None
@railsgirls_bln #railsgirls
0. Intro 0. Intro
None
Creativity Creativity
Precision Precision
Collaboration Collaboration
None
1. Random Basics 1. Random Basics
None
None
None
None
Terminal (linux/mac) cmd (Windows) Where am I? pwd cd What's
here? ls dir Go to ... cd ... cd ... Create folder ... mkdir ... mkdir ... Create file ... echo >> ... echo >> ...
2. Programming 2. Programming
None
2.1 What's 2.1 What's a Web App? a Web App?
(thanks to Tobias Pfeiffer) (thanks to Tobias Pfeiffer)
Presented in Presented in the Browser the Browser
static static
dynamic dynamic
Runs on a Runs on a Server Server
Or in the Or in the Cloud Cloud
2.2 What 2.2 What happens? happens?
None
None
Request
None
Response
R esponse
None
2.3 What's a 2.3 What's a Web App Web App
made of? made of?
Web Application Web Application
Front Front End End Back Back End End
HTML HTML
Structure Structure & Content & Content
CSS CSS
Styling Styling
Javascript Javascript
Logic Logic
Business Logic Business Logic
Storage Storage
Storing your Storing your data data
In giant tables In giant tables
Infrastructure Infrastructure
Webserver Webserver
Recap Recap
Be Be Creative Creative Precise Precise Collaborative Collaborative
Use the Use the Computer like Computer like it's 1982
it's 1982
Code all the Code all the things, but let's things,
but let's start with a start with a Web Application Web Application
HTML HTML Javascript Javascript CSS CSS Logic Logic Infrastructure Infrastructure
Storage Storage
Ruby on Rails Ruby on Rails
3. Your turn! 3. Your turn!
bit.ly/rgb-app bit.ly/rgb-app
But how does this But how does this tutorial work?
tutorial work?
None
All questions are necessary All questions are necessary Take breaks
& don't rush Take breaks & don't rush Work together! Work together! Mistakes Learning → Mistakes Learning → It's YOUR keyboard It's YOUR keyboard bit.ly/rgb-start & bit.ly/rgb-app bit.ly/rgb-start & bit.ly/rgb-app