React i GatsbyJS. Kurs video. Nowoczesne strony internetowe w oparciu o headless CMS i GraphQL

Albert Strzyżewski

Obierz kurs na GatsbyJS Znany i uwielbiany przez programistów React doczekał się potomka. Tak bowiem można by nazwać Gatsby.js – generator stron statycznych bazujący na bibliotece React. Gatsby używa jej jako swojej podstawy do budowania interfejsów użytkownika. Dalsze podobieństwa to między innymi struktura projektu i zastosowanie komponentów zapewniających modularność i reużywalność kodu. Co zatem nowego oferuje Gatsby? Przede wszystkim unikalne funkcje, takie jak generowanie statyczne (ang. static site generation – SSG) i własne koncepcje zarządzania stanem. Framework ma także rozbudowany ekosystem pluginów i obsługuje headless CMS. W praktyce wszystkie te elementy są kluczowe dla tworzenia szybkich, wydajnych stron internetowych i optymalizacji SEO. Pomimo statycznego generowania Gatsby umożliwia również budowanie dynamicznych stron i dodawanie interaktywności dzięki właściwości client side routing. W trakcie naszego profesjonalnego szkolenia: Nauczysz się budować komponenty w GatsbyJS Dowiesz się, jak prawidłowo skonfigurować SEO strony WWW Zaznajomisz się z procesem hostowania aplikacji tworzonej przy użyciu GatsbyJS Nauczysz się tworzyć style na bazie styled-components Utworzysz animacje za pomocą biblioteki react-slick Poznasz zasady dynamicznego generowania stron Opanujesz tworzenie modeli w headless CMS Nauczysz się pobierać dane za pomocą GraphQL Szkolenie React i GatsbyJS. Kurs video. Nowoczesne strony internetowe w oparciu o headless CMS i GraphQL ukończysz na poziomie średnio zaawansowanym. Wszystkie zagadnienia zostaną omówione krok po kroku, jednak dla efektywnego wykorzystania możliwości Gatsby przyda się podstawowa znajomość Reacta. Nabędziesz umiejętności tworzenia strony, od podstawowej konfiguracji aż po umieszczenie jej na darmowym hostingu Netlify, by była dostępna w sieci. Na początek dowiesz się, jak skonfigurować projekt i jak pracować z systemem kontroli wersji. Poznasz system zarządzania treścią – headless CMS – i będący jego odmianą DatoCMS, służący do kreowania contentu niezależnie od wyglądu strony. Nauczysz się tworzyć komponenty i zarządzać stanem aplikacji. Dowiesz się, jak zastosować GraphQL w komponentach Gatsby.js do pobierania danych z DatoCMS. Utworzysz warstwę wizualną za pomocą styled-components i nauczysz się generować animacje z react-slick. Znajomość takiego stosu technologicznego pozwoli Ci budować efektywne i profesjonalne strony internetowe. W ostatnich latach technologia React podbiła serca developerów i stała się jedną z najpopularniejszych na świecie. Wraz z solidnym i szybkim rozwojem musiały się pojawić kolejne rozszerzenia do tej technologii. W ramach tego kursu zajmiemy się jednym z nich, czyli Gatsby.js. Otwórz swoje środowisko, w którym piszesz kod, i pisz razem ze mną, bez działania niczego się nie nauczymy. Zapraszam!

React. Kurs video. Najpopularniejszy framework JavaScript od podstaw

Patryk Łuba

