![](https://static01.helion.com.pl/videopoint/img/testy/produkt_cert_info.png)
React i GatsbyJS. Kurs video. Nowoczesne strony internetowe w oparciu o headless CMS i GraphQL
- Ocena:
- Bądź pierwszym, który oceni ten kurs
- Wersja:
- Online
- Czas trwania:
- 05:52:07
- Technologia:
- Gatsby 5.12, React 18.2
+ gratis
Kupując ten produkt dodatkowo otrzymasz:
React w działaniu. Tworzenie aplikacji internetowych. Wydanie II ( ebook )
Opis kursu video React i GatsbyJS. Kurs video. Nowoczesne strony internetowe w oparciu o headless CMS i GraphQL
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!
Wybrane bestsellery
-
Mimo intensywnego rozwoju mediów społecznościowych, a co za tym idzie – nowego modelu kontaktu z klientami i „followersami”, zapotrzebowanie na profesjonalne, nowoczesne strony WWW nie maleje. Firmy i osoby prywatne wciąż poszukują twórców witryn w pełni responsywnych i maksymalnie interaktywnych, po których poruszanie się będzie dla użytkownika pr
(67,60 zł najniższa cena z 30 dni)
101.40 zł
169.00 zł (-40%) -
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 tajn
(51,60 zł najniższa cena z 30 dni)
77.40 zł
129.00 zł (-40%) -
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
(59,59 zł najniższa cena z 30 dni)
89.40 zł
149.00 zł (-40%) -
JavaScript jest językiem programowania, bez którego nie mogłyby istnieć używane dziś strony internetowe i aplikacje. Za przeważającą większością z nich bowiem stoi kod pisany właśnie w tym języku. Jego skrypty służą najczęściej do zapewniania interakcji. Reagują one na zdarzenia, walidują dane wprowadzane w formularzach, tworzą – czasem bardzo skom
(67,60 zł najniższa cena z 30 dni)
101.40 zł
169.00 zł (-40%) -
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
(47,60 zł najniższa cena z 30 dni)
71.40 zł
119.00 zł (-40%) -
Szeroka dostępność Internetu przyczyniła się do stopniowego odchodzenia od przechowywania danych lokalnie i na nośnikach fizycznych. Dziś rozwiązania te są wypierane przez zdalną bazę danych ulokowaną na zewnętrznym serwerze — powszechnie znanym jako chmura. Zmienia się nie tylko zapis plików, ale także sposób myślenia o wytwarzaniu i utrzymaniu ap
(59,59 zł najniższa cena z 30 dni)
89.40 zł
149.00 zł (-40%) -
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
(55,60 zł najniższa cena z 30 dni)
83.39 zł
139.00 zł (-40%) -
Szybkość, prostota, wszechstronność, interoperacyjność... to dopiero początek długiej listy zalet JavaScript. Choć trudno to sobie wyobrazić, przed erą JavaScript w Internecie dominowały statyczne strony www. Dopiero wraz z nadejściem tego skryptowego języka programowania otworzyły się możliwości podejmowania interakcji z użytkownikiem. JavaScript
(51,60 zł najniższa cena z 30 dni)
77.40 zł
129.00 zł (-40%) -
Życie jest zbyt ciekawe, by tracić je na wykonywanie na piechotę czynności, które można zautomatyzować i przyspieszyć! Z taką (prawdopodobnie) myślą do prac nad swoim frameworkiem przystąpił Eric Schoffstall i oto w 2013 roku świat otrzymał Gulpa, task runnera, darmowy i otwarty zestaw narzędzi do budowania aplikacji bazujących na JavaScripcie. Jak
(51,60 zł najniższa cena z 30 dni)
77.40 zł
129.00 zł (-40%) -
Webpack 5. Kurs video. Kompletny przewodnik dla początkujących pozwoli Ci opanować podstawy pracy z tym bundlerem. Aby przystąpić do kursu, trzeba posiadać już pewne umiejętności w zakresie języka JavaScript, rozumieć takie pojęcia jak frontend czy serwer i mieć opanowane podstawy CSS.
(59,59 zł najniższa cena z 30 dni)
89.40 zł
149.00 zł (-40%)
O autorze kursu video
Albert Strzyżewski – inżynier informatyk, absolwent Politechniki Lubelskiej. Od 2021 roku pracuje jako Salesforce/React developer. Po godzinach tworzy poradniki o programowaniu na YouTube albo spędza czas na boisku piłkarskim.
Spis lekcji (odkodowane lekcje)
-
1. Wprowadzenie 00:29:58
-
2. Headless CMS i SEO 00:37:45
-
3. Wybór hostingu i dodatkowa konfiguracja 00:16:36
-
4. Podstawy tworzenia komponentów 01:06:30
- 4.1. Podejście do tworzenia komponentów 00:01:48
- 4.2. Hook useState 00:04:00
- 4.3. Input component 00:11:10
- 4.4. Stworzenie komponentu dla przycisku 00:07:10
- 4.5. Focus & visible w przycisku 00:03:45
- 4.6. Link component 00:03:36
- 4.7. Uproszczenie kodu 00:02:03
- 4.8. Hamburger button 00:13:03
- 4.9. FAQ Element 00:12:19
- 4.10. Layout component 00:02:51
- 4.11. Gatsby-ssr i gatsby-browser 00:04:45
-
5. Tworzenie sekcji strony 01:42:54
- 5.1. Podstawowe tworzenie modeli w DatoCMS 00:08:40
- 5.2. Jak pobierać dane za pomocą GraphQL 00:04:19
- 5.3. Struktura HeroSection 00:09:43
- 5.4. Style dla HeroSection 00:04:02
- 5.5. Stworzenie nawigacji 00:08:30
- 5.6. Header 00:08:48
- 5.7. Struktura danych dla sekcji strony głównej 00:05:36
- 5.8. Struktura komponentów dla drugiej i trzeciej sekcji 00:09:08
- 5.9. Style dla drugiej i trzeciej sekcji 00:11:02
- 5.10. Jak ograniczyć szerokość całej strony 00:02:20
- 5.11. Struktura realizacji w DatoCMS 00:07:26
- 5.12. Realization Card 00:05:28
- 5.13. Struktura komponentu naszych realizacji 00:17:52
-
6. Kontakt i FAQ 01:04:06
- 6.1. Content dla kontaktu 00:02:29
- 6.2. Content dla FAQ 00:02:33
- 6.3. Struktura sekcji kontakt 00:19:48
- 6.4. Podpięcie formularza w Netlify 00:07:50
- 6.5. Struktura i style dla sekcji FAQ 00:10:44
- 6.6. Style i struktura dla strony Kontakt 00:10:09
- 6.7. Content dla stopki 00:01:41
- 6.8. Style i struktura dla stopki 00:08:52
-
7. Wszystkie realizacje 00:34:18
Kurs Video "React i GatsbyJS. Kurs video. Nowoczesne strony internetowe w oparciu o headless CMS i GraphQL" zobaczysz:
-
w aplikacjach Ebookpoint i Videopoint na Android, iOS, HarmonyOs
-
na systemach Windows, MacOS i innych z dostępem do najnowszej wersji Twojej przeglądarki internetowej
Szczegóły kursu
- Ilość lekcji:
- 54
- Czas trwania:
- 5 godz. 52 min.
- Format:
- Online
- Data aktualizacji:
- 2024-02-20
- ISBN :
- 978-83-289-0851-2, 9788328908512
- Numer z katalogu:
- 223316
- Do kursu dołączone są materiały dodatkowe, znajdziesz je w Twojej Bibliotece
- Kategorie:
Web development » JavaScript
Web development » React
Videopoint - inne kursy
-
Angular został przystosowany przez programistów Google’a do tworzenia złożonych i skalowalnych aplikacji. Dzięki modułowości i wydajności jest wybierany do pisania wymagających aplikacji korporacyjnych i biznesowych. Kod jest zredukowany i zorganizowany modułowo, co zapewnia czytelność i ułatwia pracę nad projektem. Dla tworzenia dynamicznych aplik
(81,95 zł najniższa cena z 30 dni)
119.20 zł
149.00 zł (-20%) -
Utrzymanie czystego kodu ułatwia pracę programistom i przyczynia się do szybszego reagowania na potrzeby odbiorców i wdrażania nowych funkcji. Większa efektywność zespołów programistycznych jest nieoceniona dla funkcjonowania firm. Pozwala zminimalizować ryzyko poważnych awarii i pozytywnie wpływa na wizerunek marki. Jednak utrzymanie czystego kodu
(84,50 zł najniższa cena z 30 dni)
67.60 zł
169.00 zł (-60%) -
Sztuczna inteligencja przyczyniła się do prawdziwej rewolucji technologicznej i zmieniła branżę informatyczną. Po funkcje oparte na AI chętnie sięgnął Microsoft, by udoskonalić swój wiodący produkt – Excela. AI poprzez zaawansowane algorytmy potrafi automatycznie analizować i interpretować duże zbiory danych, co przyspiesza proces podejmowania decy
(112,05 zł najniższa cena z 30 dni)
199.20 zł
249.00 zł (-20%) -
Pytest – nowoczesny framework do uruchamiania testów automatycznych w języku Python. Można używać tej platformy do przeprowadzania testów jednostkowych, ale sprawdzi się świetnie także podczas konstruowania rozbudowanych testów wyższego poziomu (integracyjnych, end-to-end) dla całych aplikacji czy bibliotek. Z Pytestu do testowania kodu korzystają
(39,90 zł najniższa cena z 30 dni)
59.59 zł
149.00 zł (-60%) -
Realizacja kolejnych projektów – oto, w jaki sposób pracuje dziś bardzo wielu specjalistów. By wspiąć się na wyższy poziom kariery, zdobyć nową, ciekawą posadę, awansować w strukturach firmy, trzeba opanować sztukę profesjonalnego zarządzania projektami. Tu z pomocą wkracza Microsoft Project. Narzędzie, które ma ugruntowaną rynkową pozycję i opinię
(81,95 zł najniższa cena z 30 dni)
59.59 zł
149.00 zł (-60%) -
InDesign jest kluczowym narzędziem używanym w branży graficznej, wydawniczej i reklamowej. Ten program komputerowy, stworzony przez firmę Adobe, służy do projektowania, łamania, składania i przygotowywania do druku materiałów poligraficznych – szczególnie wydawnictw wielostronicowych i o skomplikowanej strukturze. Za jego pomocą można przygotować p
(26,97 zł najniższa cena z 30 dni)
53.95 zł
67.44 zł (-20%) -
Informatyka, w szczególności programowanie, algorytmami stoi. Stanowią one punkt wyjścia do tworzenia sprawnie działającego kodu. Dlatego też wiedza o tym, jak za ich pomocą efektywnie rozwiązywać najbardziej skomplikowane problemy, okazuje się być nieoceniona w wielu dziedzinach – od analizy danych, przez rozwój oprogramowania, aż po sztuczną inte
(64,50 zł najniższa cena z 30 dni)
51.60 zł
129.00 zł (-60%) -
Skrót AI jest dziś używany we wszelkich kontekstach i powtarzany niczym magiczne zaklęcie. Jedni się cieszą, inni się boją. My, w ramach naszego kursu, pokazujemy, jak skorzystać z niezwykłych możliwości, jakie niosą ze sobą najpopularniejsze dziś modele generatywnego AI. Dzięki zaprzęgnięciu ich do pracy można znacznie ułatwić i przyspieszyć reali
(65,45 zł najniższa cena z 30 dni)
95.20 zł
119.00 zł (-20%) -
Marzysz o pracy w IT, która „robi różnicę”? Stanowisko inżyniera sieci wiąże się ze sporą odpowiedzialnością, ponieważ od niego zależy działanie sieci całego przedsiębiorstwa. Tylko co to właściwie znaczy? W praktyce chodzi o prawidłowe funkcjonowanie programów i aplikacji sieciowych, działanie telefonii IP, możliwość tworzenia kopii zapasowych i k
(76,05 zł najniższa cena z 30 dni)
135.20 zł
169.00 zł (-20%) -
Jeśli myślisz o karierze analityka danych albo starasz się o pracę na stanowisku, na którym będziesz analizować dane, ten kurs jest specjalnie dla Ciebie. Opanujesz dzięki niemu między innymi niezbędne podstawy języka SQL i dowiesz się, jak funkcjonuje i do czego może Ci posłużyć system zarządzania relacyjnymi bazami danych MySQL. Te dwie technolog
(112,05 zł najniższa cena z 30 dni)
199.20 zł
249.00 zł (-20%)
Dzięki opcji "Druk na żądanie" do sprzedaży wracają tytuły Grupy Helion, które cieszyły sie dużym zainteresowaniem, a których nakład został wyprzedany.
Dla naszych Czytelników wydrukowaliśmy dodatkową pulę egzemplarzy w technice druku cyfrowego.
Co powinieneś wiedzieć o usłudze "Druk na żądanie":
- usługa obejmuje tylko widoczną poniżej listę tytułów, którą na bieżąco aktualizujemy;
- cena książki może być wyższa od początkowej ceny detalicznej, co jest spowodowane kosztami druku cyfrowego (wyższymi niż koszty tradycyjnego druku offsetowego). Obowiązująca cena jest zawsze podawana na stronie WWW książki;
- zawartość książki wraz z dodatkami (płyta CD, DVD) odpowiada jej pierwotnemu wydaniu i jest w pełni komplementarna;
- usługa nie obejmuje książek w kolorze.
Masz pytanie o konkretny tytuł? Napisz do nas:
Kurs video
![](https://static01.helion.com.pl/videopoint/img/ajax-loader.gif)
![ajax-loader](https://static01.helion.com.pl/videopoint/img/ajax-loader.gif)
Oceny i opinie klientów: React i GatsbyJS. Kurs video. Nowoczesne strony internetowe w oparciu o headless CMS i GraphQL Albert Strzyżewski (0)
Weryfikacja opinii następuje na podstawie historii zamowień na koncie Użytkownika umiejszczającego opinię.
Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniającej do uzyskania rabatu w ramach Programu Kadr.