Udemy-ReactDevelopmentBootcampBuild40End-To-EndProjects2022-3

Announcements
1 Introduction To the Course
2 Course Outline Video
3 Udemy course feedback

1 Intro To The Project
2 Getting Started With React
3 eShop Header
4 eShop Home Page
5 React Prop
6 React Routing
7 eShop Checkout Page
8 React Context API
9 Add To Basket
10 Remove From Basket
11 Authentication Using Firebase
12 Deploying The App

1 Intro To The Project
2 Getting Started
3 React Chat Engine
4 Components
5 Chat Feed
6 My Message Component
7 Their Message Component
8 Render Read Receipts
9 Message Form
10 Login Form
11 Finishing Up The Project

1 Introduction to The Project
2 Getting Started
3 OMDb API
4 Movie List
5 MovieListHeading and Searchbox
6 Implementing Search Feature
7 Add To Favourite
8 Remove From Favourites
9 Local Storage
10 Finishing Up The Project

1 Intro To The Project
2 Getting Started
3 React Material UI
4 Youtube API
5 SearchBar Component
6 React State Hooks
7 VideoDetail Component
8 VideoList Component
9 VideoItem Component
10 Finishing Up

1 Intro To The Project
2 Getting Started With React
3 Header Component
4 CreateArea Component
5 Add Note
6 Add Note Continuation
7 CreateArea CSS
8 Note Component
9 Deleting Note
10 Footer Component
11 Completing CSS
12 Finishing Up

1 Intro To The Project
2 Getting Started
3 userSlicejs
4 storejs _ indexjs
5 Homepage Component
6 Navbar Component
7 Finishing Navbar
8 Gnews API
9 Blogs Component
10 Finishing Up The Project

1 Intro To The Project
2 Getting Started
3 Authentication and Security
4 Database Encryption
5 Environment Variables
6 Hashing
7 Salting and Hashing
8 Cookies
9 Sessions
10 Google OAuth

1 Intro To The Project
2 Getting Started
3 Dependencies and Components
4 React Router DOM
5 Props and Home Component
6 Navbar Component
7 About Component
8 Destructuring Assignment
9 Finishing Component
10 Finishing Up The Project

1 App Introduction
2 Creating React App
3 House Keeping
4 Hello World
5 Context part1
6 v
7 Homepage
8 About Page
9 Validation of Form
10 Contact Form Part 1
11 Contact Form Part 2
12 Contact Form Part 3
13 User Component Part 1
14 User Component Part 2
15 Creating User Component Part 1
16 User Component Part 2
17 Error Page
18 Necessary Imports
19 Navabar
20 Final Fix

1 App Intro
2 CRA
3 First Run
4 House Keeping
5 Fonts
6 Creating Context
7 How to use Create Context
8 Creating Theme Context
9 Content Context
10 Creating Components
11 Next Part
12 Creacting BookList
13 Creating Book
14 Final Fix
15 Deployment

1 App Intro
2 CRA
3 First Run
4 Extensions For React
5 Creating Components
6 Components Part 2
7 Adding Components Part 3
8 Adding Redux
9 Creating Store
10 Making Store Available
11 Adding Store Part 2
12 Connecting
13 Creating Search Component
14 Creating NoteItem
15 App Completion

1 App Introduction
2 CRA
3 Folder Structure
4 Extensions
5 Creating Components
6 Creating Contact List
7 Creating Contact Form
8 Styles
9 Styles 2

1 App Introduction
2 Creating React Application
3 First Run
4 Extensions For React
5 Creating Components
6 Making Required Components
7 Creating App
8 Creating A Component
9 Cart item
10 Add Basket
11 Remove Item
12 Final Touch

1 App Intro
2 CRA
3 First Run
4 Extensions
5 Creating State
6 6Creating State 2
7 Adding Methods
8 Defining Methods
9 Completing Booking
10 Creating Billing
11 Creating Methods in Billing
12 Billing
13 Billing part 2
14 DateSelector
15 RoomDetails
16 Adding Dynamics to RoomDetails

1 App Intro
2 reate React Application
3 First Run
4 Extensions
5 Using useState
6 Creating Structure
7 Creating Structure Part 2
8 Creating Constants
9 Creating Methods
10 Methods Part 2
11 Creating Methods Final Part
12 Final Fix

