Rails Girls Sofia 11 November 2018 Coaches Guide

Информация и съвети за инструкторите на Rails Girls Sofia 11.

Transcript

1. Rails Girls Sofia 11 16-17 November 2018
 Coaches Guide Hashtag: #RailsGirlsSofia
2. План 1. За Rails Girls и RG Sofia събитията 2. Основна цел и ценности 3. Преглед на програмата 4. Напътствия за обяснения на начинаещи 5. Учебни групи 6. Дискусия
3. 1. За Rails Girls
4. За Rails Girls • Тръгва от Финландия, инициирано от две дами • Първото събитие е ноември 2010 г. • Над 100 са заявилите участие • Много събития по целия свят след това
5. http://rails-girls-map.herokuapp.com/
6. Формат • Като двудневен уъркшоп в неформална и приветлива атмосфера • Безплатен за участниците, не се плаща на инструкторите или организаторите • Разходите се поемат от спонсори • За (почти) напълно начинаещи • Почти без презентации на подиум • Говори се за уеб и се ползва Sinatra (технологията е по-скоро детайл)
7. Rails Girls в България • Първото издание е юни 2013 с 50 участнички и 20 инструктори в София • Съвместно с Атлантическия клуб/ДНК и Гергана Паси • Днес - по две събития на година със 100 участнички и 50 инструктора • Имало е във Враца, Варна и Бургас
8. 2. Цели
9. 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/
10. Повече дами да се престрашат да пробват програмиране и технологии =>
 Да атакуваме предразсъдъци
 Да разпалим интерес
 Да дадем увереност
 Да дадем първоначален тласък
11. Средства и техники • Участниците да си “изцапат ръцете” • Да сглобят нещо и да видят резултат • Да получат обща представа за терминология и подход • Да се създаде местна общност, чрез която взаимно да си помагат занапред
12. Достигане до работещ продукт не трябва да става на всяка цена. Важното е чувството на удовлетворение.
13. Нужни са ви основно soft skills
 Технологията е детайл
14. Нямаме за цел: • Да покрием конкретен материал • Да минем цялото ръководство • Изобщо да се движим по ръководството • Да се говори за HTML, CSS, Ruby, Sinatra… • Да се програмира
15. Как мерим успеха си?
16. 3. Програма
17. Петък 1. 18:30 – Регистрация и разпределение по инструктори 2. 19:00 – Официално откриване 3. 19:20 – Що е то "уеб сайт" 4. 19:45 – Игра "How to Train a Robot” 5. 20:00 – Инструменти и първи стъпки в HTML 6. 20:55 – Групова снимка (Friday Hug)
18. Събота 1. 09:00 – Кафе и регистрация 2. 10:10 – Блиц увод в програмирането и уеб приложенията 3. 10:50 – Workshop 1 4. 13:00 – Обяд (30 мин.) 5. 13:30 – Bentobox 6. 13:45 – Lightning talks 7. 14:00 – Workshop 2 8. 18:00 – Закриване
19. Afterparty Веднага след събитието, в залата Имаме осигурени напитки и леко хапване
20. Подготовка
 16:30 в зала 10 на НДК Доброволци са добре дошли
 влиза се от вход А4 откъм бул. „Витоша” между вход А3 и Зала 42 и се отива на етаж 8
