Ruby on Rails - Wprowadzenie

Prezentacja z wykładu wprowadzającego do technologii Ruby on Rails

Transcript

1. Ruby on Rails Praktyczne wprowadzenie do technologii Ernest Bursa Ernest Bursa środa, 14 marca 2012
2. Ernest Bursa środa, 14 marca 2012
3. O mnie • Ernest Bursa (swistaczek @github) • Studiuje dziennie informatykę (IV semestr) • Pracuję jako programista Ruby on Rails • http://ernest.bzdury.pl Ernest Bursa środa, 14 marca 2012
4. środa, 14 marca 2012
5. Dlaczego Ruby? Ernest Bursa środa, 14 marca 2012
6. Biblioteki 96 standardowych bibliotek 1200 bibliotek dostępnych w Ruby Application Archive 35 583 publcznie dostępnych gemów (via rubygems.org) Ruby numerem 2 wśród projektów opensource na GitHub.com Ernest Bursa środa, 14 marca 2012
7. Wsparcie W 100% udokumentowany rdzeń Silnie udokumentowane standardowe biblioteki Ogromna ilość materiałów w internecie pokrywających różne poziomy wtajemniczenia. Społeczność Ernest Bursa środa, 14 marca 2012
8. Używany przez małe, średnie oraz duże firmy Ernest Bursa środa, 14 marca 2012
9. Ernest Bursa środa, 14 marca 2012
10. Opcjonalna składnia • Opcjonalne średniki • Opcjonalne nawiasy Ernest Bursa środa, 14 marca 2012
11. Składnia • Deklaracje • zm_lokalna = • @obiekt = • $zmienna_globalna = • Bloki: • do...end lub {} • Wykonywalny kod zapisywany w #{...} np. #{1+2} Ernest Bursa środa, 14 marca 2012
12. Składnia • niebezpieczne! i pytające? metody Ernest Bursa środa, 14 marca 2012
13. Ruby a inne języki Ernest Bursa środa, 14 marca 2012
14. Hello world :) • Ruby: • puts „hello world” • Java • trzyBardzoDlugieLinnie.mozeZadziala... • Lisp • ((o(((b)))(c))) Ernest Bursa środa, 14 marca 2012
15. Język obiektowy • Dosłownie wszystko jest obiektem ;)! • Łańcuchy znaków, liczby, bloki kodu Ernest Bursa środa, 14 marca 2012
16. Klasy Wbudowane skróty • Automatyczne generowanie konstruktora • Łatwy dostęp do atrybutów Ernest Bursa środa, 14 marca 2012
17. Małpie łatanie Monkey patching • Dodawanie, edycja dowolnej klasy w dowolnym czasie (nawet klas bazowych) • Przeładowanie operatorów • Dodawanie operacji artytmetycznych Ernest Bursa środa, 14 marca 2012
18. mhm Ernest Bursa środa, 14 marca 2012
19. Pętle • while... ... end • until ... ... end • each do ... end Ernest Bursa środa, 14 marca 2012
20. Pętle Ernest Bursa środa, 14 marca 2012
21. Bloki • Każda metoda może przyjmować blok • Blok można wykorzystać od razu albo zachować do późniejszego użycia Ernest Bursa środa, 14 marca 2012
22. Po co bloki? • Bloki pozwalają reagować Twojemu programowi na wejście użytkownika • Bloki są idealne dla transakcji Ernest Bursa środa, 14 marca 2012
23. „Duck Typing” • Rozpoznawanie typów na podstawie ich zachowania, a nie deklaracji Ernest Bursa środa, 14 marca 2012
24. 96 standardowych bibliotek m.in.: CSV XML YAML EMAIL FTP WEB XML- RPC THREA DS MATH Ernest Bursa środa, 14 marca 2012
25. Ernest Bursa środa, 14 marca 2012
26. Ruby on Rails Rubin na kółkach Ernest Bursa środa, 14 marca 2012
27. 2,863 publicznie dostępnych forków (@github) Ernest Bursa środa, 14 marca 2012
28. Jeszcze więcej bibliotek o dostępnym kodzie źródłowym i otwartej licencji @github.com Ernest Bursa środa, 14 marca 2012
29. Bardzo dużo ogólnodostępnych kursów dopasowanych do różnych poziomów trudności Ernest Bursa środa, 14 marca 2012
30. Ernest Bursa środa, 14 marca 2012
31. Nie mało ofert pracy :) Pracodawcy coraz mocniej interesują się technologią Ruby on Rails Ernest Bursa środa, 14 marca 2012
32. Ernest Bursa środa, 14 marca 2012
33. FRAMEWORK Budowa Ernest Bursa środa, 14 marca 2012
34. MVC Ernest Bursa środa, 14 marca 2012
35. MVC Ernest Bursa środa, 14 marca 2012
36. MVC Ernest Bursa środa, 14 marca 2012
37. Model View / Widok Controller / Kontroler Logika biznesowa Warstwa prezentacyjna Obsługuje żądania użytkownika Ernest Bursa środa, 14 marca 2012
38. Ernest Bursa środa, 14 marca 2012
39. MVC a użytkownik Ernest Bursa środa, 14 marca 2012
40. Model Ernest Bursa środa, 14 marca 2012
41. Musi być grubo Przetwarzanie danych, ciężkie obliczenia i tym podobne... Ernest Bursa środa, 14 marca 2012
42. Kontroler Ernest Bursa środa, 14 marca 2012
43. Przetwarza dane użytkownika Zarządza ciasteczkami, sesją, etc. Ernest Bursa środa, 14 marca 2012
44. Widok Ernest Bursa środa, 14 marca 2012
45. Co widzi użytkownik xhtml, js, json, css... Ernest Bursa środa, 14 marca 2012
46. Ernest Bursa środa, 14 marca 2012
47. Nasza aplikacja Ernest Bursa środa, 14 marca 2012
48. Ernest Bursa środa, 14 marca 2012
49. Galeria zdjęć Ernest Bursa środa, 14 marca 2012
50. „Niesamowita aplikacja do przechowywania zdjęć i ich opisów” Ernest Bursa środa, 14 marca 2012
51. Ernest Bursa środa, 14 marca 2012
52. Ernest Bursa środa, 14 marca 2012
53. „Mój pierwszy projekt” Ernest Bursa środa, 14 marca 2012
54. Środowisko pracy • Linux/Mac/Windows • RVM (Ruby Version Manager) • Ruby on Rails • Edytor tekstowy (np. vim) • Pozytywne nastawienie :) Ernest Bursa środa, 14 marca 2012
55. RVM Ernest Bursa środa, 14 marca 2012
56. RVM • rvm.beginrescueend.com • Instalacja RVM: Ernest Bursa środa, 14 marca 2012
57. RVM • Instalacja Ruby (np. w wersji1.9.3): Ernest Bursa środa, 14 marca 2012
58. RVM • Instalacja Ruby (np. w wersji1.9.3): Ernest Bursa środa, 14 marca 2012
59. RVM Ernest Bursa środa, 14 marca 2012
60. RVM • Wybór interpretera i demonstracja IRB Ernest Bursa środa, 14 marca 2012
61. RVM • Wybór interpretera i demonstracja IRB Ernest Bursa środa, 14 marca 2012
62. (Ruby on) Rails 1. Instalacja biblioteki rails 2. Wygenerowanie szkieletu projektu - nazwa kodowa „atena’ Ernest Bursa środa, 14 marca 2012
63. Rails Ernest Bursa środa, 14 marca 2012
64. Rails Ernest Bursa środa, 14 marca 2012
65. Rails Ernest Bursa środa, 14 marca 2012
66. Rails Ernest Bursa środa, 14 marca 2012
67. Rails Ernest Bursa środa, 14 marca 2012
68. Rails Ernest Bursa środa, 14 marca 2012
69. Rails Ernest Bursa środa, 14 marca 2012
70. Rails - struktura katalogów Ernest Bursa środa, 14 marca 2012
71. Rails - struktura katalogów Ernest Bursa środa, 14 marca 2012
72. Rails - struktura katalogów Ernest Bursa środa, 14 marca 2012
73. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) Ernest Bursa środa, 14 marca 2012
74. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) kontrolery obsługa danych od użytkownika Ernest Bursa środa, 14 marca 2012
75. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) kontrolery obsługa danych od użytkownika metody pomocnicze dla widoków Ernest Bursa środa, 14 marca 2012
76. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) kontrolery obsługa danych od użytkownika metody pomocnicze dla widoków wysyłanie listeli nadawanie poczty email Ernest Bursa środa, 14 marca 2012
77. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) kontrolery obsługa danych od użytkownika metody pomocnicze dla widoków wysyłanie listeli nadawanie poczty email modele logika aplikacji Ernest Bursa środa, 14 marca 2012
78. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) kontrolery obsługa danych od użytkownika metody pomocnicze dla widoków wysyłanie listeli nadawanie poczty email modele logika aplikacji widoki warstwa prezentacji Ernest Bursa środa, 14 marca 2012
79. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) kontrolery obsługa danych od użytkownika metody pomocnicze dla widoków wysyłanie listeli nadawanie poczty email modele logika aplikacji widoki warstwa prezentacji plik tras warstwa routingu Ernest Bursa środa, 14 marca 2012
80. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) kontrolery obsługa danych od użytkownika metody pomocnicze dla widoków wysyłanie listeli nadawanie poczty email modele logika aplikacji widoki warstwa prezentacji plik tras warstwa routingu ustawienia baz danych Ernest Bursa środa, 14 marca 2012
81. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) kontrolery obsługa danych od użytkownika metody pomocnicze dla widoków wysyłanie listeli nadawanie poczty email modele logika aplikacji widoki warstwa prezentacji plik tras warstwa routingu ustawienia baz danych pliki języków i18n Ernest Bursa środa, 14 marca 2012
82. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) kontrolery obsługa danych od użytkownika metody pomocnicze dla widoków wysyłanie listeli nadawanie poczty email modele logika aplikacji widoki warstwa prezentacji plik tras warstwa routingu ustawienia baz danych pliki języków i18n ustawienia poszczególnych środowisk Ernest Bursa środa, 14 marca 2012
83. Rails - struktura katalogów pliki serwisu javascript (js, coffescript...) style (css, scss, less...) kontrolery obsługa danych od użytkownika metody pomocnicze dla widoków wysyłanie listeli nadawanie poczty email modele logika aplikacji widoki warstwa prezentacji plik tras warstwa routingu ustawienia baz danych pliki języków i18n ustawienia poszczególnych środowisk migracje baz danych Ernest Bursa środa, 14 marca 2012
84. MVC • Aplikacja będzie zbudowana wg. architektury MVC Model View / Widok Controller / Kontroler kontrolery modele widoki Ernest Bursa środa, 14 marca 2012
85. Prototypowanie „Scaffolding” - budowanie rusztowania Ernest Bursa środa, 14 marca 2012
86. Prototypowanie „Scaffolding” - budowanie rusztowania • „Czego spodziewam się od mojego programu?” Ernest Bursa środa, 14 marca 2012
87. Prototypowanie „Scaffolding” - budowanie rusztowania Ernest Bursa środa, 14 marca 2012
88. Prototypowanie „Scaffolding” - budowanie rusztowania • „Czego spodziewam się od mojego programu?” • Przyjaznego zarządzania dużą kolekcją zdjęć Ernest Bursa środa, 14 marca 2012
89. Prototypowanie „Scaffolding” - budowanie rusztowania Ernest Bursa środa, 14 marca 2012
90. Prototypowanie „Scaffolding” - budowanie rusztowania • „Jakie dane powinna przechowywać aplikacja?” • Zdjęcia • Opisy zdjęć • Adresy do zdjęć Ernest Bursa środa, 14 marca 2012
91. Prototypowanie „Scaffolding” - budowanie rusztowania • Podsumowanie aplikacji: • Galeria zdjęć z opisami • Zdjęcie (picture) • Opis zdjęcia (description) • URL zdjęcia (picture_url) Ernest Bursa środa, 14 marca 2012
92. Ernest Bursa środa, 14 marca 2012
93. Prototypowanie „Scaffolding” - budowanie rusztowania • Podsumowanie aplikacji: • Galeria zdjęć z opisami • Zdjęcie (picture) • Opis zdjęcia (description) • URL zdjęcia (picture_url) :string, :text, :integer,:float, :decimal, :datetime, :timestamp, :time, :date, :binary, :boolean http://api.rubyonrails.org/classes/ActiveRecord/Migration.html Ernest Bursa środa, 14 marca 2012
94. Prototypowanie „Scaffolding” - budowanie rusztowania • Podsumowanie aplikacji: • Galeria zdjęć z opisami • Zdjęcie (picture) • Opis zdjęcia (description) • URL zdjęcia (picture_url) aplikacja :string, :text, :integer,:float, :decimal, :datetime, :timestamp, :time, :date, :binary, :boolean http://api.rubyonrails.org/classes/ActiveRecord/Migration.html Ernest Bursa środa, 14 marca 2012
95. Prototypowanie „Scaffolding” - budowanie rusztowania • Podsumowanie aplikacji: • Galeria zdjęć z opisami • Zdjęcie (picture) • Opis zdjęcia (description) • URL zdjęcia (picture_url) aplikacja model :string, :text, :integer,:float, :decimal, :datetime, :timestamp, :time, :date, :binary, :boolean http://api.rubyonrails.org/classes/ActiveRecord/Migration.html Ernest Bursa środa, 14 marca 2012
96. Prototypowanie „Scaffolding” - budowanie rusztowania • Podsumowanie aplikacji: • Galeria zdjęć z opisami • Zdjęcie (picture) • Opis zdjęcia (description) • URL zdjęcia (picture_url) aplikacja model atrybuty :string, :text, :integer,:float, :decimal, :datetime, :timestamp, :time, :date, :binary, :boolean http://api.rubyonrails.org/classes/ActiveRecord/Migration.html Ernest Bursa środa, 14 marca 2012
97. Prototypowanie „Scaffolding” - budowanie rusztowania • Podsumowanie aplikacji: • Galeria zdjęć z opisami • Zdjęcie (picture) • Opis zdjęcia (description) • URL zdjęcia (picture_url) aplikacja model atrybuty typ danych: :text :string, :text, :integer,:float, :decimal, :datetime, :timestamp, :time, :date, :binary, :boolean http://api.rubyonrails.org/classes/ActiveRecord/Migration.html Ernest Bursa środa, 14 marca 2012
98. Prototypowanie „Scaffolding” - budowanie rusztowania • Podsumowanie aplikacji: • Galeria zdjęć z opisami • Zdjęcie (picture) • Opis zdjęcia (description) • URL zdjęcia (picture_url) aplikacja model atrybuty typ danych: :text typ danych: :string :string, :text, :integer,:float, :decimal, :datetime, :timestamp, :time, :date, :binary, :boolean http://api.rubyonrails.org/classes/ActiveRecord/Migration.html Ernest Bursa środa, 14 marca 2012
99. Prototypowanie „Scaffolding” - budowanie rusztowania • Model: Picture • description:text • picture_url:string Ernest Bursa środa, 14 marca 2012
100. Prototypowanie „Scaffolding” - budowanie rusztowania • Model: Picture • description:text • picture_url:string model Ernest Bursa środa, 14 marca 2012
101. Prototypowanie „Scaffolding” - budowanie rusztowania • Model: Picture • description:text • picture_url:string model typ danych: :text Ernest Bursa środa, 14 marca 2012
102. Prototypowanie „Scaffolding” - budowanie rusztowania • Model: Picture • description:text • picture_url:string model typ danych: :text typ danych: :string Ernest Bursa środa, 14 marca 2012
103. Prototypowanie „Scaffolding” - budowanie rusztowania • rails generate scaffold Picture description:text picture_url:string Ernest Bursa środa, 14 marca 2012
104. Ernest Bursa środa, 14 marca 2012
105. Ernest Bursa środa, 14 marca 2012
106. Ernest Bursa środa, 14 marca 2012
107. Ernest Bursa środa, 14 marca 2012
108. Ernest Bursa środa, 14 marca 2012
109. migracje baz danych Ernest Bursa środa, 14 marca 2012
110. Ernest Bursa środa, 14 marca 2012
111. Ernest Bursa środa, 14 marca 2012
112. model Ernest Bursa środa, 14 marca 2012
113. :picture Ernest Bursa środa, 14 marca 2012
114. :picture Ernest Bursa środa, 14 marca 2012
115. :picture plik tras warstwa routingu Ernest Bursa środa, 14 marca 2012
116. Routing Generowanie dowiązań między adresami URL a konkretnymi działaniami skryptu Ernest Bursa środa, 14 marca 2012
117. Routing Rodzaj zapytania Ścieżka Akcja Wykorzystanie GET /photos index wyświetlanie wszystkich zdjęć GET /photos/new new zwraca formularz do dodawania zdjęcia POST /photos create tworzy nowe zdjęcie GET /photos/:id show zwraca stronę z konkretnym zdjęciem GET /photos/:id/edit edit zwraca stronę edycji zdjęcia PUT /photos/:id update aktualizuje zdjęcie DELETE /photos/:id destroy kasuje zdjęcie Ernest Bursa środa, 14 marca 2012
118. Routing Rodzaj zapytania Ścieżka Akcja Wykorzystanie GET /photos index wyświetlanie wszystkich zdjęć GET /photos/new new zwraca formularz do dodawania zdjęcia POST /photos create tworzy nowe zdjęcie GET /photos/:id show zwraca stronę z konkretnym zdjęciem GET /photos/:id/edit edit zwraca stronę edycji zdjęcia PUT /photos/:id update aktualizuje zdjęcie DELETE /photos/:id destroy kasuje zdjęcie środa, 14 marca 2012
119. Ernest Bursa środa, 14 marca 2012
120. kontroler obsługa danych od użytkownika Ernest Bursa środa, 14 marca 2012
121. Budowa kontrolera REST Ernest Bursa środa, 14 marca 2012
122. ... Ernest Bursa środa, 14 marca 2012
123. kontroler obsługa danych od użytkownika ... Ernest Bursa środa, 14 marca 2012
124. kontroler obsługa danych od użytkownika Ernest Bursa środa, 14 marca 2012
125. kontroler obsługa danych od użytkownika Ernest Bursa środa, 14 marca 2012
126. kontroler obsługa danych od użytkownika Ernest Bursa środa, 14 marca 2012
127. Ernest Bursa środa, 14 marca 2012
128. widoki warstwa prezentacji Ernest Bursa środa, 14 marca 2012
129. widoki warstwa prezentacji Ernest Bursa środa, 14 marca 2012
130. Ernest Bursa środa, 14 marca 2012
131. Bla bla bla... • I jak to działa? Ernest Bursa środa, 14 marca 2012
132. Serwer aplikacji • Aby uruchomić serwer aplikacji w trybie programisty (developer env) na porcie 3001: • rails s -p 3001 Ernest Bursa środa, 14 marca 2012
133. Serwer aplikacji Ernest Bursa środa, 14 marca 2012
134. Ernest Bursa środa, 14 marca 2012
135. Ernest Bursa środa, 14 marca 2012
136. Ernest Bursa środa, 14 marca 2012
137. Ernest Bursa środa, 14 marca 2012
138. Ernest Bursa środa, 14 marca 2012
139. Ernest Bursa środa, 14 marca 2012
140. Ernest Bursa środa, 14 marca 2012
141. Ernest Bursa środa, 14 marca 2012
142. Ernest Bursa środa, 14 marca 2012
143. Ernest Bursa środa, 14 marca 2012
144. Ernest Bursa środa, 14 marca 2012
145. Ernest Bursa środa, 14 marca 2012
146. Ernest Bursa środa, 14 marca 2012
147. Ernest Bursa środa, 14 marca 2012
148. Ernest Bursa środa, 14 marca 2012
149. 2 minuty i nasz projekt staje się publicznie dostępny środa, 14 marca 2012
150. GitHub https://github.com/repositories/new środa, 14 marca 2012
151. środa, 14 marca 2012
152. git init . ; git add . ; git commit -am ‚Pierwszy Commit’ środa, 14 marca 2012
153. git remote add origin ... ; git push -u origin master środa, 14 marca 2012
154. Jesteśmy częścią ruchu open source :) środa, 14 marca 2012
155. środa, 14 marca 2012
156. Pytania? Pierwsze dwa zostaną nagrodzone niespodzianką :) Ernest Bursa środa, 14 marca 2012
157. Warto poczytać Ernest Bursa środa, 14 marca 2012
158. GIT - Wersjonowanie plików i praca w zespole http://gitimmersion.com/ http://learn.github.com/p/intro.html Ernest Bursa środa, 14 marca 2012
159. Rails Guides http://guides.rubyonrails.org/ Ernest Bursa środa, 14 marca 2012
160. RubyInside & RailsInside http://www.rubyinside.com/ http://www.railsinside.com/ środa, 14 marca 2012
161. http://bit.ly/kariera-citeam Ernest Bursa środa, 14 marca 2012
162. Dziękuje za uwagę! Wykład będzie dostępny online pod adresem http://ernest.bzdury.pl/lectures Ernest Bursa środa, 14 marca 2012