ODBIERZ TWÓJ BONUS :: »

TypeScript i React. Kurs video. Tworzenie nowoczesnych komponentów UI

Podstawowe informacje:
Czas trwania: 04:05:22
Poziom: podstawowy
Autor: Krzysztof Tomecki
Liczba lekcji: 25
Technologia: TypeScript 4.4, Visual Studio Code, ReactDOM 18.2, React 18.2, Storybook 6.5
Dla firm
Rozwiń umiejętności swoich pracowników dzięki kursom video
Dowiedz się więcej
  • Monitorowanie postępów pracowników. Przejrzyste raporty i imienne certyfikaty ukończenia kursów
  • Atrakcyjne rabaty dla zespołów. Im więcej pracowników liczy zespół, tym większy uzyskasz rabat
  • Doradztwo w wyborze tematyki szkoleń. Mamy setki kursów, dostosujemy program nauczania pod Twój zespół
Indywidualnie
90,29 zł 129,00 zł (-30%)
39,90 zł najniższa cena z 30 dni Dodaj do koszyka
Korzyści:
  • Certyfikat ukończenia
  • Materiały dodatkowe do kursu
  • Test online
  • Dożywotni dostęp
  • Dostęp w aplikacji (także offline)
  • Napisy w języku polskim
Ścieżki rozwoju w ebookpoint.pl

Czego się nauczysz?

  • Programowania w TypeScript i wykorzystania jego zalet w projektach frontendowych
  • Tworzenia komponentów w React z użyciem funkcji Hooks
  • Budowania i stylowania interfejsów użytkownika z pomocą biblioteki Emotion
  • Pracy z narzędziem Storybook i prezentowania komponentów w izolacji
  • Implementowania popularnych komponentów UI, takich jak przyciski, formularze, tabele, modale czy slidery zdjęć
  • Stosowania animacji CSS i zasad stylowania CSS-in-JS
  • Organizacji i skalowania projektów frontendowych zgodnie z dobrymi praktykami
  • Podnoszenia jakości kodu poprzez typowanie statyczne i refaktoryzację

Spis lekcji

1. Wstęp 00:12:04
1.1. O kursie
OGLĄDAJ » 00:03:48
1.2. Inicjalizacja środowiska
00:08:16
2. Przycisk 00:25:14
2.1. Rozpoczęcie budowy komponentu Button
OGLĄDAJ » 00:05:58
2.2. Podstawowa funkcjonalność przycisku
00:05:38
2.3. Stylowanie komponentu i dodatkowe właściwości
00:13:38
3. Karta 00:21:31
3.1. Rozpoczęcie budowy komponentu Card
00:07:46
3.2. Stylowanie komponentu
00:07:19
3.3. Przegląd działania komponentu
00:06:26
4. Tabela 00:17:01
4.1. Rozpoczęcie budowy komponentu Table
00:05:55
4.2. Renderowanie tabeli
00:11:06
5. Formularze 00:25:37
5.1. Budowa komponentu Input
00:09:08
5.2. Kontrolowanie wartości pola formularza
00:05:56
5.3. Budowa komponentu Switch
00:10:33
6. Okno modalne 00:19:21
6.1. Budowa komponentu Modal
00:12:24
6.2. Wykorzystanie createPortal z ReactDOM
00:06:57
7. Menu boczne 00:21:04
7.1. Budowa komponentu Sidebar
00:13:24
7.2. Renderowanie wielopoziomowego menu
00:07:40
8. Paginacja 00:21:39
8.1. Rozpoczęcie budowy komponentu Pagination
00:09:51
8.2. Renderowanie przycisków do podstron
00:11:48
9. Komponent drzewa 00:20:57
9.1. Rozpoczęcie budowy komponentu Tree
00:07:17
9.2. Renderowanie zagnieżdżonych elementów
00:13:40
10. Komponent wyszukiwarki z podpowiedziami 00:28:13
10.1. Budowa komponentu Search
00:11:05
10.2. Wyświetlanie podpowiedzi
00:17:08
11. Przeglądarka zdjęć 00:32:41
11.1. Budowa komponentu Carousel
00:13:11
11.2. Obsługa animacji
00:19:30

Obierz kurs na... tworzenie popularnych webowych komponentów UI

Jeśli myślisz o rozpoczęciu pracy w sektorze IT i czujesz wyraźny pociąg do front-endu – proponowany przez nas kurs zdecydowanie jest dla Ciebie. W jego trakcie zdobędziesz praktyczną wiedzę o tym, jak powstaje nowoczesna i profesjonalna aplikacja internetowa. Podczas szkolenia odtworzysz dla siebie przygotowany wcześniej projekt, poznasz jego tajniki i dowiesz się, jak zbudować dziesięć różnych, powszechnie stosowanych komponentów UI, które przydadzą Ci się w przyszłości. Niejako przy okazji opanujesz szeroko stosowane, bardzo popularne technologie, bez których trudno jest myśleć o zawodowym projektowaniu aplikacji.

Przyswoisz zatem podstawy języka TypeScript. Opiera się on na JavaScripcie, który dodaje statyczne typowanie, co pomaga deweloperom szybciej i łatwiej identyfikować i naprawiać błędy, a w efekcie przekłada się na większą produktywność i lepszą jakość kodu. Dowiesz się, jak się pracuje z biblioteką React. Jest to jedna z najpopularniejszych bibliotek JavaScriptu, służąca do tworzenia interfejsów użytkownika. Stworzony przez programistów Facebooka React słynie z wydajności, skalowalności i elastyczności. Umożliwia tworzenie dużych aplikacji internetowych. Zapoznasz się z opensource’owym narzędziem Storybook, które pozwala prezentować komponenty UI w izolacji dla frameworków: React, Vue i Angular, a także ułatwia ich testowanie, tym samym zapewnia spójność w całym projekcie. Wreszcie – przekonasz się, dlaczego warto się zaprzyjaźnić z biblioteką do stylowania komponentów w React, zwaną Emotion. Dzięki niej możliwe jest tworzenie dynamicznych i dostosowanych do potrzeb stylów.

Jeśli tylko znasz podstawy JavaScriptu i React, znajdziesz w tym kursie cenne lekcje, które pomogą Ci podnieść Twoje programistyczne umiejętności na wyższy poziom!

Co Cię czeka podczas naszego profesjonalnego szkolenia

W ramach naszego kursu między innymi:

  • Przyswoisz podstawy programowania w TypeScripcie
  • Będziesz tworzyć komponenty w bibliotece React
  • Dowiesz się, jak używać w niej funkcji Hooks
  • Opanujesz zasady używania narzędzia Storybook
  • Ostylujesz komponenty z biblioteką Emotion
  • Dowiesz się, czym jest stylowanie CSS-in-JS
  • Poznasz dobre praktyki programowania
  • Zaprogramujesz animację przy użyciu CSS

Co więcej...

  • Stworzysz takie komponenty jak przycisk, karta, tabela, formularz, okno modalne, menu boczne, komponent paginacji, drzewo, komponent wyszukiwarki, slider zdjęć

TypeScript i React. Kurs video. Tworzenie nowoczesnych komponentów UI kończy się na poziomie średnio zaawansowanym w zakresie prezentowanych technologii i umiejętności. Chociaż szkolenie jest skierowane do osób, które mają podstawową wiedzę z zakresu JavaScriptu i biblioteki React, to w miarę przechodzenia do kolejnych lekcji i coraz bardziej złożonych komponentów omawia tematy i techniki, które są stosowane w nowoczesnym programowaniu frontendowym na w miarę zaawansowanym poziomie.

W drodze do projektowania front-endu

Po ukończeniu proponowanego przez nas szkolenia będziesz na najlepszej drodze, by zostać front-end developerem. Nauka TypeScriptu pozwoli Ci się podciągnąć z JavaScriptu. Nauczysz się korzystać z dodatkowej warstwy bezpieczeństwa, jaką TypeScript zapewnia poprzez statyczne typowanie. Kurs opiera się na programowaniu na żywo, co da Ci możliwość zaobserwowania procesu twórczego w czasie rzeczywistym, zrozumienia procesu myślowego prowadzącego, a także zobaczenia, jak radzić sobie z problemami i błędami, które mogą wystąpić podczas tworzenia kodu. Dzięki dostarczeniu projektu startowego i końcowego pojmiesz, jak od podstaw zbudować aplikację, jak skonfigurować potrzebne biblioteki, a następnie jak ją rozwijać poprzez tworzenie nowych komponentów.

Jako autor tego kursu chciałbym podzielić się z Wami moją pasją do tworzenia nowoczesnych i atrakcyjnych interfejsów użytkownika. Wiem, że nauka nowych technologii może być wyzwaniem, ale wierzę, że z właściwym podejściem i zaangażowaniem każdy może opanować umiejętności, które są niezbędne do bycia profesjonalnym programistą. Programowanie to nie tylko umiejętność pisania kodu – to sposób myślenia. To sztuka rozwiązywania problemów, które wymagają kreatywności, cierpliwości i determinacji.

 Krzysztof Tomecki

Wybrane bestsellery

O autorze kursu video

Krzysztof Tomecki – absolwent Politechniki Rzeszowskiej, inżynier automatyki i robotyki, magister informatyki. Jeszcze na studiach pracował jako programista C++. Ma praktyczne doświadczenie w pracy z drukiem 3D, projektowaniu aplikacji dla firm produkcyjnych i sieciowych, tworzeniu symulacji i gier. Od wielu lat doskonali się jako programista full stack; pozwala mu to dogłębnie zrozumieć proces tworzenia oprogramowania i stale poszerzać zakres kompetencji technicznych. Równolegle, zaraz po studiach, objął stanowisko nauczyciela akademickiego w Katedrze Informatyki i Automatyki na Politechnice Rzeszowskiej. Praca naukowo-dydaktyczna pozwoliła mu jeszcze lepiej zrozumieć informatykę, a także rozwinąć umiejętności pedagogiczne i zdolność do przekazywania wiedzy studentom. W wolnym czasie chętnie uprawia sport – gra w squasha lub wspina się po ściance. Stara się też ciągle ćwiczyć swoje umiejętności w grze na pianinie i na gitarze.

Oceny i opinie klientów: TypeScript i React. Kurs video. Tworzenie nowoczesnych komponentów UI Krzysztof Tomecki (0)

Informacja o opiniach
Weryfikacja opinii następuje na podstawie historii zamowień na koncie Użytkownika umiejszczającego opinię. Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniającej do uzyskania rabatu w ramach Programu Kadr.

Szczegóły kursu

Dane producenta » Dane producenta:

Helion SA
ul. Kościuszki 1C
41-100 Gliwice
e-mail: gpsr@helion.pl
Format: Online
Data aktualizacji: 2023-06-19
ISBN: 978-83-832-2958-4, 9788383229584
Numer z katalogu: 199719

Videopoint - inne kursy

Kurs video
90,29 zł
Dodaj do koszyka
Płatności obsługuje:
Ikona płatności Alior Bank Ikona płatności Apple Pay Ikona płatności Bank PEKAO S.A. Ikona płatności Bank Pocztowy Ikona płatności Banki Spółdzielcze Ikona płatności BLIK Ikona płatności Crédit Agricole e-przelew Ikona płatności dawny BNP Paribas Bank Ikona płatności Google Pay Ikona płatności ING Bank Śląski Ikona płatności Inteligo Ikona płatności iPKO Ikona płatności mBank Ikona płatności Millennium Ikona płatności Nest Bank Ikona płatności Paypal Ikona płatności PayPo | PayU Płacę później Ikona płatności PayU Płacę później Ikona płatności Plus Bank Ikona płatności Płacę z Citi Handlowy Ikona płatności Płacę z Getin Bank Ikona płatności Płać z BOŚ Ikona płatności Płatność online kartą płatniczą Ikona płatności Santander Ikona płatności Visa Mobile