120h

pracy z kodem

Platforma

z zadaniami online

Certyfikat

ukończenia kursu

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

10. Środowiska Node.js, Webpack, Babel

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

11. Pierwszy komponent w React

• początek przygody z React.

12. Stan i Props

• podstawowe zagadnienia związane z komponentem w React.

13. Redux

• omówienie zastosowań biblioteki.

14. Aplikacja w React i Redux

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

15. ECMAScript6

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

16. Zaawansowane elementy obiektowości

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

17. Wyrażenia regularne

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

18. Storage w przeglądarce

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

19. Podstawowe wzorce projektowe

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

20. 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).

21. Wzorzec Promise

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

22. 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ł.