Udvikling i React - gratis kursus fra ThinkNetica, træning 9 uger, Dato 28. november 2023.
Miscellanea / / November 30, 2023
Fundament og økosystem
Du vil mestre de grundlæggende principper og principper i React, såvel som de mest populære løsninger i dets økosystem.
Detaljeret kodegennemgang
Mentorer vil tjekke hver af dine opgaver, lave en detaljeret kodegennemgang, give kodeanbefalinger og besvare spørgsmål.
Bedste praksis
Du vil forstå, hvordan og hvordan du ikke bruger React og andre biblioteker, forstå fordele og ulemper ved forskellige løsninger og lære at anvende bedste praksis og tilgange.
Fællesskab
At studere alene er svært og kedeligt, så du vil ikke være alene! Forum, chat, webinarer og en masse andre måder at få hjælp og støtte på, og bare kommunikere med ligesindede.
Projekt
Intensiv praksis vil give dig mulighed for at konsolidere den erhvervede viden på kort tid og implementere dit fuldgyldige projekt i React.
Lær i dit eget tempo
Du kan tage lektioner og udføre opgaver, når det passer dig og helt i dit eget tempo. Det vigtigste er at overholde den overordnede kursusdeadline.
1. Du har mindst 6 måneders erfaring med webudvikling i ethvert sprog/teknologi (frontend eller backend)
2. Godt kendskab til Javascript
3. Har forståelse for OOP, HTTP, DOM og browserdrift
4. Du ved, hvordan du arbejder med Git og GitHub
Systemprogrammør og Fullstack-udvikler siden 2009
Faglige interesser: JavaScript, React, Redux, DevOps, Microservices, High-load systemer.
Trænet React til over 100 udviklere
Styrer udviklingen af virksomheders CRM/ERP-systemer, reservationssystemer (stolica-banketov.ru, sanatorex.ru, pogostim.com) og interne systemer (backoffice, telefoni, cloud-systemer) og andre Produkter.
Deltog i udviklingen af projekter for Moskva-regeringen ( http://mosopenchallenge.ru/)
Styrede udviklingen af pogostim.com - vinder af konkurrencen "Årets bedste IT-projekt" ved den all-russiske konkurrence "Young Innovative Russia"
Medstifter af et spilstudie. Udvikling og support af populære sociale spil med et publikum på mere end 1 million spillere. Human.
1. Introduktion til React
En omfattende oversigt over React og dets økosystem. Lad os stifte bekendtskab med de grundlæggende begreber, grundlæggende principper, miljøkonfiguration, konceptet for en komponent og dens typer, JSX.
2. Måder at oprette en React-applikation
Lad os lære at oprette applikationer på forskellige måder og værktøjer (fra bunden ved hjælp af Webpack og Babel. JS / Create React App / Next. JS / Gatsby), med og uden Server-Side Rendering.
3. Styles i en React-applikation
Lad os lære, hvordan man indstiller stilarter til en React-applikation og administrerer dem ved hjælp af moderne værktøjer (PostCSS, styled-components, styled-jsx).
4. Komponentegenskaber og tilstand
Lad os undersøge begrebet egenskaber i komponenter. Lad os lære at overføre dem og udføre typekontrol. Lad os forstå konceptet og funktionerne ved at bruge tilstanden af en komponent (tilstand).
5. Stateful og Stateless komponenter
Lad os introducere begrebet en statsløs komponent og lære fordelene ved at bruge denne tilgang.
6. Komponent livscyklus
Lad os studere elementerne i komponentens livscyklus og lære at bruge dem i praksis.
7. Indbyggede og tilpassede kroge (React Hooks)
Lad os indsamle praksis for at bruge et nyt værktøj i React-biblioteket for at forbedre læsbarheden og genbrug i kode.
8. Test med Jest and React Testing Library
Mens vi udvikler applikationen, vil vi skrive test for vores komponenter ved hjælp af Jest og React Testing Library.
9. Interaktion med API
Vi vil udvikle en applikation, der vil interagere med eksterne API'er, modtage og sende data gennem API'en og vise dem på frontend.
10. Routing i applikationen (React Router), portaler (React Portals)
Lad os lære, hvordan man matcher url'en og gengiver den ønskede side uden at genindlæse, sådan som det skal fungere i en enkeltsideapplikation. Vi vil analysere komplekse sager, såsom behandling af indgående parametre, omdirigeringer, fejlsider, autoriseret adgang og modale vinduer ved hjælp af portaler
11. Begivenhedshåndtering
Lad os introducere begrebet syntetiske begivenheder i React-biblioteket. Lad os lære at behandle dem, implementere drag'n'drop og lære at arbejde med udklipsholderen.
12. Kontekst og godkendelse
Lad os se nærmere på den nye kontekstmekanisme i React-biblioteket. Lad os lære, hvordan man effektivt bruger det i en applikation. Lad os lære at arbejde med godkendelse, localStorage og cookies.
13. Måder at oprette formularer på
Vi vil lære nuancerne i at skabe enkle og komplekse formularer til en applikation ved hjælp af forskellige tilgange og værktøjer (uden tredjepartsværktøjer, React Hook Form, Formik)
14. Produktionsmontage og implementering
Workshop om organisering af projektets filstruktur, opsætning af miljøet og klargøring af montering og udrulning af applikationen med efterfølgende support.
Valgfri. Redux
Deklarative tilgange og middleware. Anvendelse af Redux ved hjælp af et projekt.