Building Interactive Applications with React, Redux and GraphQL Träningskurs
React är ett Java skriptbibliotek för att bygga snabba och smidiga interaktiva webbsidor. Tillsammans med Flux-arkitekturen och GraphQL frågespråket kan extremt kraftfulla och effektiva webbapplikationer byggas.
I denna instruktörsledda, liveträning, kommer deltagarna att lära sig att bygga React applikationer med Flux och GraphQL . Kursen täcker installation, installation, integration, test, distribution och bästa praxis när den leder deltagarna genom skapandet av en serie provapplikationer som visar hur man lägger till ytterligare nivåer av komplexitet och "coolness" till en applikation med de mest avancerade verktygssatserna och tekniker.
Att utveckla applikationer med React kräver en annan typ av tänkande, jämfört med vad vissa utvecklare är vana vid, särskilt när de kommer från tankesättet till andra MVC-ramar som Angular JS och Bootstrap .
Denna utbildning täcker de grunder som ligger bakom teknologierna som används varje steg på vägen så att deltagarna inte bara kan bygga en funktionell applikation utan också förstår varför ett visst tillvägagångssätt används. Detta ger grunden för att tänka självständigt och kreativt om designen och de önskade resultaten för att bygga sina egna applikationer i framtiden.
Kursformat
- Delföreläsning, delvis diskussion, övningar och tung praktisk övning
Kursplan
Introduktion
- React mot Angular och andra ramar
Förståelse React
- JSX, komponenter och rekvisita, komponentlivscykeln, etc.
- Hantera applikationstillstånd kontra datatillstånd
Skriva React Ansökningar med ES6
- Syntax och ES6+-funktioner att se upp med
Att sätta upp utvecklingsmiljön
Översikt över Node.js
Installera och konfigurera Node.js
Översikt över Webpack och Babel
- Förstå "transformation" (översätta JSX till JavaScript)
Installera och konfigurera Webpack
Installera och konfigurera Babel
Installerar React och ReactDOM
Skriva din första React ansökan
Konfigurera WebPack för att se efter ändringar av källfiler
Konfigurera npm som en Tool Runner
Utöka applikationen React med nya komponenter
Implementera Flux och Redux arkitekturen i en React applikation
Förstå Flux och Redux
- Stateless Components, Actions, Reducers, Dispatchers, Middleware, Containers, etc.
Bygga in flera vyer i applikationen React
Installera och konfigurera Redux
Skapa en enkel att göra-lista med Flux/Redux (med mock server API)
Integrera en backend med din React applikation: GraphQL och Apollo
Översikt över GraphQL
- Datatyper, scheman, grafstruktur och integration med React
- Begränsningar för Restful Routing
- GraphQL mot SQL
Att skriva en GraphQL fråga
Autentisera användare
Integrera React router med GraphQL
Bygga en enkel blogg med React och GraphQL
Testar din React applikation
Bearbetar React Applikationer med npm kommandoradsskript
Felsökning
Strukturera appförrådet
Bästa metoder för att skriva React Kod
Distribuera din React applikation
A Word på mobilapplikationer med React Native
Sammanfattning och slutsats
Krav
- Erfarenhet av webbapplikationsutveckling
- Javascript-programmeringserfarenhet
- Bekantskap med React
Publik
- Utvecklare
Open Training Courses require 5+ participants.
Building Interactive Applications with React, Redux and GraphQL Träningskurs - Booking
Building Interactive Applications with React, Redux and GraphQL Träningskurs - Enquiry
Building Interactive Applications with React, Redux and GraphQL - Consultancy Enquiry
Vittnesmål (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
Kurs - 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
Kurs - Building Interactive Applications with React, Redux and GraphQL
Upcoming Courses
Relaterade Kurser
Hasura GraphQL Engine
14 timmarDenna instruktörsledda, liveutbildning i Sverige (online eller på plats) riktar sig till databasadministratörer och utvecklare som vill använda Hasura för att bygga, komma åt och hantera databaser och applikationer effektivt med GraphQL.
I slutet av denna utbildning kommer deltagarna att kunna:
- Ställ in den nödvändiga utvecklingsmiljön för att börja bygga databaser med Hasura.
- Bygg, kör, hantera dataåtkomst och frågor på Hasura med hjälp av GraphQL-modeller.
- Säker dataåtkomst genom att ställa in autentisering med JSON Web Tokens och Firebase.
- Utöka databasfunktioner genom att integrera affärslogik.
- Hantera databasmigreringar och metadata effektivt på Hasura för att förhindra dataförlust.
React with Next.js
14 timmarDenna instruktörsledda, liveutbildning i Sverige (online eller på plats) riktar sig till webbutvecklare som vill använda Next.js för att skapa React applikationer.
I slutet av denna utbildning kommer deltagarna att kunna:
- Utveckla webbprogram på serversidan och statiska webbplatser i Next.js.
- Hantera och lagra data med MongoDB.
- Skydda ett webbprogram med AuthO-autentisering.
Next.js 14 Advanced Development
21 timmarDenna instruktörsledda, liveutbildning i Sverige (online eller på plats) riktar sig till webbutvecklare och tekniska arkitekter på mellannivå till avancerad nivå som vill utforska framstegen i Next.js 14 och få kunskapen att bygga banbrytande webbapplikationer.
I slutet av denna utbildning kommer deltagarna att kunna:
- Utnyttja den fulla potentialen hos Next.js 14 för att skapa komplexa program.
- Använd de senaste funktionerna som mellanprogram, React serverkomponenter och gränsfunktioner.
- Implementera bästa praxis för prestanda, skalbarhet och SEO.
- Felsök vanliga problem i Next.js program på ett effektivt sätt.
Managing React State with MobX
14 timmarDenna instruktörsledda, liveutbildning i Sverige riktar sig till utvecklare som vill använda MobX i sina React applikationer för att mer effektivt hantera tillstånd.
I slutet av denna utbildning kommer deltagarna att kunna:
- Ställ in MobX i React.
- Förstå användningsfallen för MobX, jämfört med Redux (t.ex. MobX:s "klassiska paradigm" mot Reduxs "funktionella paradigm").
- Använd MobX som ett avancerat tillståndslager för React-applikationer.
Material UI
7 timmarDenna instruktörsledda, liveutbildning i (online eller på plats) riktar sig till utvecklare som vill använda Material UI för att påskynda utvecklingen av väldesignade användargränssnitt för React-applikationer.
I slutet av denna utbildning kommer deltagarna att kunna implementera Material UIs React-komponenter för att utveckla vackra webbapplikationer i företagsklass.
Ant Design
7 timmarDenna instruktörsledda, liveutbildning i Sverige (online eller på plats) riktar sig till utvecklare som vill använda Ant Design för att förbättra användarupplevelsen för sin React-applikation.
I slutet av denna utbildning kommer deltagarna att kunna implementera Ant Designs React-komponenter för att utveckla vackra webbapplikationer i företagsklass.
Spring Boot, React, and Redux
14 timmarDenna instruktörsledda, liveutbildning i Sverige (online eller på plats) riktar sig till webbutvecklare som vill bygga funktionella front-end och back-end webbapplikationer med Spring Boot, React, and Redux.
I slutet av denna utbildning kommer deltagarna att kunna:
- Bygg en front-end-applikation med React och Redux.
- Skapa RESTful API:er med Spring Boot.
- Säkra webbtjänster med Spring-säkerhet och JWT-webtokens.
GraphQL Basics
7 timmarI denna instruktörsledda, liveutbildning i Sverige kommer deltagarna att lära sig grunderna i GraphQL när de går igenom skapandet av ett enkelt API med GraphQL.
I slutet av denna utbildning kommer deltagarna att kunna:
- Förstå vad GraphQL är och vad som skiljer den från REST.
- Förstå termer på toppnivå GraphQL.
- Ställ in en GraphQL kodningsmiljö.
- Bygg och förbättra ett GraphQL API.
React, Relay, and GraphQL
14 timmarDenna instruktörsledda, liveutbildning i Sverige (på plats eller på distans) riktar sig till utvecklare som vill använda GraphQL och Relay för att hantera data på React applikationer.
I slutet av denna utbildning kommer deltagarna att kunna:
- Konfigurera den nödvändiga utvecklingsmiljön för att starta datakontroll för React applikationer.
- Leverera omedelbara UI-respons-interaktioner.
- Aggregera data från flera bibliotek till ett bekvämt API.
- Förhämta med GraphQL och Relay.
Advanced Node Application Development With GraphQL
21 timmarDenna instruktörsledda, liveutbildning i Sverige (online eller på plats) riktar sig till webbutvecklare som vill utveckla en avancerad nodapplikation med GraphQL.
I slutet av denna utbildning kommer deltagarna att kunna:
- Skapa mutationer för att göra det möjligt för klienter att manipulera data i databaser.
- Skripta en automatiserad testsvit för en nodapplikation.
- Använd scheman GraphQL för att definiera datainteraktion.
- Säkra nodapplikationsdata med ett autentiseringssystem.
React: Build Highly Interactive Web Applications
21 timmarI denna instruktörsledda, liveutbildning i Sverige visar vi Reacts kraft och flexibilitet, jämför den med alternativa ramverk och leder deltagarna steg-för-steg genom att skapa sin egen React-applikation.
I slutet av denna kurs kommer deltagarna att kunna:
- Förstå Reacts designfilosofi.
- Bestäm när och var det är vettigt att använda React, och när du ska tänka om den konventionella MVC-modellen.
- Förstå React begrepp som komponenter, rekvisita, tillstånd och livscykel.
- Implementera relaterade teknologier som Babel, Webpack och JSX.
- Bygg, testa och distribuera en interaktiv webbapplikation.
Relay: Efficiently Fetch Data in React Applications
14 timmarRelay är ett JavaScript-ramverk för att bygga datadrivna React applikationer. GraphQL är ett dataförfrågningsspråk för att beskriva komplexa, kapslade databeroenden i moderna applikationer. Tillsammans tillåter de att en applikations komponenter flyttas var som helst i en renderingshierarki utan att behöva tillämpa en kaskad av ändringar på överordnade komponenter eller på serverkoden som förbereder datanyttolasten. Relay används av Facebook i olika mobilappsprojekt.
I denna instruktörsledda, live-utbildning kommer deltagarna att lära sig hur man tillämpar viktiga reläkoncept som deklarativ specifikation av databeroende, samlokalisering och mutation för att bygga en React applikation med hjälp av Relay och GraphQL.
I slutet av denna utbildning kommer deltagarna att kunna:
- Använd Relay för att komponera datafrågor till effektiva batcher, förse varje komponent med exakt de data som den begärde, uppdatera komponenterna när data ändras och upprätthålla ett arkiv på klientsidan (cache) av all data. Samlokalisera frågor och vyns kod för att lättare resonera kring en komponentfunktionalitet Använd GraphQL för att deklarera datakrav samtidigt som Relay kan hämta data på egen hand. Förstå konceptet med att mutera data på klienten och servern med hjälp av GraphQL mutationer. skillnader mellan Relay och Flux, i synnerhet hur "mutationer" implementerar konceptet med åtgärder och modifieringar Använd rutter för att bestämma vilken data som ska hämtas för att rendera en given komponent Gör förändringar i relativ isolering, även i stora teamprojekt Skapa korrekta, högpresterande applikationer på ett rakt och självklart sätt
Publik
- Utvecklare
Kursens format
- Delföreläsning, deldiskussion, övningar och tung praktisk praktik
React, Redux and TypeScript
21 timmarReact är ett allmänt använt bibliotek för att skapa applikationer på en sida i Java Script och HTML . Det används av företag som Facebook , Instagram, Netflix eller New York Times.
Denna kurs kommer att introducera de grunder som React och andra bibliotek (som Angular och Vue.js ) bygger på och belyser Reacts särskilda React . Det kommer också att täcka tekniker som vanligtvis används med React , som Redux och React -Router.
I slutet av denna kurs kommer deltagarna att kunna bygga applikationer med olika komplexitet med React samtidigt som de följer bästa praxis.
React Patterns
14 timmarDen här instruktörsledda, liveträningen (på plats eller fjärrkontroll) riktar sig till utvecklare med React färdigheter som vill optimera och förbättra deras skapande av React applikationer genom att förstå och tillämpa React komponentmönster.
I slutet av denna träning kommer deltagarna att kunna:
- Förstå de olika typerna av React
- Använd React Context API för webbapplikationer
Kursformat
- Interaktiv föreläsning och diskussion.
- Massor av övningar och träning.
- Praktisk implementering i en levande labbmiljö.
Alternativ för kursanpassning
- För att begära en anpassad utbildning för denna kurs, vänligen kontakta oss för att ordna.
- För mer React om React , besök: https://reactjs.org
Testing React Apps with Jest
14 timmarDenna instruktörsledda, liveutbildning i Sverige (på plats eller på distans) riktar sig till ingenjörer som vill använda Jest för att testa React applikationer och komponenter.
I slutet av denna utbildning kommer deltagarna att kunna:
- Installera och konfigurera en korrekt testmiljö.
- Skriv asynkrona tester för React appar och komponenter.
- Kör Jest avancerade tester som inkluderar hån, spioner och stubbar.