Obierz kurs na... frontend development z biblioteką ReactJS ReactJS jest jedną z najważniejszych bibliotek (frameworków) języka JavaScript. Służy przede wszystkim do tworzenia interfejsów graficznych aplikacji internetowych. Bez jej praktycznej znajomości trudno dziś sobie wyobrazić pracę specjalisty do spraw frontendu. Umiejętność pracy z biblioteką ReactJS i pokrewnymi jej frameworkami, takimi jak Redux czy React Query, niesamowicie przyspiesza i ułatwia pisanie i optymalizację aplikacji internetowych. Jeśli zatem myślisz o karierze frontend developera, koniecznie zainteresuj się ReactJS i skupionymi wokół tej biblioteki frameworkami. Z myślą o Tobie przygotowaliśmy ten kurs. Prezentuje on szeroką teoretyczną i praktyczną wiedzę z zakresu biblioteki ReactJS, uzupełnioną o informacje dotyczące Redux, React Query i innych frameworków, z których korzysta się podczas tworzenia komercyjnych aplikacji internetowych. Bogatszy o tę wiedzę i odpowiednie umiejętności, będziesz o krok bliżej otrzymania pracy w charakterze junior frontend developera lub... rozpoczęcia kariery freelancera wyspecjalizowanego w pisaniu aplikacji na zlecenie klienta. Kto wie - może nawet trafi Ci się współpraca z Netfliksem albo PayPalem? W końcu ich strony korzystają z ReactJS. Co Cię czeka podczas naszego profesjonalnego szkolenia W ramach naszego kursu video: Poznasz zasady stosowania składni języka JSX Zdobędziesz umiejętność tworzenia komponentów klasowych i funkcyjnych Nauczysz się zarządzać stanem komponentów, bazując na cyklu ich życia Dowiesz się, jak się optymalizuje kod i buduje strukturę projektu Będziesz tworzyć komponenty reużywalne Zaimplementujesz system logowania z wykorzystaniem JWT (JSON Web Token) Co więcej... Dowiesz się, jak poprawnie wysyłać zapytania do aplikacji backendowej React. Kurs video. Najpopularniejszy framework JavaScript od podstaw kończy się na poziomie podstawowym, stanowiącym bazę do dalszego pogłębiania wiedzy - samodzielnie lub na kursach wyższego poziomu. ReactJS ReactJS to jedna z najpopularniejszych bibliotek wymienianych w ogłoszeniach o pracę dla frontend developerów. I nie jest to przypadek - faktycznie software house’y i zespoły programistyczne bardzo chętnie wspomagają się biblioteką ReactJS. Stworzona przez programistę Facebooka Jordana Walke’a, jest przeznaczona przede wszystkim do aplikacji typu single page, które mają tylko jeden plik HTML i nie przeładowują strony podczas użytkowania. Podstawową cechą wyróżniającą ten framework jest wirtualny DOM (obiektowy model dokumentu). ReactJS przechowuje go w pamięci i na bieżąco aktualizuje zmiany między DOM-em wirtualnym i prawdziwym. Co więcej, biblioteka ta bazuje na języku JSX, dzięki czemu kod HTML można wstawiać bezpośrednio w kodzie, nie zaś w formie ciągu znaków.

React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji

Jakub Ciosłowski

