(22 đánh giá)
Vua khóa học xin hân hạnh chia sẻ Khóa Học REACTJS – Xây dựng dự án Github clone với GraphQL, Apollo và Testing – 200Lab
Xin lưu ý: Nếu bạn có điều kiện, hãy mua khóa học gốc để ủng hộ tác giả và đội ngũ làm khóa học để họ có thể mang tới nhiều hơn những khóa học chất lượng nhé!
Tóm Tắt Khóa Học:
Khóa học "REACTJS – Xây dựng dự án Github clone với GraphQL, Apollo và Testing – 200Lab" sẽ giúp bạn nâng cao khả năng lập trình và tiếp cận những công nghệ mới nhất hiện nay, bao gồm Apollo, GraphQL và Cypress.
Khóa học cũng cung cấp cơ hội cải thiện tư duy lập trình và cung cấp sự am hiểu sâu sắc hơn về Kiểm thử - một yếu tố cần thiết khi ứng tuyển vào các công ty lớn. Hãy đăng ký ngay khóa học này để tăng cường kỹ năng lập trình và trở thành một nhà phát triển ReactJS dẫn đầu.
Với khóa học này, bạn sẽ học được:
Khóa học REACTJS 200Lab sẽ giúp bạn:
-
Hiểu rõ những kỹ thuật tối ưu React như useMemo, React.memo, React.lazy, Suspense.
-
Có kiến thức thực tiễn và sự am hiểu về GraphQL trên môi trường khách hàng bằng cách sử dụng Apollo.
-
Thấu hiểu cách sử dụng Kiểm thử để kiểm tra các dự án quy mô lớn.
-
Phát triển khả năng của bạn để có thể ứng tuyển vào các công ty với vị trí Trình độ Trung - Cao cấp của nhà phát triển React.
Đừng bỏ lỡ cơ hội đăng ký khóa học REACTJS 200Lab ngay bây giờ để trở thành một nhà phát triển React chuyên nghiệp!
Danh sách bài học:
Cảm ơn bạn vì đã chăm chỉ học tập. Vua khóa học xin chúc bạn học tập tốt và áp dụng hiệu quả những kiến thức đã học để tạo ra thêm nhiều giá trị cho bản thân, tổ chức, cộng đồng và xã hội nhé!TOPIC 1: Tiêu điểm ngôn ngữ Typediv và giới thiệu tổng quan ReactJSKiến thức cơ bản ngôn ngữ Typediv: Basic types (number, string, boolean, v.v), Function, Generic, Interface type.Uni-Directional Data Flow.State và cách quản lý State.Hook, useReducer và middleware giống Redux.TOPIC 2: Typediv và rendering trong ReactReactJS_Topic 2 : TypeScript và RenderingCách định type để thay thế cho propTypes.Làm việc với các type của HTML, DOM APIs.Install và cài đặt 1 vài thư viện hay dùng + type của nó.Lifecycle cho Functional Component vs Class Component.Hiểu về Virtual DOM.TOPIC 3: Lazy loading – code splitting – Memoization trong ReactJSGiới thiệu về React.lazy và Suspense.Code splitting theo page với react-router.Phân tích Bundle size.Giới thiệu về kỹ thuật memoization.React.memo và PureComponent.Sử dụng useMemo và useCallbak trong functional componentReactJS_Topic 3: lazy loadingTOPIC 4: Component design patternReactJS_Topic 4: Component design patternGiới thiệu về các component design pattern.Phân tích và ví dụ cho từng loại: props, renderProps, HOC.TOPIC 5: Tìm hiểu GraphQL và so sánh với REST APIGiới thiệu về GraphQL, các khái niệm quan trọng: Query, Fragment, Mutation, Subdivion.So sánh lợi hại với REST.Giới thiệu qua Apollo và cách query bằng Insomnia.ReactJS_Topic 5: Tìm hiểu GraphQL và so sánh với RESTTOPIC 6: Query và Lazy Query, React QueryQuery và Lazy QueryGiới thiệu cách query & lazy query.Cách sử dụng và trường hợp sử dụng của 2 phương pháp này.Refetch 1 query.Polling.React Query: Query cache, fetch data, stale time (Bonus).TOPIC 7: Xây dựng chức năng Repository của GithubSetup codebase.Sử dụng Codegen để generate types.Setup Apollo.Build 2 pages về Repositories cho 1 user bất kỳ bao gồm: 1 list Repositories, 1 detail page thể hiện thêm thông tin (Pull Requests, Stars, etc).Xây dựng Application 1TOPIC 8: Sử dụng ApolloLink như Middleware cho ứng dụngApolloLink như MiddlewareGiới thiệu về ApolloLink.Data Flow của 1 ApolloLinkXử lý Error trong ApolloLinkBonus: Mix REST API vào GraphQLTOPIC 9: InMemoryCache & xây dựng chức năng Paging, Filter & Pull RequetsCách Apollo quản lý cache.Setup introspection, typePolicies.Cách sử dụng fetchPolicy.Áp dụng cache vào trong application.Build hệ thống Pagination / filter cho Repository list + Pull Requests.Bonus: So sánh tương đồng với Redux Cache thông thườngInMemoryCacheTOPIC 10: Mutation và updating UIMutation và updating UIMutation trong GraphQL.Update UI.Optimistic Response.Refetch Queries.TOPIC 11: Testing PyramidSơ lược về testing pyramid.Unit test với jest.Integration test với jest.Testing PyramidTOPIC 12: Sử dụng Mutation để create / close Pull RequestApplication 3Sử dụng mutation để tạo Pull Request, Issue.Update 1 Pull Request.Star / Unstar 1 Repository.Close Pull Request.TOPIC 13: Unit test & Integration testUnit test & Integration testSetup Cypress.Giới thiệu Page Object Pattern.Mock và test Apollo.Setup jest / react-testing-library.Demo 1 vài cách test trong jest.800px Nextjs logo.svgBONUS TOPICS: Giới thiệu NextJSTìm hiểu NextJS .Cách thức Render website trong NextJS.Set up Routing website trong NextJS.Dynamic import.
