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
110
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
53
The Miseducation of This Machine
lauralindal
0
57
Empowerment - short version 2016
lauralindal
0
83
Empowerment - what does that even mean?
lauralindal
0
37
Rails Girls @ eurucamp
lauralindal
0
67
Creating Spaces for Women in IT
lauralindal
1
51
Empowerment - What does that even mean?
lauralindal
1
140
Other Decks in Programming
See All in Programming
階層化自動テストで開発に機動力を
ickx
1
450
型で語るカタ
irof
2
890
No Install CMS戦略 〜 5年先を見据えたフロントエンド開発を考える / no_install_cms
rdlabo
0
400
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
310
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
3
760
Android 15以上でPDFのテキスト検索を爆速開発!
tonionagauzzi
0
180
Reactの歴史を振り返る
tutinoko
1
150
「次に何を学べばいいか分からない」あなたへ──若手エンジニアのための学習地図
panda_program
3
680
React 使いじゃなくても知っておきたい教養としての React
oukayuka
18
4.8k
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
23
10k
iOS開発スターターキットの作り方
akidon0000
0
230
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
uzulla
1
300
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
How to Ace a Technical Interview
jacobian
278
23k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
How GitHub (no longer) Works
holman
314
140k
How to train your dragon (web standard)
notwaldorf
96
6.1k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
400
The Art of Programming - Codeland 2020
erikaheidi
54
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
720
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
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