1 / 66

Realtime and Job Oriented ReactJS Training in Marathahalli, Bangalore

SDLC training institute offering the ReactJS training in Marathahalli. Here providing the Limit the batch size so we can provide personal attention to everyone in the session, Real-time practice, Live projects, 24/7 interact access with faculties, Experienced and passionate trainers, After course engagement, We give topic-wise PPT, case studies, assignments and doubt solving, 100% job assistance, 24/7 support, Classroom training in Marathahalli and Corporate training in Marathahalli. We are offering other software courses like AngularJS, HTML, CSS, JavaScript, and Photoshop.<br><br>For more Information:<br>Visit: http://www.sdlctraining.info/training-marathahalli/reactjs-course-training-in-marathahalli/<br>Contact Us: 91–7760678612

SDLC
Download Presentation

Realtime and Job Oriented ReactJS Training in Marathahalli, Bangalore

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. SDLC Training ReactJS Training Institute in Bangalore Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  2. About Your Company SDLC Training is an IT training institute that offers tailor-made courses to students and corporates who intend to hone their IT Skills. Our training portfolio covers programs that span across the Software Development Life Cycle. We always keep ourselves abreast with the latest trends and technologies in the IT market. The training sessions are conducted by Industry Experts who have vast IT industry experience in their respective fields and are employed with CMMI Level 5 / Multinational companies. Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  3. ReactJS Course Training Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  4. ReactJS Course Training Getting Started • Introduction • What is React? • Real-World SPAs & React Web Apps • Adding the Right React Version to Codepen • Writing our First React Code • Why Should we Choose React? Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  5. ReactJS Course Training • React Alternatives • Understanding Single Page Applications and Multi Page Applications Refreshing Next Generation JavaScript (Optional) • Module Introduction • Understanding "let" and "const" • Arrow Functions Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  6. ReactJS Course Training • Exports and Imports • Understanding Classes • Classes, Properties and Methods • The Spread & Rest Operator • Destructuring • Reference and Primitive Types Refresher • Refreshing Array Functions Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  7. ReactJS Course Training • Understanding the Base Features & Syntax • Module Introduction • The Build Workflow • Using Create React App • Understanding the Folder Structure • Understanding Component Basics • Understanding JSX Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  8. ReactJS Course Training • JSX Restrictions • Creating a Functional Component • Components & JSX Cheat Sheet • Working with Components & Re-Using Them • Outputting Dynamic Content • Working with Props • Understanding the Children Property Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  9. ReactJS Course Training • Understanding & Using State • Props & State • Handling Events with Methods • To Which Events Can You Listen? • Manipulating the State • Functional (Stateless) vs class (Stateful) Components • Passing Method References Between Components Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  10. ReactJS Course Training • Adding Two Way Binding • Adding Styling with Stylesheets • Working with Inline Styles • Time to Practice - The Base Syntax Working with Lists and Conditionals • Module Introduction Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  11. ReactJS Course Training • Rendering Content Conditionally • Handling Dynamic Content "The JavaScript Way" • Outputting Lists (Intro) • Outputting Lists • Lists & State • Updating State Immutably • Lists & Keys Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  12. ReactJS Course Training • Flexible Lists Styling React Components & Elements • Module Introduction • Outlining the Problem Set • Setting Styles Dynamically • Setting Class Names Dynamically • Adding and Using Radium Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  13. ReactJS Course Training • Using Radium for Media Queries • Enabling & Using CSS Modules • More on CSS Modules • Adding Pseudo Selectors • Working with Media Queries Debugging React Apps • Module Introduction Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  14. ReactJS Course Training • Understanding Error Messages • Finding Logical Errors by using Dev Tools & Sourcemaps • Working with the React Developer Tools • Using Error Boundaries Diving Deeper into Components & React Internals • Module Introduction Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  15. ReactJS Course Training • A Better Project Structure • Splitting an App Into Components • Comparing Stateless and Stateful Components • Understanding the Component Lifecycle • Converting Stateless to Stateful Components • Component Creation Lifecycle in Action • componentWillUnmount() Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  16. ReactJS Course Training • Component Updating Lifecycle Hooks • Component Updating Lifecycle in Action • Updating Lifecycle Hooks (Triggered by State Changes) • Performance Gains with PureComponents • How React Updates the App & Component Tree • Understanding React's DOM Updating Strategy • Returning Adjacent Elements (React 16+) Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  17. ReactJS Course Training • React 16.2 Feature: Fragments • Understanding Higher Order Components (HOCs) • Windows Users Must Read - File Downloads • A Different Approach to HOCs • Passing Unknown Props • Using setState Correctly • Validating Props Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  18. ReactJS Course Training • Available PropTypes • Using References ("ref") • More on the Ref API (React 16.3) • The Context API (React 16.3) • Updated Lifecycle Hooks (React 16.3) A Real App: The Burger Builder (Basic Version) • Module Introduction Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  19. ReactJS Course Training • Planning an App in React - Core Steps • Planning our App - Layout and Component Tree • Planning the State • Setting up the Project • Creating a Layout Component • Starting Implementation of The Burger Builder Container • Adding a Dynamic Ingredient Component Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  20. ReactJS Course Training • Adding Prop Type Validation • Starting the Burger Component • Outputting Burger Ingredients Dynamically • Calculating the Ingredient Sum Dynamically • Adding the Build Control Component • Outputting Multiple Build Controls • Connecting State to Build Controls Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  21. ReactJS Course Training • Removing Ingredients Safely • Displaying and Updating the Burger Price • Adding the Order Button • Creating the Order Summary Modal • Showing & Hiding the Modal (with Animation!) • Implementing the Backdrop Component • Adding a Custom Button Component Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  22. ReactJS Course Training • Implementing the Button Component • Adding the Price to the Order Summary • Adding a Toolbar • Using a Logo in our Application • Adding Reusable Navigation Items • Creating a Responsive Sidedrawer • Working on Responsive Adjustments Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  23. ReactJS Course Training • More about Responsive Adjustments • Reusing the Backdrop • Adding a Sidedrawer Toggle Button • Adding a Hamburger Icon • Improving the App - Introduction • Prop Type Validation • Improving Performance Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  24. ReactJS Course Training • Using Component Lifecycle Methods • Changing the Folder Structure Reaching out to the Web (Http / Ajax) • Module Introduction • Understanding Http Requests in React • Understanding our Project and Introducing Axios • Creating a Http Request to GET Data Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  25. ReactJS Course Training • Rendering Fetched Data to the Screen • Transforming Data • Making a Post Selectable • Fetching Data on Update (without Creating Infinite Loops) • POSTing Data to the Server • Sending a DELETE Request • Fixing a Bug Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  26. ReactJS Course Training • Handling Errors Locally • Adding Interceptors to Execute Code Globally • Removing Interceptors • Setting a Default Global Configuration for Axios • Creating and Using Axios Instances Burger Builder Project: Accessing a Server • Module Introduction Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  27. ReactJS Course Training • Firebase & The Right Database • Creating the Firebase Project • Creating the Axios Instance • Sending a POST Request • Displaying a Spinner while Sending a Request • Handling Errors • Retrieving Data from the Backend Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  28. ReactJS Course Training • Removing Old Interceptors Multi-Page-Feeling in a Single-Page-App: Routing • Module Introduction • Routing and SPAs • Setting Up Links • Setting Up the Router Package Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  29. ReactJS Course Training • react-router vs react-router-dom • Preparing the Project For Routing • Setting Up and Rendering Routes • Rendering Components for Routes • Switching Between Pages • Using Links to Switch Pages • Using Routing-Related Props Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  30. ReactJS Course Training • The "withRouter" HOC & Route Props • Absolute vs Relative Paths • Absolute vs Relative Paths (Article) • Styling the Active Route • Passing Route Parameters • Extracting Route Parameters • Parsing Query Parameters & the Fragment Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  31. ReactJS Course Training • Using Switch to Load a Single Route • Navigating Programmatically • Additional Information Regarding Active Links • Understanding Nested Routes • Creating Dynamic Nested Routes • Redirecting Requests • Conditional Redirects Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  32. ReactJS Course Training • Using the History Prop to Redirect (Replace) • Working with Guards • Handling the 404 Case (Unknown Routes) • Loading Routes Lazily • Routing and Server Deployment • Time to Practice - Routing Adding Routing to our Burger Project • Module Introduction Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  33. ReactJS Course Training • Building the Checkout Container • Setting Up Routing & Routes • Navigating to the Checkout Page • Navigating Back & To Next Page • Passing Ingredients via Query Params • Navigating to the Contact Data Component • Order Submission & Passing Data Between Pages Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  34. ReactJS Course Training • Adding an Orders Page • Implementing Navigation Links • Fetching Orders • Outputting the Orders Forms and Form Validation • Module Introduction Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  35. ReactJS Course Training • Analyzing the App • Creating a Custom Dynamic Input Component • Setting Up a JS Config for the Form • Dynamically Create Inputs based on JS Config • Adding a Dropdown Component • Handling User Input • Handling Form Submission Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  36. ReactJS Course Training • Adding Custom Form Validation • Fixing a Common Validation Gotcha • Adding Validation Feedback • Improving Visual Feedback • Showing Error Messages • Handling Overall Form Validity • Working on an Error Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  37. ReactJS Course Training • Fixing a Bug Redux • Module Introduction • Understanding State • The Complexity of Managing State • Understanding the Redux Flow Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  38. ReactJS Course Training • Setting Up Reducer and Store • Dispatching Actions • Adding Subscriptions • Connecting React to Redux • Connecting the Store to React • Dispatching Actions from within the Component • Time to Practice - Dispatching Actions Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  39. ReactJS Course Training • Passing and Retrieving Data with Action • Switch-Case in the Reducer • Updating State Immutably • Updating Arrays Immutably • Immutable Update Patterns • Outsourcing Action Types • Combining Multiple Reducers Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  40. ReactJS Course Training • Understanding State Types • Time to Practice - Redux Basics • Combining Local UI State and Redux Adding Redux to our Project • Module Introduction • Installing Redux and React Redux • Basic Redux Setup Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  41. ReactJS Course Training • Finishing the Reducer for Ingredients • Connecting the Burger Builder Container to our Store • Working on the Total Price Calculation • Redux & UI State • Adjusting Checkout and Contact Data Redux Advanced • Module Introduction Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  42. ReactJS Course Training • Adding Middleware • Using the Redux Devtools • Executing Asynchronous Code - Introduction • Introducing Action Creators • Action Creators & Async Code • Handling Asynchronous Code • Restructuring Actions Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  43. ReactJS Course Training • Where to Put Data Transforming Logic? • Using Action Creators and Get State • Using Utility Functions • A Leaner Switch Case Statement • An Alternative Folder Structure • Diving Much Deeper Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  44. ReactJS Course Training Redux Advanced: Burger Project • Module Introduction • Installing the Redux Devtools • Preparing the Folder Structure • Creating Action Creators • Executing Asynchronous Code • Fetching Ingredients Asynchronously Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  45. ReactJS Course Training • Initializing Ingredients in the BurgerBuilder • Changing the Order of our Ingredients Manually • Adding Order Actions • Connecting Contact Data Container & Actions • The Order Reducer • Working on Order Actions • Redirect to Improve UX Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  46. ReactJS Course Training • Combining Reducers • Handling Purchases & Updating the UI • Resetting the Price after Purchases • Fetching Orders (via Redux) • Checking our Implemented Functionalities • Refactoring Reducers • Refactoring Reducers Continued Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  47. ReactJS Course Training Adding Authentication to our Burger Project • Module Introduction • Understanding Authentication in Single Page Applications • Required App Adjustments • Adding an Auth Form • Adding Actions • Getting a Token from the Backend Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  48. ReactJS Course Training • Adding Sign-In • Storing the Token • Adding a Spinner • Logging Users Out • Accessing Protected Resources • Updating the UI Depending on Auth State • Adding a Logout Link Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  49. ReactJS Course Training • Forwarding Unauthenticated Users • Redirecting the User to the Checkout Page • Persistent Auth State with localStorage • Fixing Connect + Routing Errors • Ensuring App Security • Guarding Routes • Displaying User Specific Orders Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

  50. ReactJS Course Training • Improving our Burger Project • Module Introduction • Fixing the Redirect to the Frontpage • Using updateObject in the Entire App • Sharing the Validation Method • Using Environment Variables • Removing console.log()s Call Us: +91-77606 78612 Email Us: info@sdlctraining.in

More Related