1 App Intro
2 CRA
3 Configuring Application
4 Index
5 Creating App
6 Creating Reducer
7 Actions Creators
8 Using connect
9 MapStatetoProps
10 Creating Components Part 1
11 Creating Components Part 3
12 Creating Component Part 3
13 Connecting Components

1 App Intro
2 CRA
3 Extensions
4 Creating Components
5 Creating Methods
6 Creating Methods Part 2
7 adding Player
8 Creating Counter
9 Creating Stats
10 Creating StopWatch
11 Final Component

1 App Intro
2 CRA
3 Extensions
4 Creating Components
5 Configuring Components
6 Creating Structure
7 Creating Structure Part 2
8 Creating Generator
9 Finishing MetaAtgs
10 Finishing MetaAtgs

1 Introduction To The Project
2 Project Installation And Setup
3 Applying React Router Trim
4 Creating Styling The Nav Bar Trim
5 Finishing Up The Nav bar Trim
6 Creating the Homepage and Footer Trim
7 Menu Page And Mapping The Data
8 About _ Contact Page Finishing Up The Project

1 Introduction To The Project
2 Generating the API Key
3 Creating the Search Component
4 Search Component Continuation
5 Creating Weather Card
6 Styling The Weather Card
7 The useEffect Hook
8 Promises Async Await Try and Catch
9 Configuring the API Endpoint
10 Grabbing The Data From API
11 Fetching Data To The UI
12 Making The Icons Dynamic And Finishing Up The Project

1 Introduction To The Project
2 Generationg API ID _ Key
3 React Project Installation
4 Creating the Basic Structure
5 Styling The Input And Search Field
6 Calling the API Through Endpoint
7 Implementing Custom Search
8 The Category Dropdown
9 Mapping The Data From The API
10 The RecipeTile Component
11 Adding RegEx To Filter Images
12 Hosting The Website on Firebase

1 Introduction To The Poject
2 Project Setup And Installation
3 rCreating The Navbar
4 Styling The Navbar
5 Creating The Context
6 Creating CartContainer
7 Creating CartItem Component
8 The useReducer Hook
9 Implementing The useReducer
10 Clear Cart
11 Adding And Removing Items From Cart
12 Creating The Actions In Reducer
13 Dispatch And Actions Final

1 ntroduction To The Project
2 Initialising The Project
3 Styling The Title
4 Creating The Category Component
5 The Menu Component
6 Styling The Menu Component
7 Working On The Category Component
8 Passing And Mapping Data To Menu Component
9 Redering The Data In The App Component
10 Hosting Application On Firebase

1 Introduction To The Project
2 creating Navbar
3 Linking Components To Navbar
4 Creating The Context
5 The API We Are Going To Use
6 Setting Up Global Context
7 Fetching Data From Try And Catch
8 Creating Global Context
9 Creating Search Component
10 LoaderCocktailsCocktailList Components
11 SingleCocktail Component

1 Introduction To The Project
2 Setting Up The Projec
3 Using Material UI and Navbar
4 Dark Mode Feature
5 The Search Component
6 Posting The Review Component
7 Adding JS To The AddNote
8 Creating The ReviewNote Component
9 Creating The Review List NoteList
10 Configuring The App js
11 Finishing Up The Project

1 Introduction To The Projec
2 Setting Up The Project
3 Creating The Button Component
4 Styling The Button
5 SetPomodoro Component
6 Configuring The SetPomodoro
7 CountDown Animation Component
8 Creating The GlobalContext
9 Configuring The Global Context
10 Configuring The App js
11 Finishing Up the Project with App Js

1 Introduction To The Project
2 Setting Up The Project
3 Installing Tailwind And Craco
4 Creating The Navbar
5 Creating The Search Component
6 Completing The Search And Creating Links
7 Creating Loading And Footer Component
8 Creating The Global Context
9 Creating The Results Component Structure
10 Distributing Data According To Search Field
11 Setting Up The Routes And App Js

