JavaScript

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

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.

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

Vue.js. Kurs video. Podstawy pracy z frameworkiem

Grzegorz Ważny

Obierz kurs na... lekki i szybki Vue.js! Kiedy mówimy o technologiach tworzących stack technologiczny dla JavaScriptu, zapewne wymienimy Vue.js, React lub Angular. To one znalazły się na podium frameworków przeznaczonych do tworzenia stron i aplikacji internetowych. Wszystkie trzy cieszą się popularnością i mają rzeszę zwolenników wśród frontendowych programistów. Wybór odpowiedniego do pracy frameworka nie może być jednak przypadkowy i pokierowany sympatią. Wymaga wręcz sporej wiedzy. Technologia powinna być dostosowana do rodzaju przedsięwzięcia, celu i wymagań technicznych projektu i w końcu funkcjonalności, jakie sam framework ma nam do zaoferowania. Nie jest to proste zadanie, zwłaszcza dla początkujących programistów. Być może zastanawiasz się, co oferuje Vue.js i dlaczego warto się nim zainteresować. Przede wszystkim Vue.js charakteryzuje się niewielkim rozmiarem, dzięki czemu nie obciąża przeglądarki i pozwala na bardzo szybkie załadowanie zawartości strony. Będzie dobrym wyborem, jeśli Twoja aplikacja ma być interaktywna i zarazem wydajna. Z Vue.js elementy HTML aktualizują się dynamicznie, poprzez dwukierunkowe wiązanie danych z obiektami Vue. Dzięki temu mechanizmowi - programowaniu reaktywnemu - aplikacja reaguje na zadane żądanie w czasie rzeczywistym, bez konieczności odświeżania widoku. W odróżnieniu od Reacta i Angulara Vue.js oferuje możliwość przyrostowej integracji, czyli adaptacji frameworka w zależności od zaistniałych potrzeb. W ten sposób można modyfikować routing, toolchain, CLI czy zarządzanie stanem aplikacji. Nauka Vue.js również należy do całkiem przyjemnych, gdyż ma on prostą, zrozumiałą składnię i niski próg wejścia - wystarczy elementarna wiedza z zakresu HTML, CSS i JavaScriptu. A jeśli jeszcze nie masz żadnego zaplecza technicznego, to dzięki naszemu kompleksowemu szkoleniu online z Vue.JS poznasz podstawy i - co najważniejsze - napiszesz pierwszą aplikację w Vue.js! W trakcie naszego profesjonalnego szkolenia video z Vue.JS: Zbudujesz responsywną stronę internetową w Vue.js Zaznajomisz się z obsługą środowiska Visual Studio Code Nauczysz się posługiwać narzędziami deweloperskimi w przeglądarce Poznasz składnię i podstawowe możliwości języka JavaScript Utworzysz proste struktury w języku HTML Przećwiczysz praktyczne elementy Vue i stworzysz własne komponenty Poznasz reguły, dzięki którym wdrożysz responsywność do swojej aplikacji Utworzysz routing między podstronami projektu Nauczysz się zarządzać routingiem Dowiesz się, jak przy użyciu CSS nadawać style elementom HTML Vue.js. Kurs video. Podstawy pracy z frameworkiem ukończysz na poziomie podstawowym. Kurs przeprowadzi Cię przez fundamentalne zagadnienia z zakresu HTML, CSS i JavaScriptu, niezbędne do rozpoczęcia pracy z Vue.js. Po tak solidnym wprowadzeniu poznasz Vue.js w praktyce i zbudujesz dwie aplikacje oparte na tym frameworku: to-do list i proste portfolio, w którym zaimplementujesz router. Po ukończeniu kursu video z Vue.JS będziesz w stanie samodzielnie zbudować i wdrożyć responsywną, dostosowaną do rozdzielczości urządzenia stronę internetową przygotowaną w Vue.js. By wdrożyć się w świat IT i znaleźć ciekawą, dobrze płatną pracę, trzeba zacząć działać. Swoją przygodę zacznij dziś - od Vue.js! Zobacz także kursy React dostępne w naszej ofercie!

Vue.js w praktyce. Kurs video. Poznaj narzędzia web developera: Vue.js, TypeScript, Miro, Firebase

Grzegorz Ważny

Obierz kurs na... Vue.js i narzędzia web developera Vue.js to jeden z trzech najpopularniejszych frameworków JavaScript. Od Reacta i Angulara odróżnia go zwiększona szybkość i elastyczność, a przede wszystkim prostota. Z obsługą tego frameworka nie powinna mieć problemu nawet osoba początkująca; jego twórcy dołożyli wszelkich starań, by praca z nim była przyjemna i efektywna. Przyjrzyjmy się cechom wyróżniającym Vue.js – jedną z nich jest reactive data binding, funkcja, która umożliwia łączenie modeli danych z interfejsem użytkownika. Z kolei komponenty ułatwiają modularyzację aplikacji, a za synchronizację ich danych odpowiada biblioteka Vuex. Na manipulowanie elementami DOM pozwalają wbudowane dyrektywy, event handling zaś oferuje zarządzanie zdarzeniami w prosty sposób, na przykład kliknięciem. W tym miejscu nie można nie wspomnieć o mechanizmie routingu, którego rolą jest sprawne nawigowanie pomiędzy widokami aplikacji. Vue.js dostarcza wiele funkcjonalności do budowania nowoczesnych aplikacji internetowych. Jego potencjał można uwolnić jeszcze bardziej i zintegrować z Firebase, Miro czy Google Docs. Znajomość tych narzędzi otwiera perspektywę na tworzenie kompleksowych aplikacji poprzez optymalizację zarządzania projektem, sprawne hostowanie usług i bezpieczne przechowywanie danych. Zarezerwuj 7 godzin i poznaj narzędziownik front-end developera! W trakcie naszego profesjonalnego szkolenia: Poznasz etapy tworzenia projektu informatycznego Dowiesz się, czym są scenariusze użytkownika Zapoznasz się z popularnymi metodykami tworzenia oprogramowania Zrozumiesz zasady SEO i jego wybrane strategie Poznasz etapy modelu kaskadowego Waterfall Utworzysz diagramy przypadków użycia w języku UML Poznasz podejścia projektowe mobile-first i desktop-first Dowiesz się, jak zadbać o responsywność strony internetowej Zintegrujesz usługi Firebase z projektem Przeprowadzisz autoryzację logowania Utworzysz komunikację back-end – front-end Zdobędziesz wiedzę o tworzeniu serwisów Nauczysz się tworzyć statyczny i dynamiczny routing Przećwiczysz zarządzanie routingiem Nauczysz się obsługi Miro i Google Docs Poznasz podstawowy interfejs Figmy Opanujesz średnio zaawansowane zagadnienia Vue.js Stworzysz rozbudowane i zagnieżdżone komponenty Dowiesz się, jak działa SCSS i dlaczego warto z niego korzystać Zaprojektujesz, uruchomisz i obsłużysz bazę danych NoSQL opartą na Firebase Poznasz nowoczesne narzędzia do planowania zadań i pracy nad aplikacją Vue.js w praktyce. Kurs video. Poznaj narzędzia web developera: Vue.js, TypeScript, Miro, Firebase to przewodnik po świecie frontendowych projektów. Razem z nim poznasz średnio zaawansowane funkcje Vue.js i rozwiniesz swoje umiejętności programistyczne w TypeScript. Ten statycznie typowany język pozwala utrzymać kontrolę nad logiką aplikacji i wykryć błędy w trakcie kompilacji, a tym samym poprawić jej bezpieczeństwo i wydajność. Dowiesz się także, jak zadbać o graficzną część aplikacji – poznasz preprocesor SASS, Figmę i podstawowe założenia responsywnego projektowania stron WWW. W Miro przećwiczysz pracę z diagramami UML. Dowiesz się, jak używać Google Docs w pracy z dokumentami. W ramach projektu powstanie szkielet sklepu internetowego wraz z obsługą backendu i podstawą zarządzania użytkownikami. Zintegrujesz go z Firebase – platformą do hostowania aplikacji i zarządzania bazą danych. Nowoczesne narzędzia takie jak Figma, Miro, Firebase i Google Docs odgrywają aktualnie szalenie istotną rolę w branży IT. Z ich znajomością nauczysz się planować, projektować i rozwijać aplikacje internetowe spełniające potrzeby najbardziej wymagających klientów.

Web scraping. Kurs video. Zautomatyzowane pozyskiwanie danych z sieci

Jan Mager

Obierz kurs na... pozyskiwanie danych z sieci Wiesz, że ponad połowa aktywności w sieci jest podejmowana przez boty? Powód ich popularności nie powinien być zaskoczeniem - w świecie usług i biznesu chodzi przede wszystkim o poznanie rynku i konkurencji. W tym wypadku kto ma technologię, ten ma przewagę, a daje ją web scraping. Dosłownie tłumaczony jako zdrapywanie sieci, web scraping służy do wydobywania ustrukturyzowanych danych ze stron internetowych. Jeśli właśnie zastanawiasz się gdzie w sieci można spotkać web scraping, to stosuje się go do przeprowadzania badań rynkowych, w botach wyszukiwarek i porównywarkach cenowych. W uproszczeniu - by skutecznie pozyskiwać dane z sieci, należy wykonać kilka kroków: nawiązać połączenie z API, a następnie odebrać i zwalidować dane, by odpowiednio wyodrębnić interesujące informacje. Spróbuj swoich sił i przekonaj się w praktyce, że droga do tego, by zostać web scraperem, jest prosta! W trakcie naszego profesjonalnego szkolenia: Przygotujesz poprawną strukturę folderów dla aplikacji webowej Stworzysz podstawowy szablon aplikacji oparty na bibliotece Bootstrap Utrwalisz wiedzę na temat dodawania stylów CSS Dowiesz się, jak pobrać dane z zewnętrznego API Nauczysz się wysyłać dynamiczne zapytania do API Poznasz bibliotekę Chart.js i API CoinGecko Nauczysz się wysyłać zapytania przy użyciu AJAX Zbudujesz responsywną i dynamiczną aplikację internetową Stworzysz interaktywne wykresy Naniesiesz dynamiczne zmiany na wykresie Dowiesz się, jak przechwytywać błędy podczas komunikacji z API Wprowadzisz dynamiczne zmiany na stronie bez konieczności jej odświeżania Co więcej... Przeprowadzisz walidację zapytań wysłanych do API i walidację zapytań odbieranych z API Nauczysz się pobierać dane z zewnętrznych baz danych i wykonywać operacje na pobranych danych Web scraping. Kurs video. Zautomatyzowane pozyskiwanie danych z sieci ukończysz na poziomie podstawowym. W trakcie szkolenia wspólnie zbudujemy dwa projekty w języku JavaScript. Na początku omówimy plan całego kursu i niezbędne narzędzia. Następnie płynnie przejdziemy do projektu pierwszej miniaplikacji - Populacja Świata. Podczas tego modułu nauczysz się wysyłać zapytania do API, przetwarzać odebrane wartości, sprawdzać ich poprawność, wyświetlać i operować nimi na stronie. Z tak uporządkowanych danych stworzysz dynamiczny wykres oparty na bibliotece Chart.js. Drugim projektem będzie aplikacja o budzącej emocje nazwie Kryptowaluty. W tej części kursu utworzysz dynamiczną tabelę generującą ranking kryptowalut z aktualnymi kursami pobranymi z API CoinGecko. Dzięki połączeniu z API CoinGecko mamy dostęp do aktualnych co do minuty kursów wszystkich możliwych kryptowalut opublikowanych na stronie CoinGecko. Bez trudu więc zaprogramujesz dynamiczny wykres do wyświetlania kursów kryptowalut na przestrzeni czasu zadanego przez użytkownika. Aplikacja będzie w pełni responsywna na wszystkich dostępnych mobilnych i stacjonarnych urządzeniach. W ramach ostatnich lekcji przedstawimy pomysły na rozwój aplikacji rankingu kryptowalut. Ten kurs dostarczy Ci inspiracji do indywidualnych projektów, a także pokaże nowe możliwości wykorzystania znanych Ci dotychczas tematów. Po zakończeniu szkolenia będziesz w stanie samodzielnie wykonać swój prywatny portfel kryptowalut, łącznie z wykresami i analizowaniem statystyk dzięki zastosowaniu wykresów Chart.js.