Obierz kurs na... React! Kiedy programiści firmy Facebook opracowywali bibliotekę React, postawili sobie za cel ułatwienie życia twórcom stron pisanych w języku JavaScript. Framework stał się niezwykle popularny jako doskonałe narzędzie do tworzenia nowoczesnych stron internetowych; korzystają z niego największe marki sieciowego świata, takie jak Netflix czy PayPal. Na rzecz biblioteki React działa prężna społeczność, która tworzy mnóstwo powiązanych komponentów oraz narzędzi. React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji pozwoli Ci zacząć przygodę z tym znakomitym narzędziem — lub poszerzyć Twoje umiejętności. Wykorzystaj możliwości biblioteki React! Czego nauczysz się podczas naszego profesjonalnego szkolenia? W ramach tego kursu video dowiesz się: jak przygotować środowisko pracy (za pomocą Create React App oraz wiersza poleceń); jak tworzyć komponenty aplikacji (komponenty stanu oraz komponenty funkcyjne); jak nadać odpowiedni wygląd komponentom (style CSS); jak pracować ze stanem aplikacji (dodawać, edytować, zapisywać dane); jak pracować z elementami formularzy (dane wpisywane przez użytkownika oraz ich walidacja); jak zapisywać dane w pamięci przeglądarki; jak używać wersji deweloperskiej projektu; jak stworzyć finalną wersję (produkcyjną) aplikacji, którą możesz umieścić na serwerze; jak tworzyć funkcje pomocnicze i testy jednostkowe. Podczas szkolenia obejmującego 79 lekcji poznasz podstawy korzystania z biblioteki React i tworzenia funkcjonalnej aplikacji webowej. Projektowanie interaktywnych serwisów wiąże się z wieloma trudnościami, które można rozwiązać dzięki wykorzystaniu tego narzędzia. Kurs ma na celu przeprowadzenie Cię krok po kroku przez proces powstawania aplikacji — od najprostszych elementów po gotowy, w pełni funkcjonalny program odliczający czas do wybranych wydarzeń dnia. Zobaczysz, jak używać technologii, z której korzystają Facebook, Netflix i Twitter. Jeśli jesteś początkującym programistą, w efekcie tego szkolenia uda Ci się napisać Twoją pierwszą aplikację webową. Jeśli marzy Ci się praca programisty, możesz poszerzyć swoje umiejętności o możliwości oferowane przez tę wspaniałą bibliotekę. Poznaj potęgę React! React — jak napisać działającą aplikację? React. Pierwsze kroki. Kurs video. Tworzenie praktycznej aplikacji pozwala prześledzić powstawanie nowej aplikacji i zapanować nad wszystkimi jej etapami. Praca zaczyna się od stworzenia pustego projektu za pomocą Create React App. Następnie musisz dodać podstawowe elementy — tak zwane komponenty. W kolejnym kroku dowiesz, jak używać formularzy oraz jak zapisywać dane. Na koniec stworzysz finalną wersję projektu, którą można umieścić w sieci. Kurs obejmuje omówienie technologii potrzebnych do pracy z React, takich jak node, oraz narzędzi typu terminal. Same korzyści Znajomość React zdecydowanie zwiększy Twoje szanse na rynku pracy — nie tylko dlatego, że wzrosną Twoje umiejętności, lecz także z uwagi na możliwość pokazania potencjalnym pracodawcom napisanej samodzielnie aplikacji. Po ukończeniu szkolenia będziesz w stanie z wykorzystaniem zdobytej wiedzy tworzyć kolejne projekty, o innej tematyce. Przekonasz się, że używanie zewnętrznych bibliotek w Twoich projektach nie sprawia Ci żadnych trudności. Będziesz potrafił używać terminala (wiersza poleceń) do uruchomienia swojej lokalnej aplikacji React. Bez wysiłku stworzysz nowe projekty, gotowe do umieszczenia na serwerze. I — last but not least — poznasz dobre praktyki pisania aplikacji React. JavaScript w połączeniu z biblioteką React ma potężną moc — wykorzystaj ją już dziś! Tylko dla wtajemniczonych Biblioteka React pozwoli Ci zbudować spójną, kompletną i ciekawą aplikację — po prostu podążaj za autorem kursu i zastosuj się do jego wskazówek. W niejednym Cię zaskoczy! Czy wiesz, że repozytorium React ma ponad 108 000 gwiazdek na GitHubie? Czy wiesz, że wiele statystyk wskazuje na to, że jest to obecnie najpopularniejszy framework JavaScript na świecie? Czy wiesz, że odnoga React o nazwie React Native pozwala tworzyć aplikacje mobilne? „Programuj i nigdy się nie poddawaj!” Jakub Ciosłowski

React z AI. Kurs video. Programowanie wspomagane sztuczną inteligencją

Kamil Homernik

