ReactJS - twórz interfejsy wygodniej niż kiedykolwiek!

Naucz się na praktycznych przykładach pracy z ReactJS, i przekonaj się jak wygodne może być tworzenie interfejsów!

Ratings: 3.88 / 5.00




Description

Czasochłonne i nużące - takie zazwyczaj jest budowanie interfejsów użytkownika. Z ReactJS kompletnie zmienisz swoje podejście do tego tematu, a Twój sposób pracy zmieni się o 180 stopni!

Wiele narzędzi i frameworków ma za zadanie ułatwić budowanie interfejsów, ale w praktyce - nadal jest to żmudne zadanie, podczas którego napotykasz się na wiele błędów.

No, chyba, że... Opanujesz ReactJS. A z tym kursem będzie to prostsze i wygodniejsze niż kiedykolwiek!

ReactJS nie jest po prostu kolejną biblioteką, która ma ułatwić Ci pracę - to całkowita zmiana podejścia do tworzenia interfejsów uzytkownika i interakcji.

Wyobraź sobie, że możesz raz zdefiniować wygląd interfejsu, a potem tylko przekazywać mu nowe dane, nie martwiąc się o renderowanie. Zmiany treści i struktura aktualizują się automatycznie na stronie… Brzmi jak marzenie? Z biblioteką React jest to nie tylko możliwe, ale jeszcze prostsze, niż się wydaje!


CO JEST ZAWARTE W KURSIE? 


  • dowiesz się jak przebiega praca z DOM i z ReactDOM

  • poznasz najważniejsze elementy EcmaScript6

  • będziesz tworzyć dynamiczny UI niezależny od źródła danych

  • zbudujesz konfigurowalne komponenty React

  • poznasz najważniejsze narzędzia i dobre praktyki

  • dowiesz się czym są Single Page Applications z React Router

  • zaimplementujesz architekturę Flux

  • poznasz niemutowalne dane, Redux i “cofanie aplikacji w czasie"

WAŻNE!

Kurs należy przerabiać z wykorzystaniem ReactJS w wersji 15.3. Na obecną chwilę nie planujemy wydania nowej wersji kursu, ponieważ mimo zmian w aktualizacjach frameworka - wiedza zawarta w materiale w dalszym ciągu jest aktualna, a przyswojenie lekcji z użyciem ReactJS w wersji 15.3 pozwoli na poprawne i wygodne budowanie stron w oparciu o tę technologię.


RENDEROWANIE Z REACT DOM

Cały sekret działania React opiera się na tym, że React korzysta ze sprytnego mechanizmu pracy z DOM, która omówiona jest właśnie w pierwszej sekcji. Poznasz: 

  • dokładny mechanizm działania “magii Reacta”

  • dlaczego, wbrew temu co podpowiada intuicja, podejście React jest o wiele wiele szybsze niż klasyczne metody

  • przypomnisz sobie podstawy pracy z przeglądarką i z obiektem dokumentu przy użyciu JavaScript.

  • zobaczysz jasno różnice w podejściu standardowym do renderowania HTML w przeglądarce a tym nowym, szybszym - deklaratywnym - podejściem jakie oferuje React


SZABLONY JSX I JAVASCRIPT W WERSJI ES6


W drugiej części skupimy się na produktywności. Zobaczysz:

  • jak błyskawicznie przekonwertować kod HTML do kodu JSX dla React

  • nauczysz się jak dzięki dynamicznym szablonom możesz renderować dowolnie złożony kod HTML

  • dowiesz się jak używać zmiennych i funkcji JavaScript bezpośrednio w HTML

  • poznasz transpilator Babel, którego będziemy używać w kolejnych sekcjach kursu


KOMPONENTY, FORMULARZE I INTERAKTYWNY INTERFEJS 

W następnych lekcjach dowiesz się:

  • jak deklaratywnie budować interfejsy użytkownika z komponentów

  • jak używać ich wielokrotnie, co zaoszczędza czas

  • jak parametryzować i komponować je ze sobą by w bardzo prosty sposób uzyskać różne zaawansowane funkcjonalności

  • zobaczysz, że tworzenie takich zaawansowanych funkcjonalności jak dodawanie do koszyka metodą “Przeciągnij i Upuść”, Dynamiczna Nawigacja, Interaktywne Formularze czy niestandardowe elementy jak <Rating /> można z pomocą React’a stworzyć błyskawicznie

  • ...a następnie wykorzystywać je wielokrotnie na różne sposoby w twoich aplikacjach


