Ładowanie Wydarzenia

« All Wydarzenia

  • To event minęło.

React.js – from Zero to Hero

Listopad 17 @ 09:00 - 17:00

| 1199zł
From Zero

Szczegóły

Data:
Listopad 17
Czas:
09:00 - 17:00
Koszt:
1199zł
Wydarzenie Category:

Na skróty:

  • O szkoleniu
  • Agenda
  • Kontakt
  • Prowadzący
  • REJESTRACJA

    Koszt udziały w szkoleniu - 1199 zł + VAT
    Wypełnienie wszystkich pól jest wymagane

    Adres email (wymagane)

    Imię (wymagane)

    Nazwisko (wymagane)

    Stanowisko (wymagane)

    Nazwa firmy (wymagane)

    Branża (wymagane)

    Decyzyjność (wymagane)

    Miejscowość (wymagane)

    Kod pocztowy (wymagane)

    Ulica (wymagane)

    Telefon (wymagane)

    Skąd dowiedzieli się Państwo o szkoleniu?

    Oświadczam, że zapoznałem się z regulaminem

    OŚWIADCZENIE UCZESTNIKA O WYRAŻENIU ZGODY NA PRZETWARZANIE DANYCH OSOBOWYCH

    Oświadczam, iż wyrażam zgodę na przetwarzanie moich danych osobowych przez BAMT Sp. z o.o. Sp. komandytowa z siedzibą w Warszawie, ul.Płocka 5a, 01-231 Warszawa, który jest administratorem moich danych osobowych w celu
    wykonania zamówionego świadczenia (realizacji umowy), oraz zgadzam się na przetwarzanie moich danych osobowych:
    - w celu informowania o innych usługach i ofertach BAMT Sp. z o.o. Sp. komandytowa
    - w celu informowania o usługach, rekrutacjach i ofertach, prowadzonych rekrutacjach przez podmioty trzecie współpracujące z administratorem danych osobowych
    Oświadczam, iż zostałem poinformowany, iż mam prawo dostępu do treści swoich danych i ich poprawiania, oraz o dobrowolności podania danych.

    W związku z ustawą z dnia 18.07.2002 r. (Dz. U. nr 144, poz.1204) o świadczeniu usług drogą elektroniczną, wyrażam zgodę na otrzymywanie informacji handlowej pochodzącej od BAMT Sp. z o.o. Sp. komandytowa z siedzibą w Warszawie
    (ul. Płocka 5a, 01-231 Warszawa) oraz podmiotów powiązanych, parterów handlowych i sponsorów konferencji na podany w formularzu adres poczty elektronicznej.

    h2. Warunki uczestnictwa
    *Udział w szkoleniu jest płatny**
    _Warunkiem uczestnictwa jest dokonanie wcześniejszej rejestracji._
    *Potwierdzenie uczestnictwa w szkoleniu wysyłamy na podany podczas rejestracji adres e-mail.
    Uczestnikom spotkania zapewniamy przerwę kawową, komplet materiałów konferencyjnych, obiad.

O SZKOLENIU:

React.js – biblioteka języka programowania JavaScript, która wykorzystywana jest do tworzenia interfejsów graficznych aplikacji internetowych. Z głównych cech wyróżniających bibliotekę React.js jest wirtualny DOM. React przechowuje cały DOM aplikacji w pamięci, po zmianie stanu wyszukuje różnice w wirtualnym i prawdziwym DOMem i aktualizuje zmiany. Drugą z cech szczególnych Reacta jest język JSX jest to nakładka na JavaScript która dodaje możliwość wstawiania kodu html (lub komponentów Reacta) bezpośrednio w kodzie zamiast ciągu znaków.

Podczas szkolenia zapoznasz się z frameworkiem React.js I stworzysz w pełni funkcjonalną aplikację. Zostaną omówione komponenty, przepływ danych wewnątrz aplikacji, JSX. Omówiona zostanie warstwa komunikacji z serwerem, zbudujesz złożony formularz, nauczysz się zarządzać stanem aplikacji za pomocą Reduxa.

CEL SZKOLENIA:

Uczestnicy zapoznają się z frameworkiem React.js. Stworzą pierwszą złożoną aplikację. Na koniec dnia uczestnicy powinni posiadać wiedzę, które pozwoli samodzielnie tworzyć aplikację w frameworku React.js. Uczestnicy po szkoleniu będą gotowi, by pomyślnie przejść rekrutację na junior React developera.

WYMAGANIA:

Przynajmniej podstawowa znajomość JavaScript (ze znajomością standardu ES6). Podstawowe koncepcje związane z programowaniem funkcyjnym (w szczególności funkcje bind, apply, call). Mile widziane są osoby, które na co dzień nie tworzą backend, a znają JavaScript i chciałyby również tworzyć front-end.

ZAPEWNIAMY:

– materiały szkoleniowe
– certyfikat
– przerwę obiadową
– dostęp do kawy/herbaty
– poczęstunek

Agenda

AGENDA