Obierz kurs na... programowanie wspomagane AI Asystenci programowania AI, tacy jak GitHub Copilot i Continue, są coraz bardziej powszechni w branży IT. Na co dzień wspomagają programistów w generowaniu kodu, refaktoryzacji, debugowaniu i optymalizacji aplikacji. Wprowadzenie tych technologii do codziennej pracy może znacząco zwiększyć produktywność, zmniejszyć liczbę błędów i przyspieszyć czas realizacji projektów. W naszym szkoleniu prezentujemy jak zintegrować te nowoczesne technologie w procesie tworzenia aplikacji - to kluczowa umiejętność dla każdej osoby, która chce nadążyć za aktualnymi trendami w branży IT. Asystentami AI warto się zainteresować już dziś, ponieważ AI może przyspieszyć Twoją pracę nawet o 55%, dzięki czemu szybciej zrealizujesz projekty i zdobędziesz umiejętności, które są niezwykle cenione na rynku pracy. Sztuczna inteligencja rozumiejąc z kontekstu, na podstawie analizy składni jest w stanie zaproponować lepsze rozwiązania, dzięki czemu stale będziesz doskonalić swoje umiejętności ucząc się od swojego wirtualnego "mentora". Odkryj pełen potencjał programowania w React i sprawdź jak GitHub Copilot i Continue mogą wspierać Cię w codziennych zadaniach takich jak generowanie komponentów, rozwiązywanie błędów i optymalizacja kodu. Co Cię czeka w trakcie naszego profesjonalnego szkolenia? Podczas kursu: Stworzysz nowoczesne aplikacje frontendowe z użyciem React i Vite Skonfigurujesz środowisko pracy z Vite I zintegrujesz asystentów programowania AI Wykorzystasz asystentów programowania AI, takich jak GitHub Copilot i Continue, aby przyspieszyć pracę nad kodem Skonfigurujesz środowisko Vitest Skutecznie skomunikujesz się z asystentami AI i stworzysz efektywną interakcję Zoptymalizujesz i zdebugujesz aplikację, korzystając z narzędzi AI Zastosujesz dobre praktyki programowania, takie jak zasady DRY i YAGNI i zasady czystego kodu Napiszesz czysty, modularny kod, który będzie łatwy do utrzymania i rozwijania Zastosujesz techniki refaktoryzacji, aby poprawić czytelność i efektywność kodu Zarządzisz stanem aplikacji i będziesz pracować z formularzami w React Zaimplementujesz i zoptymalizujesz złożoną logikę biznesową Wdrożysz techniki optymalizacji wydajności aplikacji, takie jak lazy loading i wirtualizacja Obsłużysz błędy i stworzysz bardziej czytelny oraz efektywny kod Przetestujesz kod z wykorzystaniem React Testing Library Wykorzystasz narzędzia do automatyzacji testów jednostkowych i integracyjnych w aplikacjach React Szkolenie React z AI. Kurs video. Programowanie wspomagane sztuczną inteligencją ukończysz na poziomie średnio zaawansowanym. Nauczysz się, jak skutecznie wykorzystywać sztuczną inteligencję w programowaniu za pośrednictwem asystentów programowania takich jak GitHub Copilot i Continue. Zdobędziesz szeroką wiedzę na temat tworzenia nowoczesnych aplikacji frontendowych przy użyciu React i Vite. Opanujesz integrację AI z edytorami kodu, co pozwoli Ci przyspieszyć pracę nad projektami, automatyzując generowanie kodu, refaktoryzację i debugowanie. Poznasz również dobre praktyki kodowania, takie jak zasady czystego kodu, DRY i YAGNI, co sprawi, że Twój kod będzie bardziej zrozumiały i łatwiejszy do utrzymania. Ponadto, nauczysz się zarządzać stanem aplikacji, pracować z formularzami i złożoną logiką biznesową. Dzięki narzędziom AI zoptymalizujesz aplikacje i błyskawicznie znajdziesz i naprawisz błędy. Na koniec, przetestujesz swoje aplikacje z użyciem Vitest i React Testing Library, by podnieść jakość i bezpieczeństwo aplikacji. Wiedza, którą wyniesiesz ze szkolenia pozwoli Ci pewnie pracować nad bardziej złożonymi projektami w oparciu o nowoczesne rozwiązania AI. "Nie bój się eksperymentować i wykorzystywać nowoczesnych narzędzi. W tym kursie pokażę Ci, jak AI może stać się Twoim najlepszym programistycznym partnerem - nie zastąpi Cię, ale pozwoli pracować szybciej i lepiej!"

React.js i Node.js. Kurs video. Budowanie serwisu w oparciu o popularne biblioteki języka JavaScript

Jakub Kukuryk

