“Girls in IT” to cykl spotkań dla kobiet, które mają na celu pokazać od kuchni jak wygląda praca w firmie technologicznej i pomóc im podjąć właściwą decyzję na temat kariery zawodowej. W pierwszej części, przeznaczonej dla przyszłych Front-end Developerek, opowiemy na czym polega tworzenie strony internetowej i podzielimy się listą niezbędnych źródeł dla początkujących. Druga część zawiera praktyczne informacje dotyczące Backend development'u. Przedstawimy specyfikę pracy na tym stanowisku, dobre praktyki, a także cenne wskazówki od naszych ekspertek. https://www.youtube.com/watch?v=ww36brBuxU8

2. Front-end Development.
Od czego zacząć

3. Front-end Developerka
Ania Marta

4. Kim jest front-end developerka?
Osoba zajmująca się tworzeniem części aplikacji
webowej, która uruchamiana jest w przeglądarce
oraz dbająca o warstwę GRAFICZNĄ aplikacji.

5. Front-end Back-endUżytkownik
Icons made by Smashicons from Flaticon is licenced by CC 3.0 BY

6. HTML, CSS, Javascript

7. Jak wygląda praca front-end
developera?

8. Front-end
Back-end
Tester
Projektant
Icons made by Smashicons from Flaticon is licenced by CC 3.0 BY

10. Testy

11. Dzielenie się wiedzą

12. Jakie cechy powinna mieć osoba zajmująca się
front-endem?
● dbałość o detale
● empatia, zrozumienie
potrzeb użytkowników
Icons made by Smashicons from Flaticon is licenced by CC 3.0 BY

13. ● komunikatywność
● umiejętność pracy w grupie
Icons made by Smashicons from Flaticon is licenced by CC 3.0 BY
Jakie cechy powinna mieć osoba zajmująca się
front-endem?

14. ● chęć do ciągłej nauki
● umiejętność przyznania się do
niewiedzy
● umiejętność pracy w szybko
zmieniającym się środowisku
Icons made by Smashicons from Flaticon is licenced by CC 3.0 BY
Jakie cechy powinna mieć osoba zajmująca się
front-endem?

15. Jak zacząć przygodę z
front-endem?

16. The Basics

17. Dużo czytać

18. Źródła
Udemy
Codecademy
Codepen
Stackoverflow
Eduweb.pl
Github Issues

19. Dużo pisać

20. Codepen

21. Edytory Tekstowe
Sublime TextVisual Studio
Code
Atom

22. Kolejny etap ...

23. Plan działania

24. Find your own voice… czy coś

25. CSS Frameworki

26. Frameworki

27. Chcę zostać front-endowcem!
Co dalej?

28. Rekrutacja
Icons made by Smashicons from Flaticon is licenced by CC 3.0 BY
versus

29. Jak się przygotować?
● Szukaj ofert, które Cię
interesują
● Nie rezygnuj, gdy nie
spełniasz 100%
wymagań
● Przygotuj portfolio
● Przygotuj się do
rozmowy

30. Przydatne linki
Kursy/tutoriale Nowinki/do poczytania
● Polski frontend
● Na frontendzie
● Type of web
● Smashing magazine
● Codecademy
● Codeschool
● FreeCodeCamp
Wydarzenia
● Meet.js Wrocław

31. Back-end Development.
Od czego zacząć

32. Back-end Developerka
Magda Zuzia

33. Czym jest back-end?
Wszystko, co się dzieje “z tyłu” i jest niewidoczne dla
użytkownika.
Quality Assurance Engineer
Silnik, którego nie widzisz na pierwszy rzut oka, ale dzięki
któremu samochód jedzie.
Project Manager
Serce aplikacji.
Backend developer

35. Czym jest back-end?
● Logika aplikacji
● Bazy danych
● Serwery
● Backup’y
● API

36. Front-end vs Back-end

37. Jak wygląda nasza praca?
: )

38. Z kim BE developer współpracuje:
● klient - interpretacja jego potrzeb/wymagań
● project manager - ustalanie priorytetów, estymacje
● BE developer - wspólne rozkminy, code review
● FE developer - integracja FE i BE
● tester - usprawnianie systemu

39. Przykład z dnia codziennego:
Use case:
System zakupu miejsc w samolocie
Jako użytkownik chcę wybrać i zakupić miejsce w
samolocie.

40. Czy ogólna znajomość funkcjonalności
oznacza, że możemy zacząć…?
NIE :)

41. Co BE developer musi mieć na uwadze...
● użytkownik musi być zalogowany
● więcej niż 1 użytkownik nie może zakupić tego samego miejsca
● aplikacja powinna mieć aktualne dane np. na temat lotów
● możliwość dokonania płatności (komunikacja z zewnętrznym
serwisem)
● użytkownik powinien dostać przypomnienie przed zbliżającym
się wylotem

42. I jeszcze parę rzeczy...
Użytkownik może widzieć tylko swoje
rezerwacje
Godzina lotu na który chce kupić
bilet może być minimalne za 2
godziny (w jego strefie
czasowej!)
Imię i nazwisko użytkownika muszą
mieć minimalnie po 2 znaki
Użytkownicy mogą używać różnych
walut
Zewnętrzny serwis
może nie odpowiadać
I wiele więcej

43. Warto też skonsultować z FE jakie dane
której stronie są potrzebne i jak ma
odbywać się komunikacja:

44. Niektóre funkcjonalności będą wymagały zmian w
architekturze bazy danych:

45. I wreszcie można zacząć pracę nad kodem:

46. Do kodu warto dopisać testy (albo od nich właśnie zacząć!)...

47. I dać do sprawdzenia QA:

48. Dopiero kiedy feature jest gotowy i sprawdzony
można pokazać go użytkownikom...
I tu pojawia się tajemnicze wyrażenie “deploy na
produkcję”

49. Jak zacząć?

50. Jak zacząć?
● wybrać język programowania (Ruby, Python, Java, Elixir,
C#, C++)
● kursy, kursy, kursy (Rails Girls, Django Girls, Geek Girls
Carrots, Women in Technology, Bootcamps)
● książki
● napisać własną aplikację!
● wrzucić aplikację na serwer (np. Heroku)
● praca, praca, praca

51. Jak zacząć?
Inne przydatne umiejętności:
● znajomość systemu kontroli wersji (np. Git)
● umiejętność używania konsoli
● znajomość języka baz danych (np. SQL)
● znajomość zasad projektowania baz danych
● znajomość języka angielskiego
● umiejętność pracy w zespole (!!!)

52. Ścieżki kariery
● Junior -> Regular -> Senior
● Tech Lead
● Project Manager
● Mentor
● Architekt Systemów
● CTO/Head of Back-end

53. Przydatne linki
Wydarzenia i kursy:
https://www.meetup.com/
http://geekgirlscarrots.org/
http://womenintechnology.pl/
https://djangogirls.org/
http://railsgirls.com/
https://rebased.pl/akademia.html

54. Przydatne linki
Języki i frameworki:
https://www.codeschool.com/
https://www.codewars.com/
https://www.coursera.org/
https://www.udemy.com/