Rails Girls Sofia 7.0 October 2016 Day 2

Презентацията от втория ден на Rails Girls Sofia 7.0.

http://railsgirls.com/sofia

Transcript

1. Rails Girls Sofia 7.0
   28-29 октомври 2016 г.
   Ден 1
   

   View Slide

2. Здравейте!
   (Отново! Аз съм Митьо.)
   

   View Slide

3. Процедурни
   

   View Slide

4. WiFi: TelerikAcademy

   Pass: Ta$tud3ntsN3tw0rk
   

   View Slide

5. WC
   

   View Slide

6. View Slide

7. #RailsGirlsSofia
   

   View Slide

8. Спонсори
   Партньори
   

   View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. View Slide

14. Вчера
    

    View Slide

15. View Slide

16. View Slide

17. View Slide

18. View Slide

19. Днес
    

    View Slide

20. View Slide

21. View Slide

22. View Slide

23. План
    

    View Slide

24. 1. 10:10 – 10:30 Увод
    2. 10:30 – 13:00 Уъркшоп 1
    3. 13:00 – 13:30 Обяд (тук, от спонсорите)
    4. 13:30 – 13:45 Бентобокс игра
    5. 13:45 – 14:00 Кратки презентации
    6. 14:00 – 18:00 Уъркшоп 2 (и една кафепауза)
    7. 18:30 – 22:00 ПАРТИ!
    

    View Slide

25. Приложението
    (приложение ≈ уебсайт)
    

    View Slide

26. Приложение за
    гласуване
    

    View Slide

27. View Slide

28. Уебсайт? Уеб?
    

    View Slide

29. http://bit.ly/about-web
    

    View Slide

30. View Slide

31. View Slide

32. GET /index.html
    200 OK
    GET /favicon.ico
    404 Not Found
    GET /style.css
    200 OK
    

    View Slide

33. View Slide

34. Необходими продукти
    • Сървър – компютър, закачен за интернет, на
    който работят програми 24/7 (nitrous.io)
    • Уеб сървър – програма, обслужваща сайта ни,
    която да пуснем на сървъра
    • Браузър (на нашия компютър)
    • Самият “уебсайт” – HTML + CSS + картинки + …
    

    View Slide

35. View Slide

36. Няма магия.
    

    View Slide

37. Динамични уеб сайтове
    • Още — уеб приложения (web apps)
    • За тях имаме нужда от “логика”, която да
    допълва функциите на уеб сървъра
    • “Логика” = програма, написана на език за
    програмиране
    • Ще се забавляваме с това днес, използвайки
    езика за програмиране Ruby
    

    View Slide

38. Ruby?
    

    View Slide

39. View Slide

40. Език за програмиране
    

    View Slide

41. Език за програмиране
    =
    Купчина правила, с
    които можете да
    управлявате компютър
    

    View Slide

42. Сходно на
    естествените езици,
    но с по-стриктни правила
    

    View Slide

43. Не е трудно
    да се научите
    

    View Slide

44. Код
    =
    Текст, написан
    на даден език за
    програмиране
    

    View Slide

45. Когато пишем код,
    комуникираме
    

    View Slide

46. Езици за програмиране
    • Ruby (Руби) е език за програмиране
    • Има и други (C#, Java, C++, PHP, JavaScript,
    Clojure, Scheme и още 2783...)
    • Можем да ползваме произволен* език, за да
    правим това, което ще правим днес
    • Ruby е готин и ще ползваме него
    

    View Slide

47. Нещата, които ще
    научите с Ruby,
    важат и за други езици.
    

    View Slide

48. Освен Ruby, ще
    използваме и Sinatra
    

    View Slide

49. Sinatra?
    

    View Slide

50. Sinatra
    • “Sinatra” е името на една програма, написана на Ruby
    • Sinatra е просто купчина Ruby код (“фреймуърк”), която
    някой е написал вместо нас, за да ни улесни в направата
    на уеб приложения
    • Можем да я ползваме безплатно
    • Sinatra има някои вградени функции и може да играе
    ролята на нужния ни уеб сървър
    • Можем и без Sinatra, но ще се поизпотим повече
    

    View Slide