Obierz kurs na tworzenie stron internetowych w JavaScripcie JavaScript należy do skryptowych języków programowania, najczęściej wykorzystywanych do budowania stron internetowych. Jego możliwości są ogromne - programista, który decyduje się go używać, będzie w stanie kreować rozmaite strony: od bardzo prostych konstrukcji typu landing po rozbudowane serwisy z wieloma podstronami i interakcjami oferowanymi użytkownikowi. Tak szeroki zakres możliwości JavaScriptu nie byłby realny, gdyby nie dodatkowe narzędzia współpracujące z tym językiem. W ramach tego kursu zapoznasz się z dwoma z nich: React.js oraz Node.js. React.js jest najpopularniejszą aktualnie biblioteką JavaScriptu, wykorzystywaną do tworzenia interfejsów graficznych aplikacji internetowych. W odróżnieniu od stosowanych w programowaniu w JavaScripcie frameworków biblioteka React.js pozwala użyć do tworzenia strony dowolnej liczby mniejszych bibliotek, dzięki czemu aplikacja webowa jest bardziej skalowalna. Z kolei Node.js to wieloplatformowe środowisko uruchomieniowe, pozwalające budować w JavaScripcie aplikacje typu server-side. Serwer oparty na Node.js umożliwia budowanie w pełni działającego systemu, w całości zapisanego w języku JavaScript. Co Cię czeka w trakcie naszego profesjonalnego szkolenia? Podczas pracy z tym kursem video: Zapoznasz się z biblioteką React.js. Dowiesz się, do czego służy biblioteka Redux. Spróbujesz swoich sił w pracy z dynamicznym językiem arkuszy stylów Less. Stworzysz pakiet JavaScriptu w Webpacku. Przekonasz się, jak działa Node.js. Skorzystasz z platformy aplikacji internetowych Express.js. Zapiszesz dane aplikacji w bazie danych MongoDB. Nauczysz się korzystać z paczek NPM. Co więcej... Stworzysz w pełni funkcjonującą stronę z panelem administracyjnym, którą będziesz mógł wykorzystać do tworzenia własnych projektów. React.js i Node.js. Kurs video. Budowanie serwisu w oparciu o popularne biblioteki języka JavaScript pozwoli Ci opanować bibliotekę React.js na poziomie średnio zaawansowanym, a środowisko Node.js oraz MongoDB na poziomie podstawowym. Po zakończeniu szkolenia będziesz w stanie samodzielnie zbudować pełną architekturę strony, a także stworzyć funkcjonujące strony wyposażone w niewielkie panele służące do administrowania danymi. Co da Ci znajomość dodatkowych narzędzi JavaScriptu? Generalnie znajomość tak popularnego skryptowego języka programowania, jakim jest JS, otwiera drogę do kariery programisty stron internetowych. A ponieważ dzięki dostępności odpowiednich środowisk w JS można tworzyć także pełnoprawne aplikacje, developer dobrze znający ten język i uzupełniające go narzędzia na pewno nie będzie narzekał na brak zajęcia. I to niezależnie od tego, czy zechce pracować w teamie w ramach firmy IT, czy raczej woli działać jako freelancer, piszący strony i aplikacje dla klientów z dowolnego miejsca na świecie. Oczywiście dodatkowych bibliotek, frameworków i całych środowisk dedykowanych JavaScriptowi jest naprawdę wiele - nie chodzi o to, by swobodnie poruszać się we wszystkich, lecz o to, by dobrze poznać te, które są nam naprawdę potrzebne w pracy. Biblioteka React.js i środowisko Node.js należą do tych, które musi opanować każdy frontend developer pracujący w JavaScripcie.

Redux. Kurs video. Praktyczny przewodnik

Paweł Zagrobelny

