Front-end Development.
Od czego zacząć

Front-end Developerka
Ania Marta

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.

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

HTML, CSS, Javascript

Jak wygląda praca front-end
developera?

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

Testy

Dzielenie się wiedzą

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

● 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?

● 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?

Jak zacząć przygodę z
front-endem?

The Basics

Dużo czytać

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

Dużo pisać

Codepen

Edytory Tekstowe
Sublime TextVisual Studio
Code
Atom

Kolejny etap ...

Plan działania

Find your own voice… czy coś

CSS Frameworki

Frameworki

Chcę zostać front-endowcem!
Co dalej?

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

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

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

Back-end Development.
Od czego zacząć

Back-end Developerka
Magda Zuzia

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

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

Front-end vs Back-end

Jak wygląda nasza praca?
: )

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

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

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

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

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

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

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

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

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

I dać do sprawdzenia QA:

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

Jak zacząć?

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

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 (!!!)

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

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

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