Rails Girls Sofia 4.0 March 2015 - Coaches Guide

More info:

- http://railsgirls.com/sofia
- https://github.com/rails-girls-sofia/guides/blob/master/rails-girls-sofia-2015-march-coaches-guide.md#readme

Transcript

1. Rails Girls Sofia 4.0 6-7 March 2015
 Coaches Guide
2. Здравейте
3. Rails Girls Sofia 4.0
4. План 1. За Rails Girls и RG Sofia събитията 2. Основна цел и ценности 3. Напътствия за обяснения на начинаещи 4. Програма - петък 5. Програма - събота 6. След събитието 7. Ресурси 8. Дискусия
5. 1. За събитието
6. За събитието • Тръгва от Финландия, инициирано от две дами • Първото събитие е ноември 2010 г. • Над 100 са заявилите участие • Много събития по целия свят след това
7. http://rails-girls-map.herokuapp.com/
8. Формат • Като двудневен уъркшоп в неформална и приветлива атмосфера • Безплатен за участниците, не се плаща на инструкторите или организаторите • За (почти) напълно начинаещи • Почти без презентации на подиум • Говори се за уеб и се ползва Ruby on Rails (технологията е по-скоро детайл)
10. Rails Girls в София • За трети път • Съвместно с Атлантическия клуб/ДНК и Гергана Паси • Разходите се поемат от спонсори • Бетахаус
11. Swag
12. 2. Цели
13. Повече дами да се престрашат да пробват програмиране (и технологии) =>
 
 Да разпалим интерес
 Да дадем увереност
 Да дадем първоначален тласък
14. Our aim is to give tools and a community for women to understand technology and to build their ideas. We do this by providing a great experience on building things and by making technology more approachable.
    — http://railsgirls.com/
15. Средства и подцели • Участниците да си “изцапат ръцете” и да направят работещо уеб приложение • Да придобият обща представа за терминология и място ресурси • Да се създаде местна общност, чрез която взаимно да си помагат занапред • Да се ориентират в и да се запалят по света на технологиите
16. Достигане до работещ продукт не трябва да става на всяка цена, но е важно за чувството на удовлетворение.
17. Най-важното – времето и мотивацията на участниците
18. Нужни са ви основно soft skills
 Технологията е детайл
19. 3. Обяснения на начинаещи
20. • Какво е command prompt/console/terminal? • Какво е текстов редактор? • Как работи интернет? • Какво е синтаксис? • Какво е ***?
21. Обяснения на начинаещи • Ask students "What do you want to get out of class?” • Assume that anyone you're teaching to has 0 knowledge but infinite intelligence • Admit your ignorance • Tell people it's ok to make mistakes • Try to avoid technical jargon
22. Обяснения на начинаещи • Don't say "any questions?” – say "What questions do you have?" • Get the students talking to each other
23. Как да се представите • Тell your story • Тell why you like programming and teaching. • Beware of bragging! • Tell why you care. Why are you getting up on saturday morning to come in here?
24. Темпо • Slow down! • Wait much longer than you feel is comfortable for questions/comments • Much, much longer
25. Copy/Paste? OK!
26. Метафори
27. 4. Програма - петък 1. Регистрация 2. Разпределение по инструктори 3. Официално откриване 4. Игра "How to Train a Robot” 5. Запознаване със средата за разработка; малко HTML 6. Групова снимка (Friday Hug)
28. 5. Програма - събота 1. Кафе и регистрация 2. Блиц увод в програмирането 3. TryRuby.org 4. Увод в уеб приложения 5. Workshop 1 6. Обяд 7. Bentobox 8. Lightning talks 9. Workshop 2
29. Afterparty Inк. BAR (Славянска 36) събота, от 20 ч.
30. Нови неща
31. https://www.nitrous.io/ Cloud-based IDE
32. http://bit.ly/railsgirlssofia4 http://rails-girls-sofia.github.io/rails-girls-training/#/ https://github.com/rails-girls-sofia/rails-girls-training http://dotclass.org/rails-girls-warsaw-programme/ Основна презентация
 (минете я задължително):
33. Code of conduct
34. 4. Програма - петък
35. Подготовка
 15:30 в Бетахаус Доброволци са добре дошли
36. Елате не по-късно от 18:30
37. 4.1. Регистрация (18:30 - 19:00)
38. 4.2. Разпределение по инструктори
39. 4.3. Официално откриване (19:00 - 19:15)
40. 4.5. Игра "How to Train a Robot" (19:15 - 20:15)
41. http://dira.ro/2013/04/29/the-robot-game-at-railsgirls-krakow
42. Цели на играта • Достигане до идеята за абстракция - функция - по естествен път • Да разберат, че да се греши е съществена част от процеса • Емоциите по-скоро пречат при общуване с машини • Развиване на умения за дебъгване е много важно
 Социализация и разчупване на леда