Obierz kurs na... tworzenie zaawansowanych aplikacji webowych React to obecnie najpopularniejsze narzędzie do tworzenia aplikacji webowych. Biblioteka ta od lat pozostaje na topie i intensywnie się rozwija. "Ekosystem" Reacta z roku na rok powiększa się o kolejne rozwiązania i usprawnienia. Wśród nich możemy wyróżnić dwa, które bez żadnej przesady można uznać za najważniejsze: React Router i Redux. O ile React Router to biblioteka, którą przyswaja się bardzo łatwo, o tyle Redux przyprawia programistów, i to nie tylko początkujących, o duży ból głowy. Tymczasem wcale nie musi tak być! Redux bowiem jest skomplikowany tylko pozornie - jeśli odpowiednio wgryźć się w temat, to okaże się, że wszystko wciąż opiera się na znajomości podstaw JavaScriptu. Dlatego też ten kurs video rozpoczynamy od podstaw, czyli od czystego Reduxa, bez przyglądania się jego funkcjom pomocniczym. Stopniowo przechodzimy do dobrych praktyk, jakie warto zastosować, żeby z powodzeniem używać go również w większych aplikacjach. Opanowawszy je, zapoznajemy się z pomysłem podziału magazynu na części. Wreszcie trenujemy w ramach warsztatów i na koniec przechodzimy do współpracy Reduxa z serwerem i zaznajamiamy się z hookami. To szkolenie uczy nie tylko JAK, ale także odpowiada na pytanie DLACZEGO? Dlaczego warto działać tak, a nie inaczej i co wynika z takiej, a nie innej konstrukcji Reduxa. Kurs jest zatem przeznaczony zarówno dla osób, które dopiero się z Reduxem zapoznają, jak i dla tych, którzy go znają, ale nie czują się w nim pewnie, ponieważ nie do końca rozumieją rządzące nim mechanizmy. Co Cię czeka podczas naszego profesjonalnego kursu React Redux? W trakcie kursu React Redux: Dowiesz się, czym jest Redux, na jakiej architekturze jest oparty i do czego przyda Ci się jego znajomość. Poznasz podstawowe pojęcia związane z Reduxem (akcja, dispatcher, reducer) i jego najważniejsze funkcje (praca z magazynem). Przyjrzysz się, jak "pod maską" działają funkcje connect i dispatch oraz combineReducers. Nauczysz się ułatwiać sobie pracę z Reduxem oraz dzielić "magazyn" na mniejsze fragmenty. Zadbasz o unikalność nazw akcji oraz o spójność danych między centralą i serwerem. Zaznajomisz się z paczką Redux Thunk i nauczysz się, jak łatwo informować użytkownika o aktualnym statusie requestu do serwera z użyciem Reduxa. Co więcej... Zdobyte wiedzę i umiejętności przećwiczysz w praktyce, pracując z dużą aplikacją webową. React Redux. Kurs video. Praktyczny przewodnik kończy się na poziomie, który można określić jako średnio zaawansowany. Po szkoleniu będziesz rozumieć, jak się buduje proste oraz złożone store'y (magazyny) reduxowe, a także jak się z nich korzysta nawet w bardziej zaawansowanych aplikacjach. Co więcej, ukończywszy nasz kurs, będziesz znać architekturę, która stoi za działaniem Reduxa, i wiedzieć, jak działa on "pod maską". Redux w praktyce Detaliczna znajomość tej biblioteki JavaScriptu pozwoli Ci samodzielnie tworzyć własne złożone aplikacje przy użyciu "ekosystemu" React+Redux, a także dołączać do projektów, w których jest on wykorzystywany. React to obecnie najpopularniejsza biblioteka na rynku. Z tym że bez Reduxa praktycznie nie istnieje - szczególnie gdy mowa o większych aplikacjach. Każda aplikacja reactowa, która operuje na większej ilości danych, najczęściej korzysta właśnie z Reduxa. Dlatego też, jeśli na przykład w ofercie pracy widnieje wymaganie opisane jako "znajomość Reacta", to od razu wiadomo, że firma oczekuje automatycznie, że kandydat zna także Redux. Osoba szukająca pracy na stanowisku junior front developera czy wyższych musi więc mieć przynajmniej podstawową wiedzę na temat Reduxa. Zatem jeśli jesteś albo planujesz być programistą aplikacji webowych w "ekosystemie" Reacta - koniecznie uzupełnij swoją wiedzę o Reduxa, dzięki naszemu kursowi! Powiedzmy sobie szczerze: nie ma trudnych zagadnień, są tylko źle wytłumaczone. W tym kursie video przekonasz się, że nawet tak pozornie trudny temat jak Redux może okazać się intuicyjny i łatwy w odbiorze, jeśli dobrze się do niego zabrać. Otwórz umysł, uspokój myśli i dawkuj nową wiedzę krok po kroku. To będzie naprawdę przyjemna przygoda! Sprawdź także kursy tworzenia gier dostępne w naszej ofercie.

Testowanie aplikacji w React.js. Kurs video. Praca z biblioteką Jest.js