22. Регистрация (18:30 - 19:00)
23. Елате не по-късно от 18:30
24. +359 889 557 281
25. Официално откриване (19:00 - 19:20)
26. Що е то "уеб сайт" (19:20 - 19:45)
27. Тренирай си робот (19:45 - 20:00)
28. http://dira.ro/2013/04/29/the-robot-game-at-railsgirls-krakow
29. x 25
30. Цели на играта • Социализация и разчупване на леда • Да разберат, че да се греши е съществена част от процеса • Прецизността е от ключово значение • Процесът и подходът са важни и трябва да бъдат подобрявани непрекъснато • Достигане до идеята за абстракции - функция и цикъл - по естествен път
31. Разрешени команди • left step • right step • left turn • right turn • squat • pick object • stand up
32. Инструменти и първи стъпки в HTML (20:00 - 20:55)
33. Групова снимка (20:55 - 21:00)
37. Програма - събота
38. Кафе и регистрация (09:00 - 10:00)
39. Блиц-увод в програмирането и уеб приложенията (10:10 - 10:50)
40. Уъркшоп 1 (10:50 - 13:00)
41. Обяд (13:00 - 13:30)
42. Bentobox (13:30- 13:45)
43. Speak Geek. Or how to teach the language of web Friday, March 23, 12
44. 2 Friday, March 23, 12
45. 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
46. 4 Friday, March 23, 12
47. HTML AJAX CSS RUBY, PYTHON, PHP, SCALA MYSQL, MONGODB RUBY ON RAILS, DJANGO, CAKEPHP, JETTY , LIFT…. XML JAVASCRIPT DOM UNICORN Friday, March 23, 12
48. 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
49. 7 PHP + Matlab MySQL PostgeSQL Friday, March 23, 12
50. 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
51. 9 MongoDB and PostresSQL Nginx + HAProxy Lift Scala Friday, March 23, 12
52. R #1 HTML/CSS #2 JQUERY #3 Unicorn Friday, March 23, 12
53. HTML CSS Friday, March 23, 12
54. HTML AJAX CSS XML JAVASCRIPT DOM Friday, March 23, 12
55. UNICORN Friday, March 23, 12
56. 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
57. HTML PHP SaaS RoR MongoDB CSS Apache Django nginx MySQL Friday, March 23, 12
58. 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
59. Bentobox • Инструмент за ориентиране в океана от термини • Състезателния елемент е на втори план и не е важен • Помагайте на процеса без да подсказвате с отговори
60. Lightning talks (13:45 - 14:00)
61. Lightning talks • 3-5 кратки (макс. петминутини) презентации • Пишете до railsgirlssofia@gmail.com с предложенията си за теми • Вижте миналогодишните за вдъхновение – http://railsgirls.com/sofia#past-editions • Истории > (суха) теория • Мотивационни, забавни, неангажиращи
62. Workshop 2 (14:00 - 18:00) + кратка кафе-пауза
63. 4. Обяснения на начинаещи
64. • Какво е command prompt/console/terminal? • Какво е текстов редактор? А текстов файл? • Как работи интернет? • Какво е синтаксис? • Какво е ***?
65. Обяснения на начинаещи • Приемете, че участничките ви нямат предишен опит с технологиите • Избягвайте технически жаргон и термини • Използвайте метафори • Признавайте си, когато не знаете нещо • Натъртвайте, че е ок да се греши и че така се напредва
66. Обяснения на начинаещи • Не питайте “Разбрахте ли?” или “Имате ли въпроси?” • Питайте “Какви въпроси имате?” или дори “Задайте ми по три въпроса.” • След това бройте до пет на ум, чакайки търпеливо въпрос • Стимулирайте участничките да си говорят и помагат една на друга
67. Как да започнете • Представете се накратко - разкажете как сте се запалили и какво ви е мотивирало да сте инструктор (не прекалявайте с хвалбите :) • Дайте възможност на участничките да се представят • Поговорете за тяхната мотивация и интереси • Подгответе очакванията за следване на ръководството
68. Темпо • Забавете! • Следете участничките • Подчертайте, че всеки си има индивидуално темпо • Напомнете, че минаването на цялото ръководство не е цел и мерило за успех • Правете почивки колкото често е необходимо
69. Copy/Paste? OK!
70. Метафори
71. https://c9.io/login Cloud-based IDE
74. Preview URL
75. Cloud9 + keyboard shortcuts
76. http://railsgirls.hno3.org/sinatra-app-bg/ https://github.com/rails-girls-sofia/tutorials Основна презентация
 (минете я задължително): PRs are welcome:
77. 5. Учебни групи
78. Code of conduct railsgirls.com/sofia#code-of-conduct
79. Въпроси, коментари, предложения?