ReactJS - twórz interfejsy wygodniej niż kiedykolwiek!

About ReactJS - twórz interfejsy wygodniej niż kiedykolwiek!

_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 c

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