51. Нашият код
    Библиотеката Sinatra
    Езикът за програмиране Ruby
    Операционната система Linux (Nitrous)
    

    View Slide

52. Основи на
    програмирането с Ruby
    

    View Slide

53. View Slide

54. View Slide

55. View Slide

56. Код за 10% отстъпка:
    RAILSGIRLS
    Активен до 12
    ноември.
    egmontbulgaria.com/helloruby
    

    View Slide

57. Уъркшоп 1
    

    View Slide

58. •http://bit.ly/about-web
    •http://bit.ly/blitzcoding
    •http://bit.ly/railsgirlssofia7
    •http://bit.ly/cheat-rails
    •http://www.sinatrarb.com/intro.html
    Уъркшоп 1
    

    View Slide

59. ОБЯД!!!!!!!!!!!!!!!!!!!!!!!!!!
    (невъзможно кратък)
    (~1800 секунди)
    

    View Slide

60. View Slide

61. ห౰
    

    View Slide

62. Бенто бокс
    

    View Slide

63. Speak Geek.
    Or how to teach the language of web
    Friday, March 23, 12
    

    View Slide

64. View Slide

65. View Slide

66. 4
    Friday, March 23, 12
    

    View Slide

67. HTML
    AJAX
    CSS
    RUBY, PYTHON, PHP, SCALA
    MYSQL,
    MONGODB
    RUBY ON RAILS, DJANGO,
    CAKEPHP, JETTY , LIFT….
    XML
    JAVASCRIPT
    DOM
    UNICORN
    Friday, March 23, 12
    

    View Slide

68. Etsy:
    “We use a number of different programming languages (including Matlab!) but
    are primarily a PHP shop. We have a number of databases, some of which
    are MySQL and some of which are PostgreSQL. “
    Friday, March 23, 12
    

    View Slide

69. 7
    PHP + Matlab
    MySQL
    PostgeSQL
    Friday, March 23, 12
    

    View Slide

70. 8
    Foursquare:
    “Server code is written in scala running on the lift web framework using
    jetty for a webserver. We front everything with nginx, and use HAProxy in
    between.
    MongoDB handles most of our data storage needs (though a bit hasn't been
    migrated off PostgreSQL yet).
    Friday, March 23, 12
    

    View Slide

71. 9
    MongoDB and
    PostresSQL
    Nginx + HAProxy
    Lift
    Scala
    Friday, March 23, 12
    

    View Slide

72. R
    #1 HTML/CSS
    #2 JQUERY
    #3 Unicorn
    Friday, March 23, 12
    

    View Slide

73. HTML CSS
    Friday, March 23, 12
    

    View Slide

74. HTML
    AJAX
    CSS
    XML
    JAVASCRIPT
    DOM
    Friday, March 23, 12
    

    View Slide

75. UNICORN
    Friday, March 23, 12
    

    View Slide

76. R
    #1 PHP
    #2 SaaS
    #3 RoR
    #4 HTML
    #5 MongoDB
    Rules: Figure out the term and place it on the bentobox in
    the right place..
    There might be false friends and doubles.
    Googling allowed!
    You have five minutes – wrong answers will be removed,
    the team with most post-its wins!
    #6 Apache
    #7 CSS
    #8 Django
    #9 MySQL
    #10 nginx
    Friday, March 23, 12
    

    View Slide

77. 5 minutes.
    Game on!
    Friday, March 23, 12
    

    View Slide

78. HTML
    PHP
    SaaS
    RoR
    MongoDB
    CSS
    Apache
    Django
    nginx
    MySQL
    Friday, March 23, 12
    

    View Slide

