Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Rails Girls Sofia 5.0 October 2015 - Day 2

Rails Girls Sofia 5.0 October 2015 - Day 2

Slides for the Rails Girls Sofia 5.0 event, which took place on 23-24 October 2015. Day one.

Dimitar Dimitrov

October 24, 2015
Tweet

More Decks by Dimitar Dimitrov

Other Decks in Education

Transcript

  1. Игра на VMware 1. Пуснете туит до 15 ч. днес

    с отговор на въпроса “Какво научих на Rails Girls Sofia?” 2. Сложете и #railsgirlssofia и #vmwomen в отговора 3. Profit!
  2. 1. 10:10 – 10:50 Увод в програмирането 2. 10:50 –

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

    • Има и други (C#, Java, C++, PHP, JavaScript, Clojure, Scheme и още 2783...) • Можем да ползваме произволен* език, за да правим това, което ще правим днес • Руби е готин и ще ползваме него • Може да си изкарвате прехраната с Ruby :)
  4. Внимание - термини • Код = съвкупност от команди и

    данни • Кодът на Ruby (а и повечето други езици за програмиране) се пази в текстови файлове • Изпълнява се от програма (интерпретатор), кръстена “ruby” • Може да си играете с Ruby и в т.нар. “интерактивна конзола” (REPL) – irb
  5. 1. Данни • Всичко се върти около данните – зареждате

    данни, манипулирате данни, произвеждате данни. • Програмиране = зареждане на данни, манипулация на данни, произвеждане на данни (по автоматизиран начин)
  6. 1. Данни – зареждане 1. “Зареждане” на данни – прочитане

    от файлове, вход от потребителя, прочитане от друга програма (база данни, интернет и т.н.) 2. Вмъкване на данните в самата програма
  7. 1. Данни – типове 1. Данните имат различни типове 2.

    Всеки тип поддържа определен набор операции 3. Например, числата поддъжат деление: 42 / 2 4. Какво става, ако разделим “бетон” / “небе”?
  8. 1. Данни – типове 1. Текст – без ограничение в

    дължината 2. Числа – цели, с плаваща запетая, рационални, комплексни 3. Съставни типове данни – списъци от неща, речници с неща 4. Наши собствени типове данни – “продукт”, “поръчка”, “потребител”, …
  9. 2. Имена 1. Механизъм да реферираме към определени данни 2.

    Името си го избираме ние и го “насочваме” към някакви данни 3. Може да сменяме накъде сочи името 4. Правим манипулации с името, реално работейки с данните зад него 5. Имената наричаме променливи (variables)
  10. Имена (променливи) и данни (стойности): някакво_име  =  данни   Например:

    event_name  =  "Rails  Girls  Sofia”   coaches  =  50   accepted_participants  =  coaches  *  2 2. Имена
  11. 3. Действия Всички данни (стойности) поддържат определени операции/действия: данни.действие  

    данни.друго_действие()   данни.пак_действие(други_данни)   данни.друго_действие(и,  разни,  опции)
  12. Обекти? 1. Обекти = тип данни + операциите, които можем

    да правим с тях. 2. Днес ще приемем, че “данни” и “обекти” са взаимозаменяеми.
  13. 4. Условия if  условие      изпълни  това,  ако  условието

     е  истина   else      иначе  изпълни  тази  част   end
  14. 4. Условия братчеда  =  Човек.нов(name:  'Пешо')   if  братчеда.гладен?  

       братчеда.иди_да_обядваш   else      братчеда.изиграй_едно_хоро   end
  15. 5. Цикли • Начини да повтаряте едно и също действие

    многократно (т. нар. "цикли") • Повече от един начин да стане това; избираме си различни, според ситуацията • Принципът е еднакъв в повечето езици за програмиране
  16. 5. Цикли while  cat.alive?      cat.eat      cat.sleep

         cat.purr_for_diversion      cat.plot_for_world_domination   end
  17. 6. Изрази • Всичко в Ruby е израз. Всяко валидно

    парче код, което можете да пуснете самостоятелно в irb и да не получите грешка. • Всеки израз си има резултат (някаква стойност) • Ще наричаме тази стойност “оценка” • Ще видите това по-късно в irb
  18. Речник • Сървър – компютър, закачен за интернет • (Уеб)

    сървър – помощна програма • Клиент – браузърът на потребителя • Интернет – компютри, свързани един с друг • Уебсайт – HTML + CSS + картинки + …, преточващи се от сървъра към клиента
  19. Статични vs. динамични сайтове • Статични — едно и също,

    во веки веков • Динамични — шаблони, попълвани с данни; може и да има интеракция с потребител, може и да няма • Приложението, което ще правим днес, попада във втората категория • И за двата вида имаме нужда от помощната програма “сървър” и от компютър, на който тя да работи
  20. Как разработваме сайт? • Обикновено имаме “локално” копие • Файлове,

    код, картинки + сървър + БД • Редактираме си кода и файловете локално • Разглеждаме си промените локално • Когато сме готови, копираме новия код, картинки, файлове на реалния сървър • Nitrous.io ще замества вашия компютър
  21. Динамични уеб сайтове • Още — приложения (applications, apps) •

    За тях имаме нужда от “логика” на сървър • “Логика” = програма, написана на език за програмиране • Ще се забавляваме с това днес, използвайки Ruby
  22. Sinatra • Sinatra е името на една купчина код (“фреймуърк”),

    която някой е написал вместо нас, за да ни улесни в направата на уеб приложения • Sinatra е написана на Ruby • Можем да я ползваме безплатно • Sinatra има някои вградени неща, вкл. и (уеб) сървър • Можем и без Sinatra, но ще се поизпотим повече • Няма да използваме Ruby on Rails днес
  23. Раждането на едно приложение • Звучи сложно, но не е

    • Най-важното — • Започвате с малки стъпки и надграждате на итерации • Експериментирате • Учите се от грешките си • Подобрявате и повтаряте цикъка
  24. • Опознайте инструментите си (Nitrous.io) — конзола, текстов редактор, браузър

    • Поиграйте си с Ruby в irb и с микро-програмки • HTML, CSS и следвайте ръководството • http://bit.ly/railsgirlssofia5 + http://bit.ly/cheat-rails • http://www.sinatrarb.com/intro.html • Изгледи; шаблони; ERB (embedded Ruby и HTML) • URL-и; HTTP Уъркшоп 1
  25. Игра на VMware 1. Пуснете туит до 15 ч. днес

    с отговор на въпроса “Какво научих на Rails Girls Sofia?” 2. Сложете и #railsgirlssofia и #vmwomen в отговора 3. Profit!
  26. 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
  27. HTML AJAX CSS RUBY, PYTHON, PHP, SCALA MYSQL, MONGODB RUBY

    ON RAILS, DJANGO, CAKEPHP, JETTY , LIFT…. XML JAVASCRIPT DOM UNICORN Friday, March 23, 12
  28. 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
  29. 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
  30. 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
  31. 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
  32. Точни данни 0 25 50 75 100 Участнич ки Успали

    се Страх да говорят Все тая
  33. ако някога ви се е случвало да ви ударят с

    чук по главата, ще разберете точно какво изпитах аз в този момент не просто знаех. аз винаги съм го знаела май не споменах с какво се бях занимавала допреди началото на моето истинско начало бях работила известно време - няколко години като програмист за една голяма копорация. По-онова време най-силно ме подискаше мисълта, че това е единственото, което умея да правя и че цял живот ще работя за някой друг
  34. Същина - причината да се будиш сутрин, да се радваш

    на живота - не е нещо конкретно - различно е за всеки - всеки е отговорен сам да го намери - не е розови очила - естествени и спонтанни действия
  35. MEET THE 2015 TEAMS OF RAILS GIRLS SUMMER OF CODE

    The 2015 sponsored teams are spread all over the globe!
  36. 99 little bugs in the code, 99 little bugs in

    the code Take one down, patch it around… …127 little bugs in the code
  37. Уъркшоп 2 • http://bit.ly/railsgirlssofia5 + http://bit.ly/cheat-rails • http://www.sinatrarb.com/intro.html • Изгледи;

    шаблони; ERB (embedded Ruby и HTML) • URL-и; HTTP и цикълът request-response • Бази от данни – “Big data is when Excel crashes…” • Външни библиотеки (gems) и управлението им.
  38. Как да продължим? 1. Продължете да пишете (и четете (код))

    2. Работете над нещо реално 3. Поддържайте връзка помежду си 4. Забавлявайте се!
  39. Study групи • Седмични срещи в местния хакерспейс • Ще

    има поне един инструктор • Без “домашна” работа • Трупаме реални знания чрез практика • С начинаещи ще се започва от нулата • Индивидуална “програма”
  40. Study групи • Поне един ден седмично, след 19:30 •

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

    Няма тайна – трябва да отделяте време • Ще получавате помощ, но трябва да сте мотивирани да изкачите планината сами
  42. Ресурси 1/2 • http://bit.ly/rg-sofia-keep-coding • http://bit.ly/joan-on-rails (~30 min) • http://ruby-for-beginners.rubymonstas.org/

    • Безплатна книга “Learn Rails” от Daniel Kehoe (Отивате на http://learn-rails.com/ railsgirls и ползвате кода RAILSGIRLS) • Защо книга?
  43. Ресурси 2/2 • http://railsgirls.com/materials • http://explainshell.com/ (за конзолата) • http://try.github.io/

    (за Git!) • http://bit.ly/learn-rails-1 (Quora) • http://bit.ly/learn-rails-2 (Quora) • http://bit.ly/ruby-in-100-mins
  44. Афтърпарти! • След 20:30 ч. в Ink BAR, ул. Славянска

    36 • Имате по едно питие от нас • Отворено за всички, дори и извън събитието • Присъединете се към общността :)
  45. Благодарности • На г-жа Паси и ДНК • На Ади,

    Марта, Марти, Сабина, Димитър С. • На Максо и Диди (Хикен Щикен) • На спонсорите и партньорите ни • На всички инструктори • На вас!