Full-Stack Web Development with Next.js

The Descendant Selector

The Adjacent & Direct-Descendant Selectors

The Attribute Selector

Pseudo Classes

The CSS Cascade

CSS Inheritance

CSS Units (px, rems and ems)

What are Favicons

The Box Model of website styling

CSS Display property

CSS Positioning

CSS Sizing

CSS Float and Clear

Other Assorted useful CSS Properties

Class Project

Introduction to wireframing

CSS Grid

CSS FlexBox

Tailwind Grid System

Tailwind Containers

Tailwind Buttons

Alerts and Button Groups

Tailwind Forms

Tailwind Icons

Other Tailwind Classes

Milestone Project 1

Introduction to JavaScript

Using the browser console in JavaScript

JavaScript Alerts, Prompt, Confirm

Data Types

JavaScript Variables and Naming conventions

String concatenation

String Lengths and Slicing

String Template Literals

Arithmetic Operators

Random Number and Math Objects

Decision making with code

Comparison operators- Truth-y & False-y values

Logical operators (AND, OR, NOT)

If and if else statement

Else if statement. Nested conditional statement.

Conditional Ternary

Introduction to Arrays

Arrays and Array manipulations

Array random access (Array Index)

Push & Pop

Shift & Unshift

Concat, IndexOf, includes & reverse

Slice & Splice

Multi-dimensional arrays

Creating Object literals

Modifying objects

Accessing data out of objects

Nesting Arrays and objects

For Loops

Nested Loops

Looping over arrays

Looping over Objects

Introduction to functions- Built in function

Writing functions

Invoking Functions

Parameters and Arguments

Return Function values

Variable Scope in Function

Nested Function Expression

Arrow Functions

Arrow Implicit return

Recursive function

Using methods in Javascript function

The ForEach method

Intro to Arrow functions

The find function

The map functions

Some and Every function

The reduce function

The filter function

Default params

Spread in function calls

Spread with array literals

Spread with objects

REST params

Destructuring Arrays

Destructuring Objects

Destruction params

Getting to know React and Next

Why Next instead of just JavaScript or Just React.js

Installing Node.js

Working with Node and NPM

Setting Up a Next Project

Using create-Next-app

Command Line Hyper Setup

Command Line Techniques

Creating, opening and removing files through the command line

Installation of Git

Push and Pull

Github Environment

Git Ignore

Next Basics and working with components

Introduction to layout and components

Analyzing a Standard Next Project

Introduction to JSX

Global CSS , inline CSS, and module.CSS

Outputting Dynamic Data and working with Expressions in JSX

Passing Data via “PROPS”

Adding JavaScript Logic to Components

Splitting Components into Multiple Components

Child -to –Parent Component

Organizing Component Files

Listening to Events and Working with Event Handlers

How component functions are Executed

Working With the “useState” Hook

Simple Projects with use useState Hook

Adding Form Inputs

Working with useRef, and useState

Handling form Submission

Control Input

Outputting Conditional Content and Tenary Operator

Adding Dynamic Styles in Raect.js

Adding Conditional Return Statements

Two Way Binding

Form Validation Project

Importing and exporting Data

Rendering List of Data using map

Understanding ‘Keys’

Simple Project with Lists

Searching with the use of filter and find

Rendering with forEach

Using map and reduce call back function

Introduction to API

API testing tools

UseEffect and its dependencies

Handling Errors in React.js

Building a Project with API

Introducing React Context (Context API)

Simple Project with Context API

useRouter

usePathname

useParams

Introducing NPM

Installing packages

Meet the Package.json

Installing all dependencies for a project

Introduction to API folder

Exporting your backend function

Fetch and Axios

Introduction to req.body and req.params

Handing error in Next.js

Handling errors in front end

Create and test API inNext.js

Handling request, and response using useState

Understanding queries and params

Installing MongoDB

MongoDB CRUD Create Operations

MongoDB CRUD Read Operations

MongoDB CRUD Update Operations

MongoDB CRUD Delete Operations

Relationships in MongoDB

Additional Mongo Operators

How does the internet actually work?

The Request Response Cycle

How do websites actually work?

What is software

Classification of Software Products

Front End vs. Back End

HTML, CSS & JS – What are they?

Setting up your developer environment

The Software Development Life Cycle

Essential attributes of a good software

Introduction to Requirements Engineering

Functional and non-functional requirements

Introduction to HTML

The anatomy of an HTML Tag

What is the HTML Boilerplate?

Heading elements

The Chrome inspector tool

HTML Lists

Image elements

Working with Hyperlinks

Learn to comment

Working with Forms for data input

Common Input Types

HTML Buttons

HTML5 Form Validations

Create your first website