Login

OTP sent to

ReactJS

Home > Courses > ReactJS

ReactJS

Frontend

Duration
45 Hours

Course Description


             ReactJS is a JavaScript library, maintained by Meta (formerly Facebook) and a community of developers, used for building user interfaces (UIs). It focuses on creating interactive and dynamic web and mobile app UIs using a component-based approach. ReactJS is popular for single-page applications and is known for its performance and ability to handle large web apps with changing data without full page reloads. 

Course Outline For ReactJS

JavaScript

  • Basics of JavaScript.
  • JavaScript in depth.
  • Creating classes
  • Creating private/public/global fields
  • Creating private/public/global functions
  • Dynamic rendering with JavaScript

React

  • Introduction to React
  • Original DOM vs Virtual DOM
  • React Components
  • React Components with JSX
  • React Components with ES6
  • Props and state

Node

  • Basics of Node and Installation.
  • Introduction to Npm
  • Adding and removing modules

React with Node

  • Creating an application using Create React App.
  • Life Cycle
  • Debugging
  • Default values
  • SetState in depth
  • Creating Forms
  • Creating Table
  • Handling Events
  • Applying Filters
  • JSX in depth
  • Validations
  • Applying Styles
  • Backend calls
  • Stateful Components
  • Stateless Components
  • Local Storage
  • Routing
  • Basic Routing and Passing Params
  • Hyperlinks
  • Master Pages
  • Reconciliation
  • Creating Reusable Components
  • React.Component vs React.pure Component
  • Composition vs Inheritance
  • Code Reusability and Optimization
  • Fragments
  • Bundling
  • Deploying

Redux

  • One Store
  • Provider Component
  • Actions
  • Reducers
  • Redux application development

Introduction to TypeScript

  • Why Use TypeScript
  • Basic Types
  • Classes and Interfaces
  • Type Definitions
  • Compiling TypeScript

Environment Setup

  • Node / NPM
  • Polyfills
  • TypeScript
  • Module Loaders (Webpack)
  • Testing Frameworks
  • Angular CLI
  • Code Editors

Unit Testing

  • Tools for Unit testing
  • React Unit testing
  • JEST
  • React Component testing

Introduction to Django

·Installing Django

·Creating the first project in Django

·Difference between ASGI and WSGI Server

·Creating a Django app and Understanding files Module

Templates and Template Language

·Returning HTTP response from Django and understanding URLS 

·Understanding the namespace of URLs and request parameters in views 

·Creating Dynamic URLs in Django

·Class-based views vs. function-based views

·Django template language

·Template inheritance

·Adding CSS

·Mini project using the Django template engine

Django Models

·Installing Databases

·Connecting with different DB like mysql and postgres ,sqlite 

·Defining models and fields

·Parameters in Django fields

·Relationships between models 

·What is ORM and what benefits of using ORM 

·Creating a CRUD operation using Django shell 

·Create vs Save vs get _or_create 

·How to use faker to insert fake data 

·Master django query searching filtering lookups, ordering 

·Overwrite save update medhod 

·Slug field in django 

·Bulk create in django 

·Meta classes in Django model 

·Understanding Soft delete and Object Manager in Django

Building Forms

·Django HTML froms

·Django Model forms

·Adding validation on files in Django

·Project: Expense Tracker

Admin Interface and Django Middleware

·Django Admin overview

·Customizing the admin interface

·Security considerations

·Introduction to middleware

·Creating custom middleware

·Common use cases

09User Authentication

·Creating an authentication Project in Django 

·Protecting routes in Django 

·Overwrite Django user model

·Customizing the Django User model

Django Signals

·Introduction to signals 

·Aggregations

·Annotations

Project - OYO Clone

·Project setup

·Creating Authentication with Email Verification 

·Login with OTP in Django 

·Serving Media and Static Files

·Integrating the Flora editor

·Logic for hotel booking

Django Performance Optimization

·Understanding Database DB issue optimization

·Select related and prefetch related in Django 

·Caching strategies

·Profiling and benchmarking

Deployment and Scaling

·Environment configuration 

·Deploying on Ngnix, Gunicorn

·Load balancing

Enquire Now