NARZĘDZIA, DOBRE PRAKTYKI, APLIKACJE SINGLE-PAGE 

Te sekcje kursu kończą część wizualną pracy z React, a rozpoczynają omawianie narzędzi i bibliotek współpracujących doskonale z biblioteką React.

Krok po kroku zobaczysz:

  • jak zamienić prostą stronę internetową napisaną w React na pełnoprawną Single Page Application

  • jak strukturyzować dane i w prosty sposób przekazywać je do komponentów, by struktura aplikacji była przejrzysta i elastyczna

  • jak przekonwertować aplikacje z plików na moduły ES6

  • jak dynamicznie budować aplikacje przy każdej zmianie

  • jak skonfigurować super-szybki serwer developerski

  • jak skonfigurować przeładowywanie modułów “na gorąco”, dzięki czemu zmiany w twoim kodzie będą widoczne w aplikacji natychmiast - bez odświeżenia strony przeglądarki


ARCHITEKTURA DANYCH FLUX I BIBLIOTEKA REDUX


W końcowych rozdziałach dowiesz się:

  • jak dzięki podejściu funkcyjnemu architektura Flux i jednokierunkowy przepływ danych pozwalają uzyskać stabilny i przejrzysty kod aplikacji

  • jak tworzyć wysokopoziomowe koncepcje i nie popełnić typowych błędów w swoich projektach

  • zbudujesz własną prostą implementacje Flux - dzięki czemu refaktorując kod aplikacji uczysz się krok po kroku poznając zalety i wady poszczególnych rozwiązań

  • dowiesz się jak skonfigurować zaawansowane narzędzia, jak np. tzw. “time-travel debugger”, czylimożliwości manipulacji stanem aplikacji płynące z zastosowania biblioteki Redux


Dla kogo jest ten kurs?

Kurs jest przeznaczony dla wszystkich osób, które pracowały już lub pracują na co dzień z technologiami Front-End, czyli HTML,CSS i JavaScript.

Kurs skonstruowany jest w taki sposób, że już podstawowa wiedza o tych trzech technologiach pozwala własnym tempem krok po kroku zagłębić się w ogrom możliwości jakie daje React.

Jednocześnie dla osób bardziej doświadcznych, np. pracujących z Frameworkami JavaScript - kurs ten pokaże zupełnie inne podejście do tworzenia apliacji, niż znany powszechnie model Model-View-Controller.

React dobrze zastosowany pozwala zwielokrotnić nie tylko szybkość tworzenia aplikacji i szybkość jej działania  - ale co najważniejsze - pozwala znacznie zwiększyć komfort pracy programisty i pewność co do stabilności każdej linijki stworzonego kodu.

Nawet jeśli nie planujesz zmiany technologii na React, i tak warto poznać zasady jego działania - wiedza ta może być zastosowana w innych rozwiązaniach i na pewno otwiera ona umysł na wiele nowych możliwości.

What You Will Learn!

  • dowiesz się jak wygląda praca z DOM i z ReactDOM
  • nauczysz się tworzyć dynamiczny UI niezależny od źródła danych
  • poznasz narzędzia i dobre praktyki pracy z React
  • dowiesz się na czym polegaja niemutowalne dane, Redux i “cofanie aplikacji w czasie"
  • poznasz najważniejsze elementy EcmaScript6
  • nauczysz się budować konfigurowalne komponentów React
  • stworzysz Single Page Applications z React Router
  • samodzielnie zaimplementujesz architekturę Flux

Who Should Attend!

  • kurs powstał dla wszystkich osób, które chcą sprawniej i wygodniej tworzyć aplikacje
  • kurs przeznaczony jest również dla osób, które nie chcą docelowo pracować z React, ale chcą posiadać przekrojową wiedzę, która ułatwi ich pracę