Course curriculum

  • 2

    Environment Setup

    • Installing NodeJS

    • Installing ReactJS

    • Installing MongoDB Locally

    • Installing ExpressJS & Mongoose

  • 3

    Learn React (Crash Course)

    • What is JSX?

    • Writing Our First App

    • Components #1

    • Components #2

    • Writing Components

    • Understanding Our App Structure

    • Props

    • Lifecycle Methods

    • State #1

    • State #2

    • Seconds Counter App

    • Handling Forms

    • Controlled Components

    • The Hooks System

    • The useState() Hook

    • The useEffect() Hook

    • Refactoring the Seconds Counter App

    • The Return Statement Inside of useEffect()

    • Functioncal vs. Class Components

    • Making Requests Inside of React

    • The Article Searcher App

    • Sending Ruquests

    • Displaying the Results

    • The dangerouslySetInnerHTML Prop

    • The key Prop

    • Deployment with Vercel

    • Alternative Method

  • 4

    Creating the Front-End

    • Thinking About the Front-End

    • Using Semantic UI

    • Creating the Form #1

    • Creating the Form #2

    • Turning the Input into a Controlled Component

    • Creating Sections

    • Creating the To-Do List

    • Editing the To-Do Items

    • Styling the Input and Listening for Key Codes

    • Auto Focusing the Input and Making it a Controlled Component

    • Fixing the ESC Key

    • Checking To-Do Items

    • Simulating Our Back-End

    • Fixing Some Problems

    • Adding To-Do Items

    • Emptying the Input and Form Validation

    • Removing To-Do Items

    • Writing the Logic of removeTodo()

  • 5

    Creating the Back-End

    • Building our Back-End Structure

    • Connecting to Our Database and Creating a Model

    • Fetching Data from Our Database

    • Solving the Warning Messages

    • Creating More Routes

    • Inserting & Deleting Records

    • Following RESTful Conventions

    • Creating the PUT Method

    • Responding to Requests

  • 6

    Binding the Front-End with the Back-End

    • Paving the Way for Binding

    • Making Requests from Our Front-End

    • Solving the CORS Issue

    • Creating To-Do Items from Our Front-End

    • Deleting To-Do Items from Our Front-End

    • Editing To-Do Items from Our Front-End