1. React – ogólne koncepcje
Podczas krótkiego wstępu teoretycznego zostanie omówiona architektura bazująca na komponentach, jak dzielić aplikacje na komponenty. Zostaną przedstawione zalety kompozycji nad dziedziczeniem. Zostanie przedstawione create-react-app oraz podstawowa konfiguracja aplikacji.
2. Pierwszy komponent
Podczas tego bloku uczestniczy utworzą zrąb aplikacji. Zaprezentowane i omówione zostaną różne metody tworzenia komponentów, oraz różnice między nimi. Zostanie omówiony component lifecycle, jego stan oraz properties.
3. Przekazywanie danych między komponentami
W tej części zostaną przedstawione strategię komunikacji między komponentami. Przekazywanie danych parent <-> child, sibling <-> sibling i any <-> any. Omówione zostaną między innymi: props, propTypes, instance method, callback functions, context.
4. JSX I Virtual DOM
Uczestnicy zapoznają się ze składnią JSX, jego zaletami oraz wadami. W jaki sposób przekazywać atrybuty komponentu. Zostaną przedstawione metody stylowania komponentów. Omówiony zostanie również Virtual DOM, jak wpływa na wydajność oraz w jaki sposób React z niego korzysta.
5. Zarządzanie stanem aplikacji z wykorzystaniem Redux
Biblioteka Redux to chyba najpopularniejsza biblioteka do zarządzania stanem. Podczas tej częsci szkolenia uczestnicy nauczą się, w jaki sposób implementować akcje oraz reducery. Nauczą się czym jest store oraz jak wygląda przepływ danych. Zapoznają się również z efektywnym debugowaniem stanu aplikacji.
6. Komunikacja z serwerem
Uczestnicy nauczą się w jaki sposób poprawnie implementować asynchroniczną wymianę danych z serwerem. Jak aktualizować stan aplikacji oraz w jaki sposób obsługiwać błędy przychodzące z API.
7. Formularze
W tej części uczestnicy zaczną tworzyć formularze. Zaprezentowane zostaną 2 podejścia do tworzenia formularzy: bez użycia dodatkowych bibliotek oraz tworzenie formularzy z wykorzystaniem biblioteki Redux-Form.
8. Walidacja formularzy
Uczestnicy zapoznają się z metodami walidacji formularzy. Nauczą się pisać reguły walidacyjne w warstwie front end oraz będą wiedzieli w jaki sposób asynchronicznie (z wykorzystywaniem reguł w backendzie) weryfikować dane wprowadzone przez użytkownika.
9. Podsumowanie i zakończenie warsztatów

KONTAKT

Kontakt

FORMULARZ REJESTRACJI

Koszt udziały w szkoleniu - 1199 zł + VAT
Wypełnienie wszystkich pól jest wymagane

Adres email (wymagane)

Imię (wymagane)

Nazwisko (wymagane)

Stanowisko (wymagane)

Nazwa firmy (wymagane)

Branża (wymagane)

Decyzyjność (wymagane)

Miejscowość (wymagane)

Kod pocztowy (wymagane)

Ulica (wymagane)

Telefon (wymagane)

Skąd dowiedzieli się Państwo o szkoleniu?

Oświadczam, że zapoznałem się z regulaminem

OŚWIADCZENIE UCZESTNIKA O WYRAŻENIU ZGODY NA PRZETWARZANIE DANYCH OSOBOWYCH

Oświadczam, iż wyrażam zgodę na przetwarzanie moich danych osobowych przez BAMT Sp. z o.o. Sp. komandytowa z siedzibą w Warszawie, ul.Płocka 5a, 01-231 Warszawa, który jest administratorem moich danych osobowych w celu
wykonania zamówionego świadczenia (realizacji umowy), oraz zgadzam się na przetwarzanie moich danych osobowych:
- w celu informowania o innych usługach i ofertach BAMT Sp. z o.o. Sp. komandytowa
- w celu informowania o usługach, rekrutacjach i ofertach, prowadzonych rekrutacjach przez podmioty trzecie współpracujące z administratorem danych osobowych
Oświadczam, iż zostałem poinformowany, iż mam prawo dostępu do treści swoich danych i ich poprawiania, oraz o dobrowolności podania danych.

W związku z ustawą z dnia 18.07.2002 r. (Dz. U. nr 144, poz.1204) o świadczeniu usług drogą elektroniczną, wyrażam zgodę na otrzymywanie informacji handlowej pochodzącej od BAMT Sp. z o.o. Sp. komandytowa z siedzibą w Warszawie
(ul. Płocka 5a, 01-231 Warszawa) oraz podmiotów powiązanych, parterów handlowych i sponsorów konferencji na podany w formularzu adres poczty elektronicznej.

h2. Warunki uczestnictwa
*Udział w szkoleniu jest płatny**
_Warunkiem uczestnictwa jest dokonanie wcześniejszej rejestracji._
*Potwierdzenie uczestnictwa w szkoleniu wysyłamy na podany podczas rejestracji adres e-mail.
Uczestnikom spotkania zapewniamy przerwę kawową, komplet materiałów konferencyjnych, obiad.

Radosław Parszewski

Radosław Parszewski

E-mail: radoslaw.parszewski@gigacon.org
Phone: (22)427 35 33
Mobile: 600 816 026

Prowadzący

Prowadzący

Dominik Szymański

Dominik Szymański

Senior Software Engineer

Dominik to front end developer z wieloletnim doświadczeniem, który większość swojej kariery pracował dla instytucji finansowych. Swoją karierę rozpoczął jako developer w jednym z najbardziej innowacyjnych europejskich banków. Ostatnie lata spędził pracując dla największych banków inwestycyjnych na świecie. Aktualnie jest leadem w startupie z San Francisco i stara się zmienić rynek ubezpieczeń na lepsze. Gdy nie programuje można go spotkać na lokalnych eventach js-owych, gdzie dzieli się swoją wiedzą.