1 / 8

Mastering React with Redux-converted

In this ReactJS Certification Training course, you will learn each and every topic with the help of hands-on labs. This program includes a hands-on live project with the implementation of recommended design patterns and practices.

GauravSingha
Download Presentation

Mastering React with Redux-converted

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Mastering React withRedux • About theCourse • The Mastering React with Redux course is primarily designed for UI Developer(s)/Web Developer(s) who want to learn how to develop high performance, event-driven, real-time and scalableapplications. • In this course, you will learn the JavaScript, ES6, React, React Router, Redux, Middleware, and Gulp fundamental like objects, classes, functions, components, routing, State and Lifecycle, JSX, Forms, data flow, actions and muchmore. • Course objective • At the completion of this course, attendees will be ableto; • Describe JavaScript and ES6 concepts like objects, classes, arrowfunction. • Explore React basic and advanced in-depthconcepts • Create components, routing and forms validationsetc. • Explore Redux basic and advanced in-depthconcepts • Create REST Services usingExpress • Consume RESTAPI • Secure application based on userroles • Scale SPA for Phone, Tablets, Laptop & Desktop usingBootstrap • Use JS Task runner likeGulp. • Publish their App on cloud serverHeroku. • Who can do thiscourse? • All professionals who are keen to develop high performance web applications should go for thiscourse. • Pre-requisites • Anyone who wants to learn React with Redux should have a basic knowledge ofprogramming. • Software/Tools • Visual Studio Code, Node.js, ReactCLI Page1

  2. CourseCurriculum • Module1 • JavaScript andES6 • UnderstandingJavaScript • UnderstandingES6 • JavaScript Data Types – Primitive & Non-Primitive • Naming avariable • NumberMathematics • var, let andconst • Usingvar • Usinglet • Usingconst • Functions and ArrowFunction • Different types of Functions • Named Function • Anonymous Function • Arrow Function • Anonymous Function vs. ArrowFunction • Objects and ConstructorFunction • CreatingObject • LiteralObject • Primitive types asObjects • Constructor Function • Class andMethods • ES6 Class • Class Members • TemplatedString • Module2 • Introduction toReact • Introduction toReact • Why React? • Advantages ofReact • React DevelopmentStyle • Setting UpEnvironment • InstallingNode.js • Installing Visual Studio and Visual StudioCode • Useful VS Extensions for ReactDevelopment • Useful VS Code Extensions for AngularDevelopment Page2

  3. Get Started withReact • Setting up the ReactApp • Running the ReactApp • React InitializationProcess • React VirtualDOM • ReactEcosystem • React versus otherframeworks • JSX • Introduction to JSX • JSX forcomponents • Attributes • Expressions • React withoutJSX • Module3 • ReactComponents • Render Elements • UnderstandingComponent • Creating a Component • Types ofComponents • Functional Components • Class Components • Advanced ReactComponents • ComponentLife-Cycle • VirtualDOM • Composition • Communication betweenComponents • Reusable Components • Module4 • Data Flow • Introduction to One Way Data Flow inReact • Props andState • Passing Data to ChildComponent • Handling State ofComponent • Event andActions • Events inReact • Data Binding • Events andActions • HandlingEvents • Communication Among Components Page3

  4. Module5 • Redux • Introduction to Redux • Redux vs. Flux • Redux Flow Overview • Redux Setup • ReduxFlow • Actions • Reducers and RootReducers • Store • Dispatch Actions • Actioncreators • Async Actions and ActionFlow • Async ActionCreators • Async Flow • Promises • Module6 • Routing using ReactRouter • UnderstandingRouting • Introduction to React Router • DefiningRoutes • Routes Handling • Handling RouteParameters • Nested Routes • React Forms andControls • Introduction to ReactForms • CreatingForms • FormsValidations • CustomValidations • Module 7 • Introduction toNode • UnderstandingNode.js • Uses ofNode.js • Creating Node.js App • HTTP • Building a WebServer • HTTP Request Methods,Headers • Response Codes andHeaders Page4

  5. ExpressFramework • UnderstandingExpress • InstallingExpress • Creating and Running Express App • REST API withExpress • Introduction toREST • Creating REST API usingExpress • Introduction toPostman • Testing REST API using Postman RESTClient • REST API andAxios • Introduction toAxios • Using Axios withReact • Consuming REST API using Axios inReact • Performing CRUDoperations • Module8 • UnitTesting • Introduction to Unit Testing • React Unit Testingsetup • React Unit Testingframeworks • Unit Testing withTestUtils • Testing ReactComponents • TestingComponents • Testing DOMManipulations • Testing Properties andState • SimulatingEvents • Module 9(Project) • Discussing Project Architecture • Understanding ApplicationArchitecture • Discussing Application EntitiesProperties • Discussing Relationship among Application Entities • Developing ApplicationArchitecture • Creating Server building blocks • Creating Client-Side buildingblocks • Designing DB and RESTService • DesigningDatabase • Developing RESTAPI • Developing Frontend usingReact • Defining Modules – User,Admin Page5

  6. DefiningRouting • Developing User Login and SignupPage • Developing User and AdminDashboard • Module 10(Project) • Security • Implementing Token basedAuthentication • Managing Usersession • Implementing Authorization • RouteProtection • Protecting a Route from UnauthorizedAccess • Need of RouteProtection • Category and ProductListing • Category CRUDOperations • Product CRUD Operations • ShoppingCart • Creating ShoppingCart • Adding Products to ShoppingCart • Removing Products from ShoppingCart • Module 11(Project) • Gulp - JavaScript Task Runner • UnderstandingGulp • Using Gulp to buildapp • CloudDeployment • Deploying usingGitHub • React HostingOptions • Hosting React App on cloud serverHeroku ProjectDetails Description You will learn how to develop an online book store site. The site will show the list of products to User/Customer. A user cansearchandpurchasebooks.Hecanseethepreviousorderhistory.Here,adminwillberesponsibleformanagingbooks and their categories. TheapplicationwilluseReactrecommendedarchitecturewithextensibleapproach.Wewouldbeusingpaymentgateway to do online payment and finally publishingit. Page6

  7. ProjectArchitecture The primary goal of this architecture is to share as much code as possible across the web application and further reuse existing code for mobile apps development ifnecessary. This architecture will help you to develop SPA with the recommended design patterns andpractices. • What you will learn throughproject? • Creating shopping cart usingReact. • Integrating paymentgateway. • Validating data at client side and serverside. • Using Node's Package Manager – NPM. • Scaling web app for Phone, Tablets, and Laptop &Desktop. • Securing you application based on userroles. • Using JS Task runner likeGulp. • Deploying your app onGithub. • Publishing your app on cloudserver. • ContactUs • For more information about the course, visit:www.dotnettricks.com/training/masters-program/react-redux • Feel free to call us at +91 9999 123 502 or email us atinfo@dotnettricks.com Page7

More Related