79. R
    #1 PHP
    #2 SaaS
    #3 RoR
    #4 HTML
    #5 MongoDB
    #6 Apache
    #7 CSS
    #8 Django
    #9 MySQL
    #10 nginx
    Logic. PHP is a very popular language designed to produce
    dynamic Web pages. It goes well with HTML.
    - What makes PHP special?
    - Why it’s so popular?
    No where. Software as a service. Not a technical term - more a
    business/delivery model, in which software is hosted centrally,
    not by the user themselves and they often pay a subscription
    fee. Examples range from Salesforce, Spotify, Google Docs..
    - What other buzzwords are there that are not technical?
    Logic. Ruby on Rails. Sometimes abbreviations might fool
    you!
    Style & structure. Especially structue: HTML is what
    describes the structure and the (static) content of the
    website.
    - What is XHTML? HTML5?
    - Scripting language vs. markup?
    Database. An open source database system. Stores the web
    app data in a little different way than MySQL, making it
    easier and faster for certain types of apps.
    - What are noSQLs? Why is MongoDB so popular?
    Infrastructure. A popular open source HTTP server software.
    Servers can be hardware or software - here we’re focusing on
    the latter. Servers are the piece of software that deliver the
    web page to you.
    - What is HTTP? What is the role of the browser?
    Style and structure. Especially style, designed to describe the
    look of webpages, including elements such as the layout, colors
    and fonts.
    - Why is CSS important when building bigger sites?
    - What is CSS3?
    Logic. A similar framework as Rails is for Ruby, Django is for
    Python.
    - What other examples of popular frameworks are there? For
    Ruby?
    Database. Worlds most popular open source database system,
    used by Facebook, Twitter, Wordpress etc. Well baked into many
    software stacks like LAMP
    - Talk about LAMP and other software stacks
    - Talk a little about open source
    Infrastructure. Pronounced “Engine X”. An open source HTTP
    server. Said to be faster than Apache - in many ways like
    MongoDB is for MySQL.
    - What are proxies?
    - Talk about
    Friday, March 23, 12
    

    View Slide

80. Lightning Talks
    

    View Slide

81. Габриела Лухова
    

    View Slide

82. Три неща, които
    научих като
    програмист
    Габриела Лухова
    

    View Slide

83. View Slide

84. View Slide

85. Програмисткото общество е
    благоприятно настроено към
    начинаещите
    

    View Slide

86. View Slide

87. View Slide

88. Средата, в която учите, е
    изключително важна
    

    View Slide

89. View Slide

90. Съмненията са
    здравословни, но само в
    определени граници
    

    View Slide

91. Димитър Смилянов
    

    View Slide

92. Поцъкай малко
    

    View Slide

93. Дай още малко
    

    View Slide

94. Да посвикнеш с
    дистанционното
    

    View Slide

95. А така
    

    View Slide

96. Май е добре
    

    View Slide

97. Почвай
    

    View Slide

98. Здравейте
    

    View Slide

99. View Slide

100. Езици
     

     View Slide

101. View Slide

102. View Slide

103. Как научих немски език
     Как научих Ruby
     *
     *
     

     View Slide

104. Как научих немски език
     

     View Slide

105. View Slide

106. View Slide

107. View Slide

108. View Slide

109. View Slide

110. 1. Цял живот
     

     View Slide

111. View Slide

112. View Slide

113. View Slide

114. View Slide

115. 2. Емоциите пречат
     

     View Slide

116. View Slide

117. View Slide

118. View Slide

119. View Slide

120. View Slide

121. View Slide

122. View Slide

123. 3. Винаги има някой, който
     знае езика по-добре от мен
     

     View Slide

124. Moin Moin!
     

     View Slide

125. Moin Moin!
     Добро утро
     Здрасти
     Попътен вятър
     Moin!
     

     View Slide

126. View Slide

127. View Slide

128. View Slide

129. View Slide

130. View Slide

131. Как научих Ruby
     

     View Slide

132. Вече знаех немски език
     1. Цял живот
     2. Емоциите пречат
     3. Винаги има някой, който
     знае езика по-добре от мен
     

     View Slide

133. View Slide

134. Надежда Данабашева
     

     View Slide

135. IT>CODE
     (own IT)
     

     View Slide

136. View Slide

137. CHAPTER ONE
     IT’S NEVER TOO LATE
     

     View Slide