1 Introduction to Tic tac Toe game Project
2 Environment Setup for the project
3 Getting started with React Component and Understanding Folder Structure
4 Itroductio to react props and passing function to componnennts
5 Rendering our player using useState Hooks
6 Toggle between player_s X and O using useEffect hooks
7 Giving action to the restart button
8 Making codition for a tie match
9 Addig soud effect to our project

1 Introduction to Word Counter using React js
2 What we are going to make
3 Getting started with our user Interface for word counte
4 Completing our counter letters and words
5 Completing with our buttons

1 Introduction to currency converter
2 What we are going to make
3 Get started with our project user Interface
4 Our final result with convert api

1 Introduction to the project
2 Let_s see what we are goig to make ad how it work
3 Understanding the speech recognition logic and passing commands
4 Rederig HTML elements inside browser and applying CSS

1 Introduction to calculator presentation
2 Getting started with the html
3 Handling the buttons with click
4 Making our delete button functional
5 Error Handling and the Equal button

1 Introduct to the Budget App using react js with presentation
2 Getting started with initialisation of our react application
3 rendering our header for budget app
4 Making Budget Card component
5 Completing Budget Card Header
6 Completing Budget Card component
7 Completing Budget Card component
8 Calling the functions for budget card funtionality
9 Completing addBudget and addExpenses function
10 Learn how to use Local Storage
11 Handling Budget Modal
12 Maping through budgets
13 Add expenses modal and Uncategorized section
14 Completing the application

1 Introduction to Schedule Application using react JS
2 Getting startded with ur project
3 Installing Bootstrap using terminal
4 Redirectig to authorization
5 Creating Server for our application
6 Modifying the server
7 Managig the Authetication of user
8 Completing authorisation
9 Making the song component
10 Concluding the project

1 Introduction to our project Calender App using React Js
2 Getting Started With Project Initialisation
3 Lets Make the application more handy
4 Binding more additional fields and restricting user
5 Customizing Views
6 Let_s make a proper css view now
7 Learining about some new components
8 Initializing second half modules
9 Handling Event for the calender
10 Cocluding our application

1 Introduction to Dictionary App Using React Js
2 Getting started with our project Initialisation
3 Learn about hooks in react
4 Finishing with css in component
5 Working with functional components and U
6 Rendering Definition component
7 Styling Definition Component
8 Completing Definition Component

1 Introduction to Youtube Clone
2 Gettig started with our projec
3 Initialising and learning Ap
4 Setting sate for using hooks
5 Fetching api data to log and render
6 Arranging Video Components
7 Concluding with our project

1 Introduction to Candy Crush app using react js
2 Gettig started with our project iitialization
3 Iitializig array of colors i our project
4 Arragig array with colors ad imags
5 Gettig the drag ad drop evet
6 Puttig Images istead of colors
7 Cocludig with the game

1 The introduction to the project
2 Setting up the react project and environment
3 Setting up the components
4 introduction to Hooks and useState hook
5 Getting started with the axios asynchronous Javscript
6 Using useState to render data from the API and showing on the main page
7 The designing of the whole application Part 1
8 The designing of the whole application Part 2

1 introduction to the project
2 Getting started with the project and creating the development enviornment
3 Setting up the three main components for the project
4 creation of the main body part 1
5 setting up the functionality using useState andcreation of the main body part
6 working with the functionality using useEffect and creation of the main body p
7 Complete functionality of the project
8 Designing the whole application part 1
9 Designing the whole application part 2
10 Designing the whole application part 2

1 Introduction to the project
2 Getting started with the project and setting the development enviornment
3 Designing the components part 1
4 Designing of the components part 2 and setting up useState Hook
5 Designing of the components part 3
6 Designing of the Navbar component
7 Writing the functionality of the components using the json data
8 Writing the functionality and Dasigning of all the components
9 ntroduction and connection with socketio
10 vFunctionality of socketio part 1
11 Functionality of socketio part 2
12 Functionality of socketio part 3
13 Functionality of socketio part 3
14 Completion project

Udemy - React Development Bootcamp Build 40 End-To-End Projects 2022-3

About the course

Course content

Instructors

Enrolment options

Udemy - React Development Bootcamp Build 40 End-To-End Projects 2022-3

This course includes

Share this course