Building Interactive Applications with React, Redux and GraphQL Počítačový Kurz
React je Javaknihovna skriptů pro vytváření rychlých a hladkých interaktivních webových stránek. Společně s architekturou Flux a dotazovacím jazykem GraphQL lze vytvářet extrémně výkonné a efektivní webové aplikace.
V tomto živém školení vedeném instruktorem se účastníci naučí, jak vytvářet aplikace React pomocí Flux a GraphQL. Kurz pokrývá instalaci, nastavení, integraci, testování, nasazení a osvědčené postupy a provede účastníky tvorbou řady vzorových aplikací, které demonstrují, jak přidat další úrovně složitosti a „cool“ do aplikace pomocí nejpokročilejších sad nástrojů a techniky.
Vývoj aplikací s React vyžaduje jiný druh myšlení ve srovnání s tím, na co jsou někteří vývojáři zvyklí, zvláště když vycházejí z myšlení jiných rámců MVC, jako jsou AngularJS a Bootstrap.
Toto školení pokrývá základy technologií používaných v každém kroku, takže účastníci jsou nejen schopni vytvořit funkční aplikaci, ale také pochopit, proč se používá konkrétní přístup. To pokládá základy pro samostatné a kreativní myšlení o designu a požadovaných výsledcích pro budoucí vytváření vlastních aplikací.
Formát kurzu
- Část přednáška, část diskuse, cvičení a těžké praktické cvičení
Návrh Školení
Úvod
- React vs Angular a další frameworky
Pochopení React
- JSX, komponenty a rekvizity, životní cyklus komponent atd. Správa stavu aplikace vs stav dat
Psaní React aplikací pomocí ES6
- Syntaxe a funkce ES6+, na které je třeba dávat pozor
Nastavení vývojového prostředí
Přehled Node.js
Instalace a konfigurace Node.js
Přehled Webpack a Babel
- Pochopení "transformace" (překlad JSX do JavaScript)
Instalace a konfigurace Webpacku
Instalace a konfigurace Babel
Instalace React a ReactDOM
Psaní své první React žádosti
Konfigurace WebPack pro sledování změn zdrojových souborů
Konfigurace npm jako Tool Runner
Rozšíření aplikace React o nové komponenty
Implementujte architekturu Flux a Redux do aplikace React
Pochopení Flux a Redux
- Bezstavové komponenty, akce, redukce, dispečeři, middleware, kontejnery atd.
Zabudování více pohledů do aplikace React
Instalace a konfigurace Redux
Vytvoření jednoduchého seznamu úkolů pomocí Flux/Redux (s rozhraním API pro simulované servery)
Integrace backendu s vaší aplikací React: GraphQL a Apollo
Přehled GraphQL
- Datové typy, schémata, struktura grafů a integrace s React omezením klidného směrování GraphQL vs SQL
Psaní GraphQL dotazu
Ověřování uživatelů
Integrace React routeru s GraphQL
Vytvoření jednoduchého blogu pomocí React a GraphQL
Testování vaší React aplikace
Zpracování React Aplikace se skripty příkazového řádku npm
Odstraňování problémů
Strukturování úložiště aplikací
Nejlepší postupy pro psaní React kódu
Nasazení vaší React aplikace
A Word o mobilních aplikacích s React Native
Shrnutí a závěr
Požadavky
- Zkušenosti s vývojem webových aplikací
- Zkušenosti s programováním v Javascriptu
- Znalost React
Publikum
- Vývojáři
Open Training Courses require 5+ participants.
Building Interactive Applications with React, Redux and GraphQL Počítačový Kurz - Booking
Building Interactive Applications with React, Redux and GraphQL Počítačový Kurz - Enquiry
Building Interactive Applications with React, Redux and GraphQL - Consultancy Enquiry
Consultancy Enquiry
Reference (2)
* The hands-on approach, which helped us understand the subject matter better. * The teacher's flexibility in covering topics that are relevant to our use cases.
Juan Rial - Cegeka NV
Kurz - Building Interactive Applications with React, Redux and GraphQL
Although I had a pretty good knowledge of the subject already, I found out a lot useful stuff during the course.
Stefan-Lucian Bucur - Cegeka NV
Kurz - Building Interactive Applications with React, Redux and GraphQL
Upcoming Courses
Související kurzy
Advanced React
14 hodinyToto živé školení vedené instruktorem v České republice (online nebo na místě) je zaměřeno na vývojáře, kteří chtějí vytvářet React komponenty a navrhovat složité aplikace.
Na konci tohoto školení budou účastníci schopni:
- Pochopte pokročilé koncepty Reactu, včetně kontextových API, HOC, externího stavu, asynchronních API atd.
- Vytvářejte sestavitelné komponenty s Reactem.
- Povolit ověřování na straně serveru a klienta.
- Implementujte knihovny React a Redux pro správu komplexních stavových aplikací.
- Omezte kód a optimalizujte výkon aplikace.
- Otestujte a nasaďte aplikaci.
Ant Design
7 hodinyToto živé školení vedené instruktorem v České republice (online nebo na místě) je zaměřeno na vývojáře, kteří chtějí použít Ant Design ke zlepšení uživatelské zkušenosti pro svou aplikaci React.
Na konci tohoto školení budou účastníci schopni implementovat komponenty React Ant Design k vývoji krásných webových aplikací podnikové třídy.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 hodinyToto živé školení vedené instruktorem (online nebo na místě) je zaměřeno na vývojáře, kteří chtějí používat zásobník FARM (FastAPI, React a MongoDB) k vytváření dynamických, vysoce výkonných a škálovatelných webových aplikací.
Na konci tohoto školení budou účastníci schopni:
- Nastavte potřebné vývojové prostředí, které integruje FastAPI, React a MongoDB. Pochopte klíčové koncepty, funkce a výhody FARM stacku. Naučte se vytvářet REST API pomocí FastAPI. Naučte se navrhovat interaktivní aplikace pomocí React. Vyvíjejte, testujte a nasazujte aplikace (front-end a back-end) pomocí FARM stacku.
GraphQL Basics
7 hodinyV tomto živém školení vedeném instruktorem v České republice se účastníci naučí základy GraphQL při vytváření jednoduchého API s GraphQL.
Na konci tohoto školení budou účastníci schopni:
- Pochopte, co je GraphQL a co ji odlišuje od REST.
- Porozumět termínům nejvyšší úrovně GraphQL.
- Nastavte kódovací prostředí GraphQL.
- Vytvářejte a vylepšujte GraphQL API.
Hasura GraphQL Engine
14 hodinyToto živé školení vedené instruktorem v České republice (online nebo na místě) je zaměřeno na správce databází a vývojáře, kteří chtějí používat Hasura k vytváření, přístupu a efektivní správě databází a aplikací pomocí GraphQL.
Na konci tohoto školení budou účastníci schopni:
- Nastavte potřebné vývojové prostředí pro zahájení vytváření databází pomocí Hasura.
- Vytvářejte, spouštějte a spravujte přístup k datům a dotazy na Hasura pomocí modelů GraphQL.
- Zabezpečte přístup k datům nastavením ověřování pomocí webových tokenů JSON a Firebase.
- Rozšiřte funkce databáze integrací obchodní logiky.
- Spravujte migrace databází a metadata efektivně na Hasura, abyste zabránili ztrátě dat.
Choosing the Right JavaScript Framework
14 hodinyToto živé školení vedené instruktorem v České republice (na místě nebo na dálku) je zaměřeno na vývojáře, kteří se potřebují rozhodnout, který Javaskriptový rámec použít k vývoji frontendových aplikací.
Na konci tohoto školení budou účastníci schopni:
- Nastavte optimální vývojové prostředí pro zahájení vývoje front-end aplikací.
- Implementujte ukázkové aplikace pro testování omezení a výhod JavaScript frameworku.
- Rozhodněte se, který Javaskriptový rámec je nejvhodnější.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 hodinyToto živé školení vedené instruktorem v České republice (online nebo na místě) je zaměřeno na začátečníky na úrovni .NET vývojáře, kteří chtějí získat odbornost v JavaScript, Node.js a React pro aktivní vývoj a migraci systémů/ platformy.
Na konci tohoto školení budou účastníci schopni:
- Psát a ladit JavaScript kód efektivně.
- Vytvářejte a nasazujte aplikace na straně serveru pomocí Node.js.
- Vyvíjejte dynamická a citlivá uživatelská rozhraní s React.
- Integrujte front-end a back-end komponenty a vytvořte full-stack aplikace.
- Pochopte osvědčené postupy pro migraci starších systémů na moderní platformy založené na JavaScript.
Testing React Apps with Jest
14 hodinyToto živé školení vedené instruktorem v České republice (na místě nebo na dálku) je zaměřeno na inženýry, kteří chtějí používat Jest k testování React aplikací a komponent.
Na konci tohoto školení budou účastníci schopni:
- Nainstalujte a nakonfigurujte správné testovací prostředí.
- Napište asynchronní testy pro React aplikace a komponenty.
- Spusťte pokročilé testy Jest, které zahrnují zesměšňování, špehování a útržky.
MERN Fullstack Development
14 hodinyToto živé školení vedené instruktorem v České republice (online nebo na místě) je zaměřeno na webové vývojáře, kteří chtějí používat MERN Stack pro fullstack vývoj.
Na konci tohoto školení budou účastníci schopni:
- Integrujte React s MongoDB, Express a Node.js.
- Sestavte si fullstack webovou aplikaci od začátku.
- Implementujte zabezpečení aplikací prostřednictvím autorizace a ověřování.
Building Micro Frontends with React
21 hodinyToto živé školení vedené instruktorem v České republice (online nebo na místě) je zaměřeno na vývojáře, kteří chtějí používat React k vývoji, testování a nasazování mikrofrontendů pro velké webové aplikace, díky čemuž jsou vysoce škálovatelné, technologické agnostické. a snadněji se udržuje.
Na konci tohoto školení budou účastníci schopni:
- Nastavte potřebné vývojové prostředí pro zahájení vývoje mikrofrontendů pomocí React.
- Pochopte architekturu, základní koncepty a výhody mikrofrontendů.
- Naučte se vytvářet, integrovat, testovat a nasazovat mikrofrontendy pomocí React.
- Implementujte mikrofrontendy s federací modulů.
- Aplikujte pracovní postup na úrovni produkce potrubí CI/CD.
- Znáte běžné problémy s CSS v mikrofrontendech a jak je opravit.
- Získejte přehled o tom, jak implementovat další rozhraní frontend pomocí React.
Next.js 14 Advanced Development
21 hodinyToto živé školení vedené instruktorem v České republice (online nebo na místě) je zaměřeno na středně pokročilé až pokročilé webové vývojáře a technické architekty, kteří chtějí prozkoumat pokroky Next.js 14 a získat znalosti pro vytváření řezání- okrajové webové aplikace.
Na konci tohoto školení budou účastníci schopni:
- Využijte plný potenciál Next.js 14 pro vytváření složitých aplikací.
- Využijte nejnovější funkce, jako je Middleware, React Server Components a Edge Functions.
- Implementujte osvědčené postupy pro výkon, škálovatelnost a SEO.
- Efektivně odstraňovat běžné problémy v aplikacích Next.js.
Next.js 14 - Advanced
21 hodinyToto živé školení vedené instruktorem v České republice (online nebo na místě) je zaměřeno na pokročilé vývojáře, kteří chtějí zvládnout nejnovější funkce v Next.js 14, optimalizovat výkon a implementovat moderní React techniky.
Na konci tohoto školení budou účastníci schopni:
- Implementujte pokročilé React háčky a souběžné funkce.
- Pochopte a efektivně využijte Next.js směrovací strategie.
- Využijte komponenty serveru, akce serveru a přístupy hybridního vykreslování.
- Optimalizujte načítání dat, ukládání do mezipaměti a přírůstkovou statickou regeneraci.
- Použijte Next.js jako backendové řešení s Edge Functions a Edge Runtime.
- Spravujte stav pomocí React Context, Redux a knihoven atomických stavů.
- Optimalizujte výkon aplikací pro Web Core Vitals.
- Testujte, monitorujte a nasazujte Next.js aplikace efektivně.
React with Next.js
14 hodinyToto živé školení vedené instruktorem v České republice (online nebo na místě) je zaměřeno na webové vývojáře, kteří chtějí používat Next.js k vytváření React aplikací.
Na konci tohoto školení budou účastníci schopni:
- Vyvíjejte webové aplikace a statické stránky na straně serveru v Next.js.
- Zpracovávejte a ukládejte data pomocí MongoDB.
- Zabezpečte webovou aplikaci pomocí ověřování AuthO.
React, Relay, and GraphQL
14 hodinyToto živé školení vedené instruktorem v České republice (na místě nebo na dálku) je zaměřeno na vývojáře, kteří chtějí používat GraphQL a Relay ke správě dat v React aplikacích.
Na konci tohoto školení budou účastníci schopni:
- Nastavte potřebné vývojové prostředí pro spuštění řízení dat pro React aplikace.
- Poskytujte okamžité interakce s uživatelským rozhraním.
- Agregujte data z více knihoven do jednoho pohodlného API.
- Předběžné načtení pomocí GraphQL a Relay.
Spring Boot, React, and Redux
14 hodinyToto živé školení vedené instruktorem v České republice (online nebo na místě) je zaměřeno na webové vývojáře, kteří chtějí vytvářet funkční front-end a back-end webové aplikace s Spring Boot, React, and Redux.
Na konci tohoto školení budou účastníci schopni:
- Sestavte front-endovou aplikaci pomocí React a Redux.
- Vytvořte RESTful API pomocí Spring Boot.
- Zabezpečte webové služby pomocí zabezpečení Spring a webových tokenů JWT.