138. THE FOLLOWING IMAGES MAY BE
     DISTURBING!
     

     View Slide

139. 19!
     

     View Slide

140. View Slide

141. 26!
     

     View Slide

142. View Slide

143. View Slide

144. View Slide

145. View Slide

146. View Slide

147. CHAPTER TWO
     IT>CODE
     

     View Slide

148. DEVELOPERS ARE ROCKSTARS
     

     View Slide

149. BUT BEING A DEVELOPER IS HARD!
     

     View Slide

150. WORKING WITH DEVELOPERS IS EVEN
     HARDER
     

     View Slide

151. IF AT FIRST YOU DON'T SUCCEED
     DON'T BE SCARED, TRY
     SOMETHING NEW…
     

     View Slide

152. …YOU CAN BE А ROCKSTAR TOO
     • PROJECT MANAGERS
     • BUSINESS ANALYST
     • QUALITY ASSURANCE
     • DATA ANALYST
     • TECHNICAL WRITERS
     • DATABASE ADMINISTRATION
     • DATA QUALITY
     • HELP DESK SPECIALIST
     

     View Slide

153. IT IS A UNIVERSE – BEAUTIFUL, COMPLICATED,
     FRUSTRATING, REWARDING AND IS
     DEFINITELY WORTH MAKING THE EFFORT
     

     View Slide

154. CHAPTER THREE
     FRIENDLY ADVICE
     

     View Slide

155. CUT THE DRAMA.
     WHEN IT’S
     POSSIBLE, ALWAYS
     CUT THE DRAMA.
     DON'T USE STEREOTYPES AS AN EXCUSE -
     YOU ARE NOT BLONDE!
     YOU ARE A WOMAN AND YOU CAN CODE, BE
     A MOTHER AND BE A WIFE AND A FRIEND.
     ALL AT THE SAME TIME.
     

     View Slide

156. THANK YOU
     

     View Slide

157. •http://bit.ly/about-web
     •http://bit.ly/blitzcoding
     •http://bit.ly/railsgirlssofia7
     •http://bit.ly/cheat-rails
     •http://www.sinatrarb.com/intro.html
     Уъркшоп 2
     

     View Slide

158. View Slide

159. Уъркшоп 2
     Заради проблеми с firewall-а тук:

     

     ruby voter.rb -o 0.0.0.0 -p 3000
     Preview → Port 3000 – HTTP
     

     View Slide

160. Как да продължим?
     1. Продължете да се занимавате
     2. Работете над нещо реално
     3. Поддържайте връзка помежду си
     4. Забавлявайте се!
     

     View Slide

161. Study групи
     

     View Slide

162. View Slide

163. Study групи
     • Седмични срещи в местния хакерспейс
     • Има поне един инструктор
     • Без задължителна “домашна” работа
     • Трупаме реални знания чрез практика
     • С начинаещи започваме от нулата
     • Индивидуална “програма”
     

     View Slide

164. Study групи
     • Поне един ден седмично, след 19:30
     • Малки групи - под 10 човека
     • Не е фатално, ако понякога изпускате
     • Ако има повече желаещи, ще го измислим
     • Доброволни и безплатни
     

     View Slide

165. Study групи
     • Напълно възможно е да се научите
     • Няма тайна – формулата е време + постоянство
     • Ще получавате помощ, но трябва да сте
     мотивирани да изкачите планината сами
     

     View Slide

166. https://www.facebook.com/groups/
     RailsGirlsSofiaStudyGroup/
     

     View Slide

167. Ресурси
     

     View Slide

168. View Slide

169. CoderDojo

     Bulgaria
     

     View Slide

170. Афтърпарти!
     • След 18:30 ч. тук!
     • По едно питие от спонсорите!
     • Имате задача :)
     

     View Slide

171. View Slide

172. Благодарности
     • На Ади, Марта, Ели, Сабина, Мартина,
     Димитър с туитъра, Сани, Гери, Ива,
     Мария, Владо
     • На всички инструктори!
     

     View Slide

173. View Slide