43. Разрешени команди • left step • right step • left turn • right turn • squat • pick object • stand up
44. 4.4. Среда за разработка; малко HTML (20:15 - 20:50)
45. 4.6. Групова снимка (20:50 - 21:00)
49. 5. Програма - събота
50. 5.1. Кафе и регистрация (09:00 - 10:00)
51. 5.2. Увод в програмирането (10:00 - 10:30)
52. 5.3. TryRuby.org (10:30 - 11:15)
53. 5.4. Уъркшоп 1 (11:15 - 13:00)
54. Workshop • Започване на приложението • http://bit.ly/railsgirlssofia4 • simple_scaffold • Още: http://guides.railsgirls.com/simpleapp/ • Опционални ръководства – “Push to GitHub”, “Deploy to Heroku”, “Add Comments”
55. VLPSOHBVFDIIROG $VLPSOHUVFDIIROGZLWKVRPHEHJLQQHUIULHQGO\GHIDXOWV
56. %HIRUH 䚎UDLOVJLUOVJLW PDVWHU 䘣UDLOVJHQHUDWHVFDIIROGLGHDQDPHVWULQJGHVFULSWLRQWH[WSLFWXUHVWULQJ LQYRNHDFWLYHBUHFRUG FUHDWHGEPLJUDWHBFUHDWHBLGHDVUE FUHDWHDSSPRGHOVLGHDUE LQYRNHWHVWBXQLW FUHDWHWHVWPRGHOVLGHDBWHVWUE FUHDWHWHVWIL[WXUHVLGHDV\PO LQYRNHUHVRXUFHBURXWH URXWHUHVRXUFHVLGHDV LQYRNHVFDIIROGBFRQWUROOHU FUHDWHDSSFRQWUROOHUVLGHDVBFRQWUROOHUUE LQYRNHHUE FUHDWHDSSYLHZVLGHDV FUHDWHDSSYLHZVLGHDVLQGH[KWPOHUE FUHDWHDSSYLHZVLGHDVHGLWKWPOHUE FUHDWHDSSYLHZVLGHDVVKRZKWPOHUE FUHDWHDSSYLHZVLGHDVQHZKWPOHUE FUHDWHDSSYLHZVLGHDVBIRUPKWPOHUE LQYRNHWHVWBXQLW FUHDWHWHVWFRQWUROOHUVLGHDVBFRQWUROOHUBWHVWUE LQYRNHKHOSHU FUHDWHDSSKHOSHUVLGHDVBKHOSHUUE LQYRNHWHVWBXQLW FUHDWHWHVWKHOSHUVLGHDVBKHOSHUBWHVWUE LQYRNHMEXLOGHU FUHDWHDSSYLHZVLGHDVLQGH[MVRQMEXLOGHU FUHDWHDSSYLHZVLGHDVVKRZMVRQMEXLOGHU LQYRNHDVVHWV LQYRNHFRIIHH FUHDWHDSSDVVHWVMDYDVFULSWVLGHDVMVFRIIHH LQYRNHVFVV FUHDWHDSSDVVHWVVW\OHVKHHWVLGHDVFVVVFVV LQYRNHVFVV FUHDWHDSSDVVHWVVW\OHVKHHWVVFDIIROGVFVVVFVV 2KQRHV:KDWLVDOO WKLVVWXII" :LOODQ\RQHQRWLFHLI, OHDYHGXULQJWKHOXQFK EUHDN"
57. $IWHU 䚎UDLOVJLUOVJLW PDVWHU 䘣UDLOVJHQHUDWHVFDIIROGLGHDQDPHVWULQJGHVFULSWLRQWH[WSLFWXUHVWULQJ LQYRNHDFWLYHBUHFRUG FUHDWHGEPLJUDWHBFUHDWHBLGHDVUE FUHDWHDSSPRGHOVLGHDUE LQYRNHUHVRXUFHBURXWH URXWHUHVRXUFHVLGHDV LQYRNHVFDIIROGBFRQWUROOHU FUHDWHDSSFRQWUROOHUVLGHDVBFRQWUROOHUUE LQYRNHHUE FUHDWHDSSYLHZVLGHDV FUHDWHDSSYLHZVLGHDVLQGH[KWPOHUE FUHDWHDSSYLHZVLGHDVHGLWKWPOHUE FUHDWHDSSYLHZVLGHDVVKRZKWPOHUE FUHDWHDSSYLHZVLGHDVQHZKWPOHUE FUHDWHDSSYLHZVLGHDVBIRUPKWPOHUE 2K2.« &RRO :KDWGRHVWKLVVWXII GR"
58. 3UREOHPV Ɣ 7KHUHVSRQGBWREORFNLVFRQIXVLQJDQGXQKHOSIXO Ɣ 7KHEHIRUHBDFWLRQLVFRQIXVLQJ Ɣ 7KHFRPPHQWVDUHFRQIXVLQJ Ɣ :HGRQ¶WJHWDQ\FOXHVDVWRZKDWKDSSHQVQH[W %HIRUH FODVV,GHDV&RQWUROOHU$SSOLFDWLRQ&RQWUROOHU EHIRUHBDFWLRQVHWBLGHDRQO\>VKRZHGLWXSGDWHGHVWUR\@  *(7LGHDV *(7LGHDVMVRQ GHIVKRZ HQG  3267LGHDV 3267LGHDVMVRQ GHIFUHDWH #LGHD ,GHDQHZ LGHDBSDUDPV UHVSRQGBWRGR_IRUPDW_ LI#LGHDVDYH IRUPDWKWPO^UHGLUHFWBWR#LGHDQRWLFH ,GHDZDVVXFFHVVIXOO\FUHDWHG ` IRUPDWMVRQ^UHQGHUDFWLRQ VKRZ VWDWXVFUHDWHGORFDWLRQ#LGHD` HOVH IRUPDWKWPO^UHQGHUDFWLRQ QHZ ` IRUPDWMVRQ^UHQGHUMVRQ#LGHDHUURUVVWDWXVXQSURFHVVDEOHBHQWLW\` HQG HQG HQG  SULYDWH 8VHFDOOEDFNVWRVKDUHFRPPRQVHWXSRUFRQVWUDLQWVEHWZHHQDFWLRQV GHIVHWBLGHD #LGHD ,GHDILQG SDUDPV>LG@ HQG 1HYHUWUXVWSDUDPHWHUVIURPWKHVFDU\LQWHUQHWRQO\DOORZWKHZKLWHOLVWWKURXJK GHILGHDBSDUDPV SDUDPVUHTXLUH LGHD SHUPLW QDPHGHVFULSWLRQSLFWXUH HQG HQG
59. %HIRUH FODVV,GHDV&RQWUROOHU$SSOLFDWLRQ&RQWUROOHU EHIRUHBDFWLRQVHWBLGHDRQO\>VKRZHGLWXSGDWHGHVWUR\@  *(7LGHDV *(7LGHDVMVRQ GHIVKRZ HQG  3267LGHDV 3267LGHDVMVRQ GHIFUHDWH #LGHD ,GHDQHZ LGHDBSDUDPV UHVSRQGBWRGR_IRUPDW_ LI#LGHDVDYH IRUPDWKWPO^UHGLUHFWBWR#LGHDQRWLFH ,GHDZDVVXFFHVVIXOO\FUHDWHG ` IRUPDWMVRQ^UHQGHUDFWLRQ VKRZ VWDWXVFUHDWHGORFDWLRQ#LGHD` HOVH IRUPDWKWPO^UHQGHUDFWLRQ QHZ ` IRUPDWMVRQ^UHQGHUMVRQ#LGHDHUURUVVWDWXVXQSURFHVVDEOHBHQWLW\` HQG HQG HQG  SULYDWH 8VHFDOOEDFNVWRVKDUHFRPPRQVHWXSRUFRQVWUDLQWVEHWZHHQDFWLRQV GHIVHWBLGHD #LGHD ,GHDILQG SDUDPV>LG@ HQG 1HYHUWUXVWSDUDPHWHUVIURPWKHVFDU\LQWHUQHWRQO\DOORZWKHZKLWHOLVWWKURXJK GHILGHDBSDUDPV SDUDPVUHTXLUH LGHD SHUPLW QDPHGHVFULSWLRQSLFWXUH HQG HQG 6ROXWLRQ Ɣ 7KHUHVSRQGBWREORFNLVJRQH Ɣ /RDGLQJLVH[SOLFLW Ɣ 7KHFRPPHQWVDUHJRQH Ɣ 5HQGHULQJLVH[SOLFLW $IWHU FODVV,GHDV&RQWUROOHU$SSOLFDWLRQ&RQWUROOHU  GHIVKRZ #LGHD ,GHDILQG SDUDPV>LG@ UHQGHU VKRZ HQG  GHIFUHDWH #LGHD ,GHDQHZ LGHDBSDUDPV LI#LGHDVDYH UHGLUHFWBWR#LGHDQRWLFH ,GHDZDVVXFFHVVIXOO\FUHDWHG HOVH UHQGHUDFWLRQ QHZ HQG HQG  SULYDWH 2QO\DOORZDWUXVWHGSDUDPHWHUZKLWHOLVWWKURXJK GHILGHDBSDUDPV SDUDPVUHTXLUH LGHD SHUPLW QDPHGHVFULSWLRQSLFWXUH HQG HQG
60. +RZGR,XVHLW" UDLOVQHZUDLOVJLUOVPKWWSUDLOVJLUOVFRPVLPSOHBVFDIIROG UE
61. +RZGR,VWRSXVLQJLW" 7RJHQHUDWHWKHROGFRQWUROOHU 5HPRYHOLEWHPSODWHVUDLOVVFDIIROGBFRQWUROOHUFRQWUROOHUUE 7RJHQHUDWHVFVVFRIIHHVFULSWWHVWV 5HPRYHWKHUHOHYDQWOLQHVIURPDSSOLFDWLRQUE7KH\ORRNOLNHWKLV FRQILJJHQHUDWRUVDVVHWV IDOVH FRQILJJHQHUDWRUVKHOSHU IDOVH FRQILJJHQHUDWRUVWHVWBIUDPHZRUN IDOVH FRQILJJHQHUDWRUVVW\OHVKHHWV IDOVH
62. Обяд (13:00 - 13:30)
63. 5.5. Bentobox (13:30- 13:45)
64. Bentobox • Цел – ориентиране в океана от термини • Презентация – http://speakerdeck.com/u/ railsgirls/p/rails-girls-bentobox-exercise • Обяснително видео – https://vimeo.com/ 39049632
65. Speak Geek. Or how to teach the language of web Friday, March 23, 12
66. 2 Friday, March 23, 12
67. Why Bento? • You need a balanced mix of things. • It’s a puzzle - putting everything together in the box. • “Ekiben“ - content which is arranged in the most efficient, graceful manner. The bento is presented in a simple, beautiful, balanced way. Nothing lacking. Nothing superfluous. Not decorated, but wonderfully designed. Friday, March 23, 12
68. 4 Friday, March 23, 12
69. HTML AJAX CSS RUBY, PYTHON, PHP, SCALA MYSQL, MONGODB RUBY ON RAILS, DJANGO, CAKEPHP, JETTY , LIFT…. XML JAVASCRIPT DOM UNICORN Friday, March 23, 12
70. 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
71. 7 PHP + Matlab MySQL PostgeSQL Friday, March 23, 12
72. 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
73. 9 MongoDB and PostresSQL Nginx + HAProxy Lift Scala Friday, March 23, 12
74. R #1 HTML/CSS #2 JQUERY #3 Unicorn Friday, March 23, 12
75. HTML CSS Friday, March 23, 12
76. HTML AJAX CSS XML JAVASCRIPT DOM Friday, March 23, 12
77. UNICORN Friday, March 23, 12
78. 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
79. 5 minutes. Game on! Friday, March 23, 12
80. HTML PHP SaaS RoR MongoDB CSS Apache Django nginx MySQL Friday, March 23, 12
81. 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
82. 5.6. Lightning talks (13:45 - 14:30)
83. Lightning talks • 6-8 кратки (петминутини) презентации • Пишете до rails-girls-sofia- instructors@googlegroups.com с предложенията си за теми • Вижте миналогодишните за вдъхновение – http://railsgirls.com/sofia#past-editions • Истории > (суха) теория • Мотивационни, забавни, неангажиращи
84. 5.7. Workshop 2 (14:30 - 17:30)
85. Отклонения от програмата са окей
 По ваша преценка
86. 6. След събитието
87. След събитието • Ръководство (допълвайте) – https:// github.com/rails-girls-sofia/guides/blob/master/ after-the-event-keep-coding.md#readme • Хората не продължават да се занимават сами
88. 6.1. Study groups
89. 6.2. Менторство
90. 7. Ресурси
91. Ресурси • Безплатни копия на "Learn Rails" от Daniel Kehoe – http://learn-rails.com/railsgirls, код RAILSGIRLS • http://explainshell.com/ • http://railsgirls.com/materials
92. Официален хештаг – #RailsGirlsSofia
93. Въпроси, коментари, предложения?