Web development
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!"
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.
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.
REST API i Symfony. Kurs video. Nowoczesne aplikacje w PHP
Robert Gontarski
Obierz kurs na... tworzenie API API to akronim pochodzącego z języka angielskiego terminu application programming interface, co tłumaczy się jako interfejs programowania aplikacji. W praktyce to zestaw zasad i protokołów, które pozwalają różnym programom komunikować się ze sobą. API może być używane do integrowania różnych systemów, a także do dostępu do funkcji lub danych w określonej aplikacji czy platformie. Każdy, kto się zajmuje – lub planuje się zajmować – informatyką, prędzej czy później zetknie się z API i będzie musiał sobie poradzić ze stworzeniem i z przetestowaniem tego rozwiązania. Dziś bowiem nie ma już systemu, który nie korzystałby z API. Dlatego powstało to szkolenie. Dzięki kursowi video REST API i Symfony nauczysz się z niego, jak wykreować API, jak je obsługiwać, testować i wyszukiwać w nim błędy. Przy okazji, biorąc udział w szkoleniu, poznasz wiele przydatnych narzędzi i technologii. Do skonfigurowania i wytworzenia środowiska pracy wykorzystamy Docker i Docker Compose. Aplikacja Postman posłuży nam do stworzenia listy wszystkich możliwych „endpointów” API, a także do sprawdzenia, czy nasza aplikacja działa. Samą aplikację zbudujemy, opierając się na frameworku Symfony. Użyjemy również interfejsu REST API – korzysta się z niego praktycznie w każdej aplikacji, która coś udostępnia (jak mapy Google, mapy Apple, giełdy, systemy tłumaczeń itd.). Poznamy więc sposób komunikacji, który cieszy się ogromną popularnością – a to oznacza, że po prostu wypada go opanować. Co cię czeka podczas naszego profesjonalnego szkolenia video online z REST API i Symfony W trakcie kursu między innymi: Dowiesz się, czym jest API i na jakich zasadach działa REST API Nauczysz się konfigurować środowisko dla Dockera (PHP, NGINX, MySQL) i środowisko Symfony Będziesz tworzyć encje, komendy w Symfony, zapytania do innych API Przyjrzysz się temu, jak tworzy się API w Symfony Opanujesz zasady zabezpieczania aplikacji (autoryzacja) Poznasz dobre praktyki pisania kodu w Symfony Skorzystasz z kluczy JWT Szkolenie REST API i Symfony. Kurs video. Nowoczesne aplikacje w PHP kończy się na poziomie średnio zaawansowanym. Po jego ukończeniu bez problemu stworzysz samodzielnie API, przetestujesz je i wychwycisz błędy. Będziesz także w stanie samodzielnie skonfigurować środowisko, wykreujesz aplikacje REST API w Symfony i „dogadasz się” z Postmanem. Zobacz także kursy video JavaScript dostępne w naszej ofercie!
Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM
Maksymilian Olszewski
Obierz kurs na usprawnienie CSS Zapotrzebowanie na specjalistów frontendowców rośnie z roku na rok, stale rozwijają się także technologie, z którymi pracują frontend developerzy. Wraz ze wzrostem popularności aplikacji internetowych, które stają się też coraz bardziej skomplikowane i wyrafinowane, wzrasta znaczenie posiadanych przez specjalistów umiejętności i wiedzy. Aktualnie frontend developer, który pracuje w CSS, a nie zna jego preprocesorów, nie będzie w stanie stworzyć schludnego, optymalnego i przede wszystkim funkcjonalnego kodu. Sass, jako jeden z preprocesorów CSS, wnosi ze sobą szereg nowych zagadnień, ułatwień i nawiązań do klasycznych języków programowania. Wśród nich należy wymienić zmienne, rozdzielanie kodu na mniejsze fragmenty, sprecyzowane komponenty, funkcje i logikę. Dlaczego trzeba je poznać? Z przyczyn praktycznych — ze względu na łatwość tworzenia i utrzymania kodu z zastosowaniem środowiska Sass; prawie każdy projekt komercyjny oparty jest na technologiach tego preprocesora. Co Cię czeka podczas naszego profesjonalnego szkolenia? W trakcie pracy z niniejszym kursem video: Opanujesz teorię i praktykę rozdziału kodu na małe, schludne komponenty. Zrozumiesz, na czym polega metoda zagnieżdżania. Nauczysz się właściwego zapisywania zmiennych, mixinów oraz funkcji. Poznasz logikę środowiska Sass, jego możliwości w zakresie rozszerzania klas o te już istniejące oraz działania matematyczne. Dowiesz się, jak w praktyce stosować metodologię BEM — jedną z najczęściej stosowanych komercyjnie konwencji nazewnictwa klas. Co więcej... Zobaczysz na własne oczy, czym jest node.js oraz NPM, i przekonasz się, jak w prosty sposób można samodzielnie stworzyć środowisko Sass pod nowy projekt. Sass od podstaw. Kurs video. Budowa kompleksowej strony w oparciu o metodologię BEM kończy się na poziomie średnio zaawansowanym. By wziąć udział w kursie, należy znać HTML i CSS w stopniu podstawowym. Dla lepszego skorzystania z wiedzy dostępnej w ramach szkolenia dobrze jest rozumieć również podstawy języka JavaScript. CSS z turbodoładowaniem Preprocesory, do których — poza Sassem — zaliczają się między innymi Less i Stylus, mają za zadanie wzbogacić CSS o pewne mechanizmy znane z tradycyjnych języków programowania, których język CSS w swoim standardzie nie posiada. Innymi słowy, preprocesor przetwarza nową składnię i kompiluje napisany kod do formatu zgodnego ze standardem CSS. Dzięki temu produkt końcowy (aplikacja) będzie pracować pod wszystkimi przeglądarkami. Z dostępnych preprocesorów autor tego kursu zdecydował się wybrać Sass, jako najbardziej dojrzały (jego początki sięgają 2006 roku), dobry do pracy w metodologii BEM. Akronim ten pochodzi od angielskiego Block Element Modifier — kryje się za nim bardzo proste podejście do tworzenia modularnego kodu HTML. Opiera się on na podziale składowych strony na bloki (na przykład formularz lub menu), elementy (guzik formularza, link w menu) oraz modyfikatory (warianty elementów). Trzymanie się zasad metodologii i konsekwentnego nazewnictwa pozwala uzyskać funkcjonalny, przejrzysty kod. Trzy godziny z Sassem Kurs, dzięki któremu poznasz i opanujesz preprocesor Sass, trwa około trzech godzin; został podzielony na 20 lekcji. Jako że jest to szkolenie na poziomie podstawowym, tytułem wstępu zaczniemy od krótkiej lekcji teoretycznej, by szybko przejść do praktyki: zainstalujemy mianowicie środowisko pracy. Następnie przyjrzymy się metodyce BEM, w której będziemy działać dalej. Po tym, jak napiszemy pierwsze zmienne, zajmiemy się zagnieżdżaniem w Sassie, następnie poznamy mixiny i sposób funkcjonowania interpolacji. W ramach kolejnego bloku tematycznego skupimy się na działaniach matematycznych, logice, listach i mapach. Wreszcie, na sam koniec, przyjdzie czas na omówienie budowy footera z użyciem metod extend i funkcji.
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
Testowanie w Angularze. Kurs video. Karma i Jasmine
Dawid Perdek
Obierz kurs na bezbłędny kod Z roku na rok powstaje coraz więcej aplikacji webowych — a ich znaczący procent jest tworzony z wykorzystaniem frameworka Angular. To narzędzie cenione za stabilność i za to, że umożliwia dość bezproblemowe tworzenie stron typu SPA (single-page application), które działają szybciej i dają większe możliwości techniczne od stron budowanych z użyciem innych podejść. Jednym z niezbędnych etapów pracy z frameworkiem Angular (oraz z każdą inną technologią tego typu) jest testowanie kodu, który się za jego pomocą pisze. Pisanie testów to świetny sposób na doskonalenie własnych umiejętności programistycznych, dobra metoda na pełne poznanie kodu i opanowanie mechanizmów działania frameworka. Oczywiście, testowanie ma także wymiar czysto praktyczny — developerowi zapewnia spokój i daje gwarancję działania kodu. Poza spokojem własnym testowanie sprzęgnięte z kodowaniem obniża ciśnienie w relacjach z klientami — wielu z nich życzy sobie, aby kod był w jakimś, określonym kontraktem, stopniu przetestowany. Co Cię czeka podczas naszego profesjonalnego szkolenia? W trakcie pracy z tym kursem video: Dowiesz się, czym jest framework Angular. Poznasz najważniejsze narzędzia do testowania (Jasmine i Karma). Nauczysz się wykonywać testy różnego rodzaju (testy jednostkowe izolowane, płytkie i głębokie testy integracyjne oraz testy widoku). Co więcej... Otrzymasz zadanie domowe, które zmotywuje Cię do dalszej pracy! Testowanie w Angularze. Kurs video. Karma i Jasmine kończy się na poziomie podstawowym. Po odbyciu szkolenia będziesz posiadać fundamentalną wiedzę, wystarczającą do samodzielnego tworzenia testów. Dzięki licznym praktycznym przykładom, które pojawią się w trakcie nauki, będziesz miał się do czego odwołać, gdy zajmiesz się pogłębianiem umiejętności testowania w Angularze we własnym zakresie. Dwa słowa o Angularze Jeśli wciąż się wahasz, ponieważ nie masz pewności, na jaki język i jakie środowisko programistyczne warto postawić — przestań! Po prostu wybierz framework Angular, a otworzą się przed Tobą drzwi wymarzonych pracodawców w najlepszych zespołach programistycznych. Programiści najnormalniej w świecie lubią pracować z ludźmi, którzy rozumieją, jak działa Angular, i którzy chcą z niego korzystać, ponieważ jest to framework uniwersalny, o dość niskiej barierze „wejścia”. Bazuje na języku JavaScript, przez co wymusza na developerze dobre praktyki, i przede wszystkim jest uniwersalny — za jego pomocą można tworzyć bardzo różne produkty: od stron internetowych i aplikacji webowych aż po aplikacje mobilne i desktopowe. Jeśli testować, to zwinnie Testowanie rzadko bywa pasją programistów. A szkoda — kod odpowiednio przetestowany to kod elegancki, czysty i w pełni sprawny, co docenią koledzy z projektu, klient, pracodawca... Dla uczciwości należy dodać, że niechętne testom podejście, jakie prezentuje wielu koderów, powoli się zmienia, w czym niemały udział ma popularyzacja metodyki TDD (test-driven development). W jej ramach najpierw poznaje się wymagania, potem pisze do nich testy i dopiero na koniec kod, który te wymagania i testy zaspokoi. Jest to ciekawe doświadczenie programistyczne i wiele osób pozostaje przy tej filozofii pracy. Nauczenie się podstaw testowania i późniejsze samodzielne zgłębienie zagadnienia to pierwszy krok w kierunku TDD. Kod bez testów nie jest czysty!
Testowanie w React. Kurs video. Kompleksowe testy dla Frontend Developera
Kamil Homernik
Obierz kurs na... testowanie frontendu W erze dynamicznych interfejsów automatyzacja testowania okazuje się szczególnie potrzebna dla utrzymania jakości i wydajności. Wiele firm IT oczekuje dziś od frontend developerów umiejętności testowania kodu jako standardu, nie dodatku. Dzięki testom jednostkowym, integracyjnym i end-to-end wykryjesz błędy, zanim trafią one do użytkowników końcowych. Poprawnie przeprowadzone testy przekładają się na szybsze i bezpieczniejsze wdrażanie zmian. Testując frontend, poznasz nowoczesne narzędzia takie jak biblioteka React Testing Library (RTL), która pozwala testować komponenty w sposób odzwierciedlający rzeczywiste interakcje użytkownika, i Vitest – framework testowy doskonale zintegrowany z Vite i zapewniający błyskawiczne uruchamianie testów. Znajomość testowania frontendu znacząco wpływa na rozwój kariery frontend developera. Pozwala się wyróżnić na rynku pracy, zwiększa pewność przy wprowadzaniu zmian i buduje zaufanie w zespole. Umiejętność pisania testów to znak profesjonalizmu i dojrzałości technicznej; ceniona jest zwłaszcza w większych firmach i zaawansowanych projektach. Dzięki pisaniu testów łatwiej awansować, wejść w role techniczne lub liderskie i pracować nad bardziej odpowiedzialnymi zadaniami. To inwestycja, która przekłada się na jakość kodu, bezpieczeństwo wdrożeń i długofalowy rozwój zawodowy. Testowanie w React. Kurs video. Kompleksowe testy dla frontend developera ukończysz na poziomie średnio zaawansowanym. Zdobędziesz wiedzę o testowaniu komponentów w React i unikaniu błędów. Opanujesz nowoczesne narzędzia, takie jak Vitest i React Testing Library, które są standardem w świecie frontendu. Nauczysz się mierzyć pokrycie kodu testami (test coverage) i optymalizować testy tak, by były skuteczne. Napiszesz testy end-to-end (E2E) z wykorzystaniem Playwrighta i dowiesz się, jak monitorować aplikację po wdrożeniu. Przećwiczysz dobre praktyki testowania stosowane przez Google czy Netflix. Nauczysz się mockować funkcje, komponenty i żądania sieciowe, a także testować komponenty z hookami. Poznasz różne rodzaje testów: jednostkowe, integracyjne i E2E, zrozumiesz również, kiedy i jak je stosować. Przećwiczysz cały proces testowania na gotowej aplikacji React: od konfiguracji po testy E2E w realistycznych scenariuszach. Dzięki temu zdobytą wiedzę od razu zastosujesz w praktyce, pracując nad rzeczywistymi projektami. Dobre testy to pewność, że aplikacja działa tak, jak powinna. Dzięki nim oszczędzasz czas na szukanie błędów i zyskujesz spokój, że Twoje zmiany nie popsują już działającego kodu. Testowanie to po prostu rozsądne podejście do pisania aplikacji, które pomaga uniknąć problemów w przyszłości.
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
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
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