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, React 18.2, ReactDOM 18.2, Visual Studio Code, 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%)
65,79 zł najniższa cena z 30 dni Dodaj do koszyka Za zakup otrzymasz 90 punktów
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 helion.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
Zamknij Pobierz aplikację mobilną Helion