Beginners Intro into Ruby on Rails

Slides from the Rails Girls Beginners Workshop on August 12th at HTW.

Transcript

2. Welcome <3
3. What is this?
4. Code of Conduct
5. Food, Drinks & WiFi
6. Restrooms
7. Schedule
8. 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
10. @railsgirls_bln #railsgirls
11. 0. Intro 0. Intro
13. Creativity Creativity
14. Precision Precision
15. Collaboration Collaboration
17. 1. Random Basics 1. Random Basics
22. 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 >> ...
23. 2. Programming 2. Programming
25. 2.1 What's 2.1 What's a Web App? a Web App? (thanks to Tobias Pfeiffer) (thanks to Tobias Pfeiffer)
26. Presented in Presented in the Browser the Browser
27. static static
28. dynamic dynamic
29. Runs on a Runs on a Server Server
30. Or in the Or in the Cloud Cloud
31. 2.2 What 2.2 What happens? happens?
34. Request
36. Response
37. R esponse
39. 2.3 What's a 2.3 What's a Web App Web App made of? made of?
40. Web Application Web Application
41. Front Front End End Back Back End End
42. HTML HTML
43. Structure Structure & Content & Content
44. CSS CSS
45. Styling Styling
46. Javascript Javascript
47. Logic Logic
48. Business Logic Business Logic
49. Storage Storage
50. Storing your Storing your data data
51. In giant tables In giant tables
52. Infrastructure Infrastructure
53. Webserver Webserver
54. Recap Recap
55. Be Be Creative Creative Precise Precise Collaborative Collaborative
56. Use the Use the Computer like Computer like it's 1982 it's 1982
57. Code all the Code all the things, but let's things, but let's start with a start with a Web Application Web Application
58. HTML HTML Javascript Javascript CSS CSS Logic Logic Infrastructure Infrastructure Storage Storage
59. Ruby on Rails Ruby on Rails
60. 3. Your turn! 3. Your turn!
61. bit.ly/rgb-app bit.ly/rgb-app
62. But how does this But how does this tutorial work? tutorial work?
64. 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