Frontend developer. Kurs video. React. Poziom podstawowy

Radosław Madecki

Obierz kurs na... naukę frontendu Na programistycznej „giełdzie” stanowisk frontend developerzy są tymi, których w firmach programistycznych zawsze brakuje. Bez udziału sprawnego specjalisty od frontendu w projekcie trudno stworzyć oprogramowanie, które spełni oczekiwania klienta, czyli z jednej strony będzie sprawne technicznie, z drugiej - wysoce komunikatywne i przyjazne użytkownikom. Większość prac frontendowych prowadzi się w JavaScripcie i to przede wszystkim ten język początkujący frontendowiec musi opanować. Kolejnym krokiem i naturalną kontynuacją nauki frontendu jest poznanie niezwykle popularnej biblioteki JavaScriptu zwanej React. Służy ona do tworzenia graficznych interfejsów aplikacji internetowych. Jedną z głównych cech wyróżniających React jest wirtualny DOM (po polsku: obiektowy model dokumentu). Drugim wyróżnikiem tej biblioteki jest stanowiący nakładkę na JavaScript język JSX. Ten kurs video w przystępny sposób wprowadza kursanta w podstawy pracy z frameworkiem React, używając sprytnych analogii do życia codziennego, przez co zagadnienie staje się bardziej zrozumiałe. Szkolenie zahacza również o techniki z poziomu średnio zaawansowanego. Co ważne, zostało przygotowane w odniesieniu do komponentów funkcyjnych i hooków, czyli z zastosowaniem najbardziej aktualnego, najnowocześniejszego podejścia do pisania aplikacji React. Nie zapomniano o komponentach klasowych, które są starszym rozwiązaniem w ramach Reacta. Co Cię czeka podczas naszego profesjonalnego szkolenia? W trakcie tego kursu video opanujesz wiedzę, dzięki której: Nauczysz się pisać reużywalne, przemyślane komponenty funkcyjne oraz komponenty klasowe. Będziesz przekazywać parametry. Dowiesz się, czym jest error handling i obsługa wyjątków. Wykonasz requesty, nawiążesz komunikację z API. Przybliżysz sobie pojęcia takie jak React hooks oraz React state. Opanujesz zasady organizacji plików i dobre praktyki projektowe. Co więcej... Nauczysz się samodzielnej pracy, ponieważ realizowany w ramach kursu projekt został pomyślany tak, aby można go było kontynuować samodzielnie i rozwijać w celu ćwiczenia umiejętności. Frontend developer. Kurs video. React. Poziom podstawowy kończy się na poziomie podstawowym, choć w pewnych obszarach tematycznych wkracza na poziom średnio zaawansowany. Dlaczego React? Czysty JavaScript nie wystarczy, by tworzyć w pełni funkcjonalne, przyjazne użytkownikowi i sprawnie współpracujące z backendem frontendy. Do tego potrzeba nieco więcej, choćby opanowania jednej z kilku bibliotek języka JavaScript. Z nich wszystkich React wydaje się najlepszym wyborem - jego znajomość w wielu firmach jest wręcz obowiązkowa. Według raportów największych portali z ofertami pracy posługiwanie się Reactem jest czwartą, zaraz po swobodnym pisaniu kodu w HTML, CSS i JS, najbardziej cenioną i pożądaną przez pracodawców umiejętnością. Nic w tym dziwnego - frontend developer znający Reacta może nie tylko tworzyć nowoczesne aplikacje internetowe, ale również pisać aplikacje typu SPA. Z otwartymi ramionami powita go więc niemal każdy software house, będzie on także mile widziany w społeczności open source, co pozwoli mu na dalszy intensywny rozwój zawodowy. Również w charakterze freelancera, realizującego projekty samodzielnie od A do Z. Udało Ci się ukończyć wszystkie kursy z serii Frontend Developer? W takim razie mamy dla Ciebie konkurs!

Frontend Developer. Kurs video. Testowanie kodu w JavaScript

Radosław Madecki

Obierz kurs na... testowanie JavaScriptu Testowanie oprogramowania jest niezwykle ważnym etapem pracy nad projektem informatycznym. Dopiero wtedy zyskuje się pewność, że kod został poprawnie przygotowany, nie zawiera błędów i będzie działał bez zarzutu. Zwykle jednak procesem sprawdzania kodu nie zajmuje się ten sam zespół, który tworzył oprogramowanie. QA developer czy QA engineer to przeważnie osobne stanowisko w firmie. Popyt na testerów stale rośnie, ponieważ większość właścicieli firm programistycznych rozumie, jak duży wpływ na jakość tworzonych produktów ma ich testowanie. Dodatkowo produkt przetestowany to produkt szybko zdany klientowi - poprawny, wolny od wychwyconych zawczasu błędów. Ten kurs został w całości poświęcony zagadnieniu testów automatycznych wykonywanych w JavaScripcie. Jest adresowany zarówno do osób zastanawiających się nad karierą QA engineera, jak i do frontend developerów, chcących się dowiedzieć, jak wygląda i na czym polega testowanie kodu JavaScriptu. Szkolenie stanowi swojego rodzaju kontynuację i uzupełnienie poprzednich pięciu kursów frontendowych autorstwa Radosława Madeckiego, których zadaniem jest przygotować developera do pierwszej pracy lub wspomóc go w awansie w ramach aktualnego zajęcia. Podobnie jak w poprzednich, także w tym kursie autor skupia się maksymalnie na podejściu praktycznym i oparł go na przydatnych, życiowych poradach wprost z „pola bitwy”, czyli z praktyki developera. Co więcej, zagadnienia związane z testowaniem przedstawia w sposób możliwie przystępny, zrozumiały, unikając trudnego, technicznego języka. Jeżeli nie umiesz jeszcze pisać testów jednostkowych, a szukasz pierwszej pracy - ten kurs pozwoli Ci wyróżnić się wśród innych na tym etapie. Jeżeli masz już pracę jako junior lub mid, a dalej nie piszesz testów - czas nadrobić zaległości, by móc szybciej awansować na wyższy stopień i zauważalnie zwiększyć swoje zarobki, a także jakość wykonywanej pracy! Co Cię czeka podczas naszego profesjonalnego szkolenia W trakcie kursu: Zapoznasz się z kluczowymi terminami i zasobami ważnymi podczas testowania kodu JavaScriptu (React, Jest, Cypress, TDD). Opanujesz najważniejszą teorię związaną z pisaniem testów jednostkowych, integracyjnych oraz E2E. Przyswoisz mnóstwo praktycznej wiedzy dotyczącej pisania testów jednostkowych, integracyjnych oraz E2E. Dowiesz się, jakie są najpopularniejsze narzędzia do pisania testów różnego rodzaju. Poznasz dobre praktyki pisania kodu testów, jak również samych aplikacji i podstawowe praktyki pracy w projektach komercyjnych. Nauczysz się podstaw obsługi narzędzia Jira i tworzenia plików MD (Markdown). Co więcej... Zrobisz sobie powtórkę z HTML i CSS, JavaScriptu, Reacta oraz NPM/Yarn. Frontend developer. Kurs video. Testowanie kodu w JavaScript stanowi uzupełnienie i uwieńczenie nauki w ramach cyklu kursów frontendowych autorstwa Radosława Madeckiego i kończy się na poziomie średnio zaawansowanym. Kurs omawia wszystkie trzy typy testów, również mało spopularyzowane - nawet wśród zawodowych programistów - a niezwykle skuteczne testy E2E. O automatycznym testowaniu słów parę Programowanie w dużym stopniu polega na cofaniu się - poszukiwaniu błędów i poprawianiu ich aż do uzyskania doskonale działającego kodu. Nie ma więc nic bardziej nieprofesjonalnego niż oddanie klientowi produktu, który nie został przetestowany pod kątem ewentualnych bugów. Stąd w każdej poważnej firmie programistycznej powinna się znaleźć osoba pełniąca funkcję testera oprogramowania. A jeśli firma jest mała, na przykład jednoosobowa, a jej jedyny pracownik to frontend developer, musi on opanować techniki i narzędzia służące do testów - najszybciej i najbezpieczniej będzie wdrożyć techniki testów automatycznych. Ich zastosowanie pozwala uniknąć mozolnego testowania ręcznego, które jest podatne na błędy ludzkie, przeoczenia, zapominanie. Zamiast pisać testy i pokrywać je kodem aplikacji, tester automatyczny pisze wyłącznie test i scenariusze, co jest szybkie, pewne i wygodne. Udało Ci się ukończyć wszystkie kursy z serii Frontend Developer? W takim razie mamy dla Ciebie konkurs!

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 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.

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.

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