200h

pracy z kodem

24h

sobotnich warsztatów

Platforma

z zadaniami online

Certyfikat

ukończenia kursu

1. Język HTML 5

• historia, zastosowanie,
• podstawowe znaczniki,
• ogólna struktura plików, komentarze,
• semantyka html.

2. CSS3

• zastosowanie,
• opis reguły stylów,
• podstawowe selektory.

3. Sposoby dołączania plików JavaScript i CSS

4. Resetowanie stylów css

5. Zarządzanie fontami oraz formatowanie tekstu

6. Elementy blokowe a liniowe

7. Box model

8. Pseudoelementy i pseudoklasy

9. Walidatory poprawności kodu CSS i HTML

10. Narzędzia webmasterskie w przeglądarkach

11. Przygotowanie i analiza przykładowego projektu

• ogólna struktura,
• listy i linki, nagłówki, obrazki, formularze, stopka, tabele.

12. Dostosowanie dla urządzeń mobilnych

13. Animacje

14. Muzyka i wideo na stronie

15. Podstawy SEO

• dostosowywanie struktury plików HTML, aby były lepiej przetwarzane przez mechanizmy wyszukiwarek internetowych.

16. Narzędzia wspierające tworzenia stron

1. Wartości i zmienne

• deklaracja i inicjalizacja zmiennych,
• organizacja kodu z wykorzystaniem zmiennych,
  
• konwencja nazewnictwa zmiennych,
  
• zakres zmiennych,
• techniki wykorzystania zakresu lokalnego.

2. Typy danych

• różnice w typach danych,
• operacje na typach danych.

3. Instrukcje  warunkowe if, else, switch, sterujące

• składnia instrukcji warunkowych,
• używanie instrukcji if-else do podejmowania decyzji w kodzie,
• instrukcja switch: kiedy i jak używać.

4. Pętle: for, while i do…while

• składnia pętli,
• działanie pętli,
• praca z pętlami.

5. Funkcje

•  w jaki sposób funkcje pomagają lepiej zorganizować i pogrupować kod,
•  w jaki sposób funkcje sprawiają, że kod może być używany wielokrotnie,
•  znaczenie argumentów funkcji i korzystanie z nich.

6. Timery

• opóźnienie uruchomienia kodu,
• wielokrotne uruchomienie kodu bez blokowania aplikacji.

7. Domknięcia

• co to jest domknięcie,
• utrwalenie wiedzy o funkcji, zmiennych i zakresach.

8. Interface DOM

•  wstawianie skryptów JavaScript na stronie,
•  szukanie elementów w drzewie DOM,
•  modyfikowanie elementów DOM,
•  nadawanie stylu zawartości,
•  tworzenie i usuwanie elementów,
•  podpinanie zdarzeń (events).

9. Programowanie deklaratywne i imperatywne

1. Środowiska Node.js, Webpack, Babel

• omówienie i postawienie środowiska potrzebnego do napisania aplikacji w React.

2. Pierwszy komponent w React

• początek przygody z React.

3. Stan i Props

• podstawowe zagadnienia związane z komponentem w React.

4. Redux

• omówienie zastosowań biblioteki.

5. Aplikacja w React i Redux

• pisanie aplikacji PWA za pomocą Reacta i przy wykorzystaniu Reduxa,
• zagadnienie stanu aplikacji i stanu komponentu.

6. ECMAScript6

• nowości w ECMAScript6,
• różnice między ES5 i ES6.

7. Zaawansowane elementy obiektowości

• definiowanie własności przez deskryptor,
• tworzenie klas.

8. Wyrażenia regularne

• wprowadzenie do wyrażeń regularnych,
• tworzenie reguł,
• wykorzystanie w praktyce RegExpu.

9. Storage w przeglądarce

• przetrzymywanie danych w przeglądarce i ich wykorzystanie w działaniu aplikacji.

10. Podstawowe wzorce projektowe

• prezentacja wzorców na przykładzie tworzonej aplikacji.

11. Progressive Web Apps oraz ciekawe elementy CSS3

• zaawansowane techniki tworzenia transformacji w CSS,
• jak powiązać je z aplikacją JavaScript,
• czym są PWA (Progressive Web Apps).

12. Wzorzec Promise

• zalety i wady popularnego wzorca,
• miejsca, w których może się przydać.

13. Zaawansowane techniki komunikacji

• jak komunikować się z serwerami danych,
• jak stworzyć socket,
• jak przekazywać dane pomiędzy oknami.

Front-end Developerzy mają do dyspozycji wiele bibliotek i frameworków ułatwiających im pracę. Obecnie najpopularniejszym z nich jest React.js, używany przez takich gigantów jak Netflix, Wallmart czy PayPal – dlatego właśnie jego wybraliśmy do naszego kursu. Za pomocą Reacta zaprojektujesz graficzne interfejsy aplikacji internetowych, a Twój projekt będzie nie tylko działał sprawnie, ale także profesjonalnie się prezentował.

Sobotnie warsztaty

Sobotnie warsztaty to 6-godzinne mini hackathony, których celem jest podsumowanie części lub całości kursu. Odbywać się będą w soboty w godzinach 10:00-16:30.
Nadrzędnym celem warsztatów jest podsumowanie dotychczas zdobytej wiedzy, integracja grupy i dobra zabawa w efektywny i produktywny sposób.
Ich założeniem jest jak najbardziej samodzielna praca zespołów. Uczestnicy nie są jednak pozostawieni sami sobie – przez cały ten czas trenerzy czuwają nad wykonywaniem zadań i wspierają w rozwiązywaniu problemów