课程详情

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 ReactDOMpoznasz najważniejsze elementy EcmaScript6będziesz tworzyć dynamiczny UI niezależny od źródła danychzbudujesz konfigurowalne komponenty Reactpoznasz najważniejsze narzędzia i dobre praktykidowiesz się czym są Single Page Applications z React Routerzaimplementujesz architekturę Fluxpoznasz 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 DOMCał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 metodyprzypomnisz 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 ReactSZABLONY 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 Reactnauczysz się jak dzięki dynamicznym szablonom możesz renderować dowolnie złożony kod HTMLdowiesz się jak używać zmiennych i funkcji JavaScript bezpośrednio w HTMLpoznasz transpilator Babel, którego będziemy używać w kolejnych sekcjach kursuKOMPONENTY, FORMULARZE I INTERAKTYWNY INTERFEJS W następnych lekcjach dowiesz się:jak deklaratywnie budować interfejsy użytkownika z komponentówjak używać ich wielokrotnie, co zaoszczędza czasjak parametryzować i komponować je ze sobą by w bardzo prosty sposób uzyskać różne zaawansowane funkcjonalnościzobaczysz, że tworzenie takich zaawansowanych funkcjonalności jak dodawanie do koszyka metodą "Przeciągnij i Upuść", Dynamiczna Nawigacja, Interaktywne Formularze czy niestandardowe elementy jak można z pomocą React'a stworzyć błyskawicznie...a następnie wykorzystywać je wielokrotnie na różne sposoby w twoich aplikacjachNARZĘ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 Applicationjak strukturyzować dane i w prosty sposób przekazywać je do komponentów, by struktura aplikacji była przejrzysta i elastycznajak przekonwertować aplikacje z plików na moduły ES6jak dynamicznie budować aplikacje przy każdej zmianiejak skonfigurować super-szybki serwer developerskijak 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 REDUXW 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 aplikacjijak tworzyć wysokopoziomowe koncepcje i nie popełnić typowych błędów w swoich projektachzbudujesz 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 ReduxDla 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.

课程标签

0人关注该课程

主题相关的课程