Building Interactive Applications with React, Redux and GraphQL 교육 과정
React 는 빠르고 원활한 대화 형 웹 페이지를 작성하기위한 Java 스크립트 라이브러리입니다. Flux 아키텍처 및 GraphQL 쿼리 언어와 함께 매우 강력하고 효율적인 웹 응용 프로그램을 구축 할 수 있습니다.
이 강사가 진행하는 실제 교육에서 참가자는 Flux 및 GraphQL 사용하여 React 애플리케이션을 작성하는 방법을 GraphQL . 이 과정에서는 설치, 설정, 통합, 테스트, 배포 및 모범 사례에 대해 설명하며, 가장 진보 된 툴킷 및 응용 프로그램을 사용하여 응용 프로그램에 추가 수준의 복잡성과 "차가움"을 추가하는 방법을 보여주는 일련의 샘플 응용 프로그램을 작성합니다. 기법.
React 로 애플리케이션을 개발할 때, 특히 Angular JS ( Angular JS) 및 Bootstrap 과 같은 다른 MVC 프레임 워크의 사고 방식에서 벗어나면, 개발자가 익숙한 것과는 다른 생각이 필요합니다.
이 교육은 참가자가 기능적 응용 프로그램을 만들 수있을뿐만 아니라 특정 접근 방식이 사용되는 이유를 이해할 수 있도록 각 단계에서 사용 된 기술의 기본 요소를 다룹니다. 이것은 미래에 자신의 응용 프로그램을 구축하기위한 설계 및 원하는 결과에 대해 독립적으로 그리고 창조적으로 사고하기위한 토대가됩니다.
과정 형식
- 파트 강의, 파트 토론, 연습 및 무거운 실무 연습
Course Outline
소개
- React 대 Angular 및 기타 프레임워크
이해 React
- JSX, 컴포넌트 및 소품, 컴포넌트 라이프사이클 등
- 애플리케이션 상태와 데이터 상태 관리
ES6로 React 애플리케이션 작성
- 주의해야 할 구문 및 ES6+ 기능
개발 환경 설정
Node.js 개요
설치 및 구성 Node.js
Webpack 및 Babel 개요
- "변환" 이해(JSX를 Java스크립트로 변환)
Webpack 설치 및 구성
Babel 설치 및 구성
React 및 ReactDOM 설치
첫 번째 React 신청서 작성하기
소스 파일의 변경 사항을 감시하도록 WebPack 구성
npm을 도구 실행기로 구성
새로운 구성요소로 React 애플리케이션 확장
Flux 및 Redux 아키텍처를 React 애플리케이션에 구현
Flux 이해 및 Redux
- 상태 비저장 구성 요소, 작업, 리듀서, 디스패처, 미들웨어, 컨테이너 등
React 애플리케이션에 다중 뷰 구축
설치 및 구성 Redux
Flux/Redux를 사용하여 간단한 할 일 목록 만들기(모의 서버 API 사용)
백엔드를 React 애플리케이션: GraphQL 및 Apollo와 통합
GraphQL 개요
- 데이터 유형, 스키마, 그래프 구조 및 React와의 통합
- Restful 라우팅의 한계
- GraphQL 대 SQL
GraphQL 쿼리 작성
사용자 인증
React 라우터를 GraphQL과 통합
React와 GraphQL을 사용하여 간단한 블로그 구축
React 애플리케이션 테스트
npm 명령줄 스크립트를 사용하여 React 애플리케이션 처리
문제 해결
앱 저장소 구조화
코드 작성 모범 사례 React 코드
React 애플리케이션 배포
React 네이티브를 사용하는 모바일 애플리케이션의 A Word
요약 및 결론
Requirements
- 웹 애플리케이션 개발 경험
- 자바스크립트 프로그래밍 경험
- React에 대해 잘 알고 있음
청중
- 개발자
Open Training Courses require 5+ participants.
Building Interactive Applications with React, Redux and GraphQL 교육 과정 - Booking
Building Interactive Applications with React, Redux and GraphQL 교육 과정 - Enquiry
Building Interactive Applications with React, Redux and GraphQL - Consultancy Enquiry
Consultancy Enquiry
회원 평가 (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
Course - 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
Course - Building Interactive Applications with React, Redux and GraphQL
Upcoming Courses
Related Courses
Advanced React
14 Hours대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 React 구성 요소를 구축하고 복잡한 애플리케이션을 설계하려는 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- 컨텍스트 API, HOC, 외부 상태, 비동기 API 등을 포함한 React의 고급 개념을 이해합니다.
- React로 구성 가능한 구성요소를 빌드하세요.
- 서버 측 및 클라이언트 측 인증을 활성화합니다.
- 복잡한 상태 저장 애플리케이션을 관리하려면 React 및 Redux 라이브러리를 구현하세요.
- 코드를 줄이고 애플리케이션 성능을 최적화합니다.
- 애플리케이션을 테스트하고 배포합니다.
Ant Design
7 Hours대한민국(온라인 또는 현장)에서 진행되는 이 강사 주도 라이브 교육은 Ant Design를 사용하여 React 애플리케이션의 사용자 경험을 향상시키려는 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 Ant Design의 React 구성 요소를 구현하여 멋진 엔터프라이즈급 웹 애플리케이션을 개발할 수 있습니다.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 Hours이 강사가 진행하는 실시간 교육(온라인 또는 현장)은 FARM(FastAPI, React 및 MongoDB) 스택을 사용하여 확장 가능한 동적 고성능 웹 애플리케이션을 구축하려는 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- FastAPI, React 및 MongoDB를 통합하는 데 필요한 개발 환경을 설정합니다. FARM 스택의 주요 개념, 기능 및 이점을 이해합니다. FastAPI를 사용하여 REST API를 구축하는 방법을 알아보세요. React를 사용하여 대화형 애플리케이션을 디자인하는 방법을 알아보세요. FARM 스택을 사용하여 애플리케이션(프런트엔드 및 백엔드)을 개발, 테스트 및 배포합니다.
GraphQL Basics
7 Hours대한민국에서 강사가 진행하는 이 실시간 교육에서 참가자는 GraphQL을 사용하여 간단한 API를 만드는 과정을 거치면서 GraphQL의 기본 사항을 배웁니다.
이 교육을 마치면 참가자는 다음을 수행할 수 있습니다.
- GraphQL이 무엇이고 REST와 어떤 차이점이 있는지 알아보세요.
- 최상위 수준 GraphQL 용어를 이해합니다.
- GraphQL 코딩 환경을 설정하세요.
- GraphQL API를 빌드하고 개선하세요.
Hasura GraphQL Engine
14 Hours대한민국에서 강사가 진행하는 이 실시간 교육(온라인 또는 현장)은 GraphQL을 사용하여 Hasura를 효율적으로 구축, 액세스 및 관리하려는 데이터베이스 관리자 및 개발자를 대상으로 합니다.
이 교육을 마치면 참가자는 다음을 수행할 수 있습니다.
- Hasura를 사용하여 데이터베이스 구축을 시작하기 위해 필요한 개발 환경을 설정합니다.
- GraphQL 모델을 사용하여 Hasura에 대한 데이터 액세스 및 쿼리를 빌드, 실행, 관리합니다.
- JSON 웹 토큰과 Firebase을 사용하여 인증을 설정하여 데이터 액세스를 보호합니다.
- 비즈니스 로직을 통합하여 데이터베이스 기능을 확장합니다.
- Hasura 데이터 손실을 방지하기 위해 데이터베이스 마이그레이션 및 메타데이터를 효과적으로 관리합니다.
Choosing the Right JavaScript Framework
14 Hours이 강사가 진행하는 실시간 교육(현장 또는 원격)은 프런트 엔드 애플리케이션 개발에 사용할 Java스크립트 프레임워크를 결정해야 하는 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- 프론트엔드 애플리케이션 개발을 시작하기 위한 최적의 개발 환경을 설정합니다.
- Java스크립트 프레임워크의 제한 사항과 이점을 테스트하기 위해 데모 애플리케이션을 구현합니다.
- 어떤 Java스크립트 프레임워크가 가장 적합한지 결정하세요.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 Hours대한민국에서 강사가 진행하는 이 실시간 교육(온라인 또는 현장)은 JavaScript, Node.js 및 React에 능숙해지고 시스템/플랫폼을 적극적으로 개발하고 마이그레이션하려는 초보 수준의 .NET 개발자를 대상으로 합니다.
이 교육을 마치면 참가자는 다음을 수행할 수 있습니다.
- JavaScript 코드를 효과적으로 작성하고 디버깅하세요.
- Node.js을 사용하여 서버 측 애플리케이션을 빌드하고 배포합니다.
- React을 사용하여 동적이고 반응성이 뛰어난 사용자 인터페이스를 개발하세요.
- 프런트엔드와 백엔드 구성요소를 통합하여 풀스택 애플리케이션을 만듭니다.
- 레거시 시스템을 최신 JavaScript 기반 플랫폼으로 마이그레이션하기 위한 모범 사례를 이해합니다.
Testing React Apps with Jest
14 Hours대한민국(현장 또는 원격)에서 진행되는 이 강사가 진행하는 실시간 교육은 Jest를 사용하여 React 애플리케이션 및 구성 요소를 테스트하려는 엔지니어를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- 적절한 테스트 환경을 설치하고 구성합니다.
- React 앱 및 구성 요소에 대한 비동기 테스트를 작성합니다.
- 조롱, 스파이 및 스텁을 포함하는 Jest 고급 테스트를 실행하세요.
MERN Fullstack Development
14 Hours대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 풀스택 개발을 위해 MERN 스택을 사용하려는 웹 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- React을 MongoDB, Express 및 Node.js와 통합합니다.
- 풀스택 웹 애플리케이션을 처음부터 구축해 보세요.
- 권한 부여 및 인증을 통해 애플리케이션 보안을 구현합니다.
Building Micro Frontends with React
21 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 React을 사용하여 대규모 웹 애플리케이션용 마이크로 프런트엔드를 개발, 테스트 및 배포하여 확장성이 뛰어나고 기술에 구애받지 않는 개발자를 대상으로 합니다. , 유지 관리가 더 쉽습니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- React을 사용하여 마이크로 프런트엔드 개발을 시작하는 데 필요한 개발 환경을 설정합니다.
- 마이크로 프런트엔드의 아키텍처, 핵심 개념, 장점을 이해합니다.
- React을 사용하여 마이크로 프런트엔드를 구축, 통합, 테스트 및 배포하는 방법을 알아보세요.
- 모듈 페더레이션을 통해 마이크로 프런트엔드를 구현합니다.
- CI/CD 파이프라인 프로덕션 등급 워크플로를 적용합니다.
- 마이크로 프런트엔드의 CSS와 관련된 일반적인 문제와 해결 방법을 알아보세요.
- React을 사용하여 다른 프런트엔드 프레임워크를 구현하는 방법에 대한 통찰력을 얻으세요.
Next.js 14 Advanced Development
21 Hours대한민국(온라인 또는 현장)에서 진행되는 이 강사가 진행하는 라이브 교육은 Next.js 14의 발전을 탐색하고 커팅을 구축하기 위한 지식을 얻고자 하는 중급 및 고급 수준의 웹 개발자 및 기술 설계자를 대상으로 합니다. 엣지 웹 애플리케이션.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- 복잡한 애플리케이션을 구축하기 위해 Next.js 14의 잠재력을 최대한 활용하세요.
- 미들웨어, React 서버 구성요소, 엣지 기능 등 최신 기능을 활용하세요.
- 성능, 확장성 및 SEO에 대한 모범 사례를 구현합니다.
- Next.js 애플리케이션의 일반적인 문제를 효과적으로 해결하세요.
Next.js 14 - Advanced
21 Hours대한민국에서 강사가 진행하는 이 실시간 교육(온라인 또는 현장)은 Next.js 14의 최신 기능을 마스터하고 성능을 최적화하며 최신 React 기술을 구현하려는 고급 개발자를 대상으로 합니다.
이 교육을 마치면 참가자는 다음을 수행할 수 있습니다.
- 고급 React 후크 및 동시 기능을 구현합니다.
- Next.js 라우팅 전략을 효과적으로 이해하고 활용하세요.
- 서버 구성요소, 서버 액션 및 하이브리드 렌더링 방식을 활용합니다.
- 데이터 가져오기, 캐싱 및 증분적 정적 재생성을 최적화합니다.
- Edge Functions 및 Edge Runtime과 함께 백엔드 솔루션으로 Next.js을 사용하세요.
- React 컨텍스트, Redux 및 원자 상태 라이브러리를 사용하여 상태를 관리합니다.
- 웹 코어 바이탈을 위해 애플리케이션 성능을 최적화합니다.
- Next.js 애플리케이션을 효율적으로 테스트, 모니터링 및 배포합니다.
React with Next.js
14 Hours대한민국에서 진행되는 이 강사 주도 라이브 교육(온라인 또는 현장)은 Next.js를 사용하여 React 애플리케이션을 만들려는 웹 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- Next.js에서 서버 측 웹 애플리케이션과 정적 사이트를 개발하세요.
- MongoDB으로 데이터를 처리하고 저장합니다.
- AuthO 인증으로 웹 애플리케이션을 보호합니다.
React, Relay, and GraphQL
14 Hours대한민국(현장 또는 원격)에서 진행되는 이 강사가 진행하는 실시간 교육은 GraphQL 및 Relay를 사용하여 React 애플리케이션의 데이터를 관리하려는 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- React 애플리케이션의 데이터 제어를 시작하는 데 필요한 개발 환경을 설정합니다.
- 즉각적인 UI 응답 상호작용을 제공합니다.
- 여러 라이브러리의 데이터를 하나의 편리한 API로 집계합니다.
- GraphQL 및 Relay를 사용하여 프리페치합니다.
Spring Boot, React, and Redux
14 Hours대한민국에서 진행되는 이 실시간 교육(온라인 또는 현장)은 Spring Boot, React, and Redux을 사용하여 기능적인 프런트엔드 및 백엔드 웹 애플리케이션을 구축하려는 웹 개발자를 대상으로 합니다.
이 교육이 끝나면 참가자는 다음을 수행할 수 있습니다.
- React와 Redux를 사용하여 프런트엔드 애플리케이션을 구축하세요.
- Spring Boot을 사용하여 RESTful API를 만듭니다.
- Spring 보안과 JWT 웹 토큰을 사용하여 웹 서비스를 보호하세요.