Krzysztof Komar

Obierz kurs na... automatyczne testowanie aplikacji w React.js Rozwój internetu oraz fakt, że większość komputerów i telefonów ma z nim stałe połączenie, sprawił, że wiele aplikacji jest tworzonych wyłącznie z myślą o uruchamianiu ich w przeglądarce, także mobilnej. Przykładów nie trzeba daleko szukać ? Facebook i sprzężony z nim komunikator Messenger, Instagram albo Netflix. Jeśli chodzi o technologię, wszystkie je łączy coś bardzo istotnego: biblioteka React.js, której użyto do zbudowania każdej z tych aplikacji. Im większa i bardziej złożona aplikacja, tym trudniejsze jest jej utrzymanie. Oznacza to między innymi, że coraz ciężej jest dbać o to, by nowo dodawane funkcje nie psuły niczego w dotychczasowym, działającym kodzie. By zapobiec awariom związanym z wprowadzaniem do aplikacji usprawnień i unowocześnień, można - i należy - ją przy tej okazji testować. Wiele aplikacji testuje się manualnie, za pomocą opisanych scenariuszy testowych. Nie jest to złe rozwiązanie, ale obarczone pewnymi ograniczeniami. Rozrost aplikacji oznacza konieczność zatrudniania kolejnych testerów. Dodatkowo im większa aplikacja, tym dłuższy proces manualnego testowania. Jest to więc przedsięwzięcie nieopłacalne. Na szczęście testowanie aplikacji może zacząć już programista, co sprawia, że na kolejnych etapach nie potrzeba tylu testerów. Umożliwia to Jest.js, biblioteka opracowana z myślą o łatwym testowaniu aplikacji napisanych w React.js. Jest.js bardzo dobrze integruje się z Reactem, a dodatkowo udostępnia wiele przydatnych w nim rozwiązań (takich jak snapshoty). Pisanie testów z wykorzystaniem tej biblioteki jest bardzo wygodne i może stanowić naturalny kierunek dalszego ulepszania aplikacji. Co Cię czeka podczas naszego profesjonalnego szkolenia? Podczas tego kursu video: Zapoznasz się z zagadnieniem testów jednostkowych i integracyjnych. Zaznajomisz się z wadami i zaletami testowania. Dowiesz się, czym jest zjawisko regresji i w jaki sposób testy mogą mu zapobiec. Poznasz różne rodzaje testów - jak je uruchamiać i przechowywać w repozytorium. Opanujesz najpopularniejsze funkcje Jest Matchers. Co więcej... Nauczysz się instalowania i konfigurowania biblioteki Jest.js oraz tworzenia testów za jej pomocą. Po ukończeniu szkolenia Testowanie aplikacji w React.js. Kurs video. Praca z biblioteką Jest.js będziesz dysponować wiedzą i umiejętnościami na poziomie średnio zaawansowanym. Trzy godziny z testowaniem Tyle mniej więcej czasu musisz poświęcić na to, by z naszym kursem zgłębić temat testowania aplikacji w React.js z użyciem biblioteki Jest.js. Zaczniemy oczywiście od podstaw, czyli od ogólnego omówienia koncepcji testowania. Przyswoimy niezbędną teorię - poznamy między innymi koncepcję regresji. Następnie zainstalujemy bibliotekę Jest.js, stworzymy pierwsze pliki z testami i uruchomimy napisane testy. Przyjrzymy się strukturze testów - blokom describe() oraz it() - i zaczniemy generować testy asynchroniczne. Poznamy działanie funkcji setUp() oraz tearDown(), będziemy tworzyć mocki funkcji i modułów oraz testować komponenty za pomocą snapshotów. Snapshoty stworzymy, wykorzystując do tego react-test-renderer oraz Enzyme Shallow - ten ostatni przyda nam się także do tworzenia testów integracyjnych. Na koniec będziemy testować komponenty bezstanowe oraz te ze stanem i omówimy funkcje Matchers: toBe, toEqual, toBeCloseTo, toContain, toHaveLength. Testowanie dowodzi obecności błędów, a nie ich braku. Edsger Dijkstra

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

Krzysztof Tomecki

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