Rails Girls Sofia 8.0 – May 2017 – Day 2

Transcript

1. Rails Girls Sofia 8.0
   12-13 май 2017 г.
   Ден 1
   WiFi: TelerikAcademy

   Pass: NinjaCode!
   #RailsGirlsSofia
   

   View Slide

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

   View Slide

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

   View Slide

4. WiFi: TelerikAcademy

   Pass: NinjaCode!
   

   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. Днес
    

    View Slide

25. View Slide

26. View Slide

27. Източник: https://diyhacking.com/raspberry-pi-robot/
    

    View Slide

28. Програма
    

    View Slide

29. 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 – 16:00 Уъркшоп 2
    7. 16:00 – 16:15 Кафе-пауза
    8. 16:15 – 16:18 Уъркшоп 3
    9. 18:30 – 22:00 ПАРТИ!
    

    View Slide

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

    View Slide

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

    View Slide

32. View Slide

33. View Slide

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

    View Slide

35. View Slide

36. View Slide

37. Няма магия.
    

    View Slide

38. View Slide

39. View Slide

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

    View Slide

41. View Slide

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

    View Slide

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

    View Slide

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

    View Slide

45. Ruby?
    

    View Slide

46. View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

56. Sinatra?
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

60. View Slide

61. Уъркшоп 1
    

    View Slide

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

    View Slide

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

    View Slide

64. View Slide

65. ห౰
    

    View Slide

66. Бенто бокс
    

    View Slide

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

    View Slide

68. View Slide

69. View Slide

70. 4
    Friday, March 23, 12
    

    View Slide

71. 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

72. 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

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

    View Slide

74. 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

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

    View Slide

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

    View Slide

77. HTML CSS
    Friday, March 23, 12
    

    View Slide

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

    View Slide

79. UNICORN
    Friday, March 23, 12
    

    View Slide

80. 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

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

    View Slide

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

    View Slide

83. 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

84. Lightning Talks
    

    View Slide

85. Владимир Петков
    

    View Slide

86. От публична
    администрация до CTO
    kaladan@gmail.com
    

    View Slide

87. Какви проекти съм правил?
    ● Над 100 уеб проекта
    ● Електронно списание
    ● Блог платформа
    ● Големи медийни сайтове
    ● Платформа за агрегация на
    информация
    ● Платформа за медиен
    мониторинг
    ● Компания за обучение на
    машни
    

    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. 10x
    

    View Slide

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

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

104. А така
     

     View Slide

105. Май е добре
     

     View Slide

106. Почвай
     

     View Slide

107. Здравейте
     

     View Slide

108. View Slide

109. View Slide

110. View Slide

111. View Slide

112. View Slide

113. 3 неща
     

     View Slide

114. View Slide

115. View Slide

116. View Slide

117. Хората се страхуват
     от непознатото
     

     View Slide

118. Хората са склонни
     да драматизират
     

     View Slide

119. View Slide

120. View Slide

121. View Slide

122. View Slide

123. View Slide

124. Сложните проблеми са
     решими когато са на парчета
     

     View Slide

125. View Slide

126. View Slide

127. View Slide

128. View Slide

129. Решаването на проблеми
     е работа в екип
     

     View Slide

130. View Slide

131. 1. Хората са склонни да
     драматизират
     2. Проблемите са решими,
     когато са на парчета
     3. Решаването на проблеми
     е работа в екип
     

     View Slide

132. View Slide

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

     View Slide

134. View Slide

135. View Slide

136. 1 2 3 4 5
     6 7 8 9 10
     11 12 13 14 15
     16 17 18 19 20
     21 22 23 24 25
     1
     6
     11
     16
     21
     2 3 6 711
     I
     II III
     

     View Slide

137. View Slide

138. View Slide

139. Уъркшоп 3
     

     View Slide

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

     View Slide

141. Study групи
     

     View Slide

142. View Slide

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

     View Slide

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

     View Slide

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

     View Slide

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

     View Slide

147. Курс по HTML и CSS
     

     View Slide

148. Ресурси
     

     View Slide

149. CoderDojo

     Bulgaria
     

     View Slide

150. RAILSGIRLS
     -10%
     (до 13 юни)
     

     View Slide

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

     View Slide

152. View Slide

153. Благодарности
     • На Ади, Марта, Ели, Сабина, Мартина,
     Димитър с туитъра, Чип, Сани и Ани
     • На всички инструктори!
     

     View Slide

154. View Slide