Do kursu dołączamy materiały dodatkowe
React i GatsbyJS. Kurs video. Nowoczesne strony internetowe w oparciu o headless CMS i GraphQL
- Autor:
- Długość
- liczba lekcji: 54, czas trwania: 05:52:07
- Ocena
Kurs video
React i GatsbyJS. Kurs video. Nowoczesne strony internetowe w oparciu o headless CMS i GraphQL
- Wydawnictwo:
- Videopoint
- Wersja:
- Online
- Czas trwania:
- 5 godz. 52 min.
- Technologia:
- Gatsby 5.12, React 18.2
- Ocena:
Spis lekcji kursu video
-
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
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
-
Niezależnie od poziomu doświadczenia ten praktyczny przewodnik ułatwi Ci opanowanie Go. Znajdziesz tu kluczowe informacje, dzięki którym nauczysz się tworzyć przejrzysty, idiomatyczny kod w Go i myśleć jak programista Go. To wydanie uwzględnia nowości, które zostały udostępnione w ciągu ostatnich trzech lat: nowe funkcjonalności, narzędzia i biblioteki. Wyjaśniono tu stosowanie takich usprawnień jak strukturalne rejestrowanie danych, fuzzing, przestrzenie robocze i sprawdzanie pod kątem luk w zabezpieczeniach. Dokładniej opisano ekosystem narzędzi Go i wzbogacono to omówienie ćwiczeniami i przykładami. Jeśli chcesz pisać idiomatyczny kod Go, który będzie niezawodny, trwały i łatwy w późniejszej obsłudze technicznej ― to książka dla Ciebie!- PDF + ePub + Mobi
- Druk 49 pkt
(39,90 zł najniższa cena z 30 dni)
49.50 zł
99.00 zł (-50%) -
Jeśli skorzystasz z tej niezwykłej książki, będziesz mieć w zasięgu ręki całą wiedzę, której potrzebujesz, by zacząć działać! Ten podzielony na cztery części podręcznik pokaże Ci, jak zacząć pracę z najnowszą wersją HTML5, używać znaczników tego języka oraz różnych atrybutów i wartości. Dowiesz się, jak pracować z CSS oraz zapewniać swoim stronom doskonały wygląd i poprawne wyświetlanie na wszelkich możliwych nośnikach - od monitora komputera po ekran telefonu komórkowego.- PDF + ePub + Mobi
- Druk 29 pkt
(19,90 zł najniższa cena z 30 dni)
29.49 zł
59.00 zł (-50%) -
This book is your ultimate guide to mastering Rust and advancing your software development career. It addresses the industry's demand for Rust programmers with insights into Rust's ecosystem, latest tools, and frameworks.W przygotowaniu
Powiadom mnie, gdy książka będzie dostępna -
From fundamental subjects to delivery, automation, containerization, and cloud-native development, you'll find all the necessary information to build modern web applications using ASP.Net Core 9.W przygotowaniu
Powiadom mnie, gdy książka będzie dostępna -
This book will help you explore the foundations of Python programming and learn how Python can be used to achieve results.W przygotowaniu
Powiadom mnie, gdy książka będzie dostępna -
This easy-to-follow book covers essential data structures, algorithms, and their usage in the context of JavaScript and TypeScript.W przygotowaniu
Powiadom mnie, gdy książka będzie dostępna -
Master the latest Node.js 22 features: I/O, streams, web protocols, and Fastify framework as you build secure, performant apps with DB, and learn to test, debug, and troubleshoot effectively. This book ensures you become a skilled Node.js developer.-
- PDF + ePub 107 pkt
(78,48 zł najniższa cena z 30 dni)
107.10 zł
119.00 zł (-10%) -
-
This book will help you explore the capabilities of the C++ STL with the latest features to make your programming journey more effective and efficient, with a focus on practical solutions to real-world problems.W przygotowaniu
Powiadom mnie, gdy książka będzie dostępna -
Minimal CMake is a practical guide to utilizing CMake's essential features. It focuses on what CMake can do for you, providing the tools and knowledge needed to leverage it effectively. Build your app, library, or game with confidence and efficiency.Niedostępna
-
Unlock a world of job opportunities and accelerate your career growth by mastering MongoDB Key Features Master the fundamental principles of Schema Design, Querying, and Database Administration. Explore advanced topics, including Aggregation, Replication, and Sharding. Develop a fully functional application utilizing MongoDB Cloud Services. Descr-
- ePub + Mobi 80 pkt
(71,91 zł najniższa cena z 30 dni)
80.91 zł
89.90 zł (-10%) -
Szczegóły kursu
- Ilość lekcji:
- 54
- Czas trwania:
- 5 godz. 52 min.
- Format:
- Zip
- 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
Videopoint - inne książki
-
Przetwarzanie obrazów to dynamicznie rozwijająca się dziedzina, która znajduje zastosowanie w licznych branżach, takich jak medycyna, motoryzacja, przemysł rozrywkowy, bezpieczeństwo, rolnictwo czy marketing. Umożliwia automatyczne rozpoznawanie obiektów, analizę obrazów medycznych i tworzenie interaktywnych aplikacji korzystających ze sztucznej inteligencji. Warto się zagłębić w techniki przetwarzania obrazów, które stały się dostępniejsze i skuteczniejsze niż kiedykolwiek wcześniej dzięki lepszemu wykorzystaniu mocy obliczeniowej niezbędnej do procesowania sieci konwolucyjnych (CNN) i algorytmów YOLO. Ponadto modele generatywne, jak DALL-E czy Midjourney, oferują możliwości generowania obrazów na potrzeby trenowania modeli AI, co pozwala zwiększać różnorodność i wielkość puli danych (ang. data augmentation). Powszechnym narzędziem w segmencie computer vision jest biblioteka OpenCV. Jest używana do analizy obrazów, rozpoznawania obiektów, detekcji twarzy, wykrywania ruchu czy segmentacji obrazów. OpenCV oferuje dostęp do szerokiego zakresu narzędzi i algorytmów, a dobre opanowanie biblioteki otwiera drzwi do ciekawych projektów związanych z widzeniem komputerowym. Umiejętność przetwarzania obrazów jest niezwykle ceniona na rynku pracy – specjaliści mogą liczyć na atrakcyjne stanowiska i różnorodne wyzwania technologiczne.- Videokurs 64 pkt
(34,65 zł najniższa cena z 30 dni)
64.35 zł
99.00 zł (-35%) -
Wśród zyskujących popularność nurtów, które obserwujemy w świecie IT, wyróżnia się wirtualizacja. Drugim odmienianym przez wszystkie przypadki trendem jest konteneryzacja. Stąd rosnąca popularność platformy Proxmox, której można używać do dwóch celów – właśnie do konteneryzacji i do wirtualizacji. Realizacja tych dwóch procesów w ramach jednego oprogramowania pozwala na elastyczne tworzenie i zarządzanie zasobami w zależności od zapotrzebowania biznesowego czy też zapotrzebowania aplikacji.- Videokurs 70 pkt
(39,90 zł najniższa cena z 30 dni)
70.85 zł
109.00 zł (-35%) -
Flask jest jednym z mikroframeworków napisanych w języku Python. Przedrostek „mikro-” oznacza tyle, że framework ten nie wymaga określonych narzędzi ani bibliotek. Bazuje na użytkowych rozszerzeniach i należy do najpopularniejszych tego typu platform Pythona. Wiele firm programistycznych i samodzielnych deweloperów używa go do tworzenia nowoczesnych, skalowalnych aplikacji webowych – są wśród nich między innymi Pinterest czy LinkedIn. Elastyczność, lekkość i prostota użycia czyni z Flaska idealny wybór zarówno dla początkujących, jak i dla zaawansowanych programistów. Z jednej strony bowiem można szybko tworzyć w nim prototypy, z drugiej – Flask nadaje się idealnie do kreowania dużych, skomplikowanych aplikacji.- Videokurs 83 pkt
(39,90 zł najniższa cena z 30 dni)
83.39 zł
139.00 zł (-40%) -
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ć realizację rozmaitych zadań – zastosowana mądrze sztuczna inteligencja pozwala pracownikowi oszczędzić nawet 15-20 procent czasu, jaki zwykle zajmuje mu wykonanie danego polecenia. Nie ma wątpliwości, że dziś, kiedy narzędzia takie jak ChatGPT czy DALL-E są dostępne na wyciągnięcie ręki, niekorzystanie z nich byłoby co najmniej nierozsądne. Twoi konkurenci już ich używają – nie zostawaj w tyle!- Videokurs 65 pkt
(39,90 zł najniższa cena z 30 dni)
65.45 zł
119.00 zł (-45%) -
Prowadzenie firmy w dzisiejszych czasach nierozerwalnie wiąże się z koniecznością posiadania strony internetowej. Własna witryna WWW to nie luksus, a wymóg stawiany przez klientów. Choć roczny hosting domeny to niewielki koszt, postawienie strony przez profesjonalistę może nas już słono kosztować – kilka, kilkanaście, nawet kilkadziesiąt tysięcy. Kuszącą alternatywą jest samodzielne stworzenie strony WWW. Wbrew pozorom nie trzeba umieć kodować, znać HTML, CSS, PHP i innych języków programowania, by zaprojektować, uruchomić i utrzymać prostą witrynę internetową. Nasz kurs krok po kroku przeprowadzi Cię przez ten proces – od zakupu domeny, przez pomysł, aż po gotową i dopracowaną stronę. Bez konieczności zaznajamiania się z językami programowania i zbędnych technikaliów.- Videokurs 59 pkt
(38,15 zł najniższa cena z 30 dni)
59.95 zł
109.00 zł (-45%) -
Bezpieczeństwo sieci Cisco. Kurs video. Podstawy kryptografii, zabezpieczenia urządzeń i obsługa Kali Linux powstał z myślą o administratorach rozpoczynających przygodę z bezpieczeństwem w sieciach komputerowych. Zapewnia on praktyczną wiedzę o bezpieczeństwie sieci. Jeśli chcesz wejść w świat technologii Cisco Security i nauczyć się blokować ataki hakerów podczas tego szkolenia zyskasz solidne podstawy praktyczne oraz teoretyczne.- Videokurs 494 pkt
(39,90 zł najniższa cena z 30 dni)
494.00 zł
760.00 zł (-35%) -
Angielski dla specjalistów IT. Kurs video. Komunikacja w codziennej pracy bazuje na praktycznych przykładach ściśle powiązanych z tematyką programistyczną, dzięki czemu zobaczysz jasno i wyraźnie, jak wprowadzać w życie dane zagadnienia — w mowie i piśmie. Dlaczego warto to zrobić? Choćby po to, by porozumieć się z zagranicznym klientem. Albo po to, by podnosić kwalifikacje zawodowe, wyszukując na własną rękę potrzebne do tego informacje w anglojęzycznych publikacjach i na stronach internetowych. Kurs pomoże Ci także przezwyciężyć barierę językową i przełamać obawę przed rozmową na tematy zawodowe, osadza bowiem nową wiedzę w znanym Ci kontekście IT.- Videokurs 83 pkt
(32,25 zł najniższa cena z 30 dni)
83.85 zł
129.00 zł (-35%) -
CSS3. Kurs video pokaże Ci, jak z użyciem najnowszych trendów i od podstaw stworzyć atrakcyjne wizualnie witryny. Przybliży Ci również przydatne techniki optymalizacji. Dzięki temu praca nawet nad bardzo złożonymi projektami będzie łatwa i szybka. Twoje strony będą niezwykle efektowne, a do tego wydajne oraz przyjazne dla użytkownika. Skorzystaj z wiedzy naszego eksperta i wprowadź standard CSS3 do swojego życia!- Videokurs 48 pkt
(22,25 zł najniższa cena z 30 dni)
48.95 zł
89.00 zł (-45%) -
Znajomość Webflow otwiera możliwości projektowania rozmaitych stron internetowych w podejściu no-code. Dzięki intuicyjnemu interfejsowi Webflow pozwala projektantom skupić się na kreatywności, jednocześnie automatyzuje techniczne aspekty budowania strony. Platforma jest idealna zarówno dla początkujących, jak i doświadczonych twórców – Webflow świetnie sprawdza się przy tworzeniu prostych witryn, ale również zaawansowanych sklepów internetowych czy stron korporacyjnych. Jego wszechstronność sprawia, że jest idealnym rozwiązaniem dla freelancerów, startupów i małych firm, szukających narzędzia do tworzenia profesjonalnych stron bez potrzeby zatrudniania programistów. Za sprawą Webflow Marketplace użytkownicy mają dostęp do gotowych zasobów, takich jak szablony, ikony czy efekty dźwiękowe, co przyspiesza proces tworzenia. Ponadto Webflow wprowadza wiele użytecznych rozwiązań. Przykładowo Webflow AI Assistant stosuje sztuczną inteligencję, by wspomagać użytkownika w optymalizacji i automatyzacji wielu procesów. Z kolei integracja z Google API pozwala na dodanie interaktywnych funkcji, takich jak mapy, co jest niezwykle przydatne w wielu branżach. Webflow umożliwia także optymalizację stron pod kątem SEO i zwiększa ich widoczność w wyszukiwarkach, przyciągając większy ruch. Z platformą Webflow każdy może się stać twórcą własnej strony, niezależnie od doświadczenia w programowaniu. Po prostu zobacz, jakie to łatwe – przekształcaj swoje pomysły w rzeczywiste projekty, i to bez potrzeby pisania kodu!- Videokurs 71 pkt
(103,34 zł najniższa cena z 30 dni)
71.55 zł
159.00 zł (-55%) -
Stanowiący część Microsoft Power Platform zestaw narzędzi Power BI służy przede wszystkim wizualizacji danych i raportowaniu. Ze względu na intuicyjny interfejs i duże możliwości narzędzia te są coraz częściej zaprzęgane do pracy w firmach na całym świecie, w rozmaitych branżach – od finansów, przez marketing, aż po zarządzanie zasobami ludzkimi. Szkoląc się z naszym kursem, poznasz to rozwiązanie od strony praktycznej i zdobędziesz umiejętności gotowe do zastosowania w Twojej codziennej pracy. W ramach nauki opanujesz nie tylko podstawy Power BI, ale też najbardziej zaawansowane funkcje, które oferuje to oprogramowanie, ponieważ będziemy działać na realnych przykładach, z życia wziętych – takich, na które będziesz natrafiać codziennie w swojej praktyce biznesowej.- Videokurs 109 pkt
(89,54 zł najniższa cena z 30 dni)
109.45 zł
199.00 zł (-45%)
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: sklep@ebookpoint.pl
Proszę wybrać ocenę!
Proszę wpisać opinię!
Książka drukowana
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ę.