Fullstack JavaScript : Learn JavaScript,React ,Node,Mongo DB

Learn all the Javascript Technologies Like Vanilla Javascript, React JS , Node JS , Express JS and Mongo DB (FullStack)

3.95 (68 reviews)
Udemy
platform
English
language
Web Development
category
274
students
25 hours
content
Sep 2020
last update
$64.99
regular price

What you will learn

Full Stack Web Development

JavaScript From Scrach To Advanced

React JS

Node JS

Mongo DB

Connecting FrontEnd and Backend

Why JavaScript is better than Other...

Description

JavaScript has been around for over 20 years. It is the dominant programming language in web development.

In the beginning, JavaScript was a language for the web client (browser). Then came the ability to use JavaScript on the webserver (with Node.js).

Today the hottest buzzword is "Full Stack JavaScript".

The idea of "Full Stack JavaScript" is that all software in a web application, both client-side and server-side, should be written using JavaScript only.

In This Course You Will Learn

  1. Javascript Basics

  2. Dom Manipulation

  3. Jquery

  4. Ajax

  5. Modern Javascript ES6

  6. Javascript Animations

  7. Top Javascript Libraries

  8. React Introduction

  9. How To Create a new React Application

  10. Components and Different types of Components

  11. Components Structure and Life Cycle

  12. How to handle events in React

  13. Applying styles to React JS Components

  14. React Hooks

  15. Forms and Form Submissions

  16. Routing in React

  17. Controlling one component from another Component with the help of Context-API

  18. What is MERN Stack

  19. Advantages Of Mern Stack

  20. Node Js

  21. Implementing Routes in Node JS

  22. Rendering HTML Files in Node Js

  23. Express JS

  24. Express Routing

  25. NPM Node Package Manager

  26. Mongo DB

  27. MongoDB Commands Like Create, Read, Update, Delete

  28. Connecting Node JS With Mongo DB

JavaScript is a dynamic computer programming language. It is lightweight and most commonly used as a part of the web pages, whose implementation allows a client-side script to interact with a user and to make dynamic pages. It is an interpreted programming language with object-oriented capabilities.

Content

Introduction

Javascript Introduction
Course Structure
Join The Community

Javascript Basics

Where to write
External Javascript
Javascript Statements
Finding Errors
Helloworld Program
Datatypes
Conditional Statements
Loops
Functions
Passing parametres to functions
Arrays
Array methods
Strings
Object Part-1
Object Part-2
This Keyword
Date and Time
Sorting of an Array
Type Casting

DOM Manipulation

DOM Introduction
Accessing HTML Elemements
CSS Manipulation
Buttons Onlick'
Event Handling
Adding / Deleting HTML elements using JS
Getting Input Values
Popup Boxes
Addition Program
Project 1 - User Authentication
Radio Buttons
Selection list
CheckBoxes
Student Registration form

Jquery

Jquery Introduction
Jquery CSS
Jquery Append/Remove
Jquery Events

Ajax

Ajax Intro
Ajax in Practical
JSON
Project 2 - Meals Project

Browser DOM

Window Property
Screen Property
Location Property
Timout Property

Browser Storage

Local Storage
Session storage

Modern Javascript ES6

ES6 Introduction
Let Keyword
Const Keyword
Arrow Functions
For Of loop
Spread Operator
IndexOf method
Array Filter
Default Parametres

Project - Covid Stats

Covid - Statistics

Animations

Jquery Animate
Jquery Animate Properties
Jquery Fade

Libraries

What is library
AOS Part-1
AOS - Part2
Typed JS
Dark Theme Js

React - Intro

What is React
What is Component
JSX Overview

First React App

First React App : HelloWorld
Project Structure of React-App
Debuggung React App

Components in React

Components
Class Components
Functional Components
Parent , Child Components

States and Props

What is state
setState Method
Props in Class Components
Props in Functional Components

Event Handling

Event Handling in Class Components
Event Handling in Functional Components

CSS in React

Inline CSS
Local CSS
Manipulating CSS using Events

Project - Counter App

Counter Application

LifeCycle

LifeCycle in Class Component

React Hooks

What is a React Hook
useState Hook
useEffect Hook
Manipulating CSS using Hooks

React Forms

Forms Introduction
Form Submission

Project - User Authentication

Authentication - Part1
Authentication - Part2
Authentication - Part3

Project - TODO List

Todo List Part-1
Todo List Part-2

React Router

Routing Part-1
Routing Part-2

Maps in React

Maps Introduction
Maps Part-2
Maps Part-3

Conditional Rendering

Conditional Rendering in React

Local Storage

Local Storage Intro
Local Storage with Arrays and Objects

Project - Facebook

Facebook - Part1
Facebook-Part2
Facebook - Part3
Facebook - Part4

Context-API

What is Context API
Implementing Context API
Manipulating Components using Context API

Project - Movies App

Movies App Part-1
Movies App Part-2

HTTP Methods

Fetch Method
Axios Method
Return HTML Content using HTTP Methods

Project - React Meals

Meals App Part-1
Meals App Part-2

Node JS

What is Node Js
Hello World in Node JS
Hello World in Node JS on Screen
Basic Routing in Node JS

Modules In Node JS

What is a Node JS Module
Local Modules
NPM
Installing first NPM Module - Nodemon

Express Js

What is Express Framework
Express Helloworld

Creating Rest API

Postman - GET Method
Postman - POST Method

Mongo DB

What is Mongo DB
Mongo DB Installation
Mongo DB Insert
Mongo DB Update and Delete

Node + Mongo

Connecting Node JS with Mongo DB
Mongo-Node Insert
Mongo-Node Update and Delete

Connecting Front-End and Backend

Connecting Node JS and React JS
MERN Stack Helloworld

Screenshots

Fullstack JavaScript : Learn JavaScript,React ,Node,Mongo DB - Screenshot_01Fullstack JavaScript : Learn JavaScript,React ,Node,Mongo DB - Screenshot_02Fullstack JavaScript : Learn JavaScript,React ,Node,Mongo DB - Screenshot_03Fullstack JavaScript : Learn JavaScript,React ,Node,Mongo DB - Screenshot_04

Reviews

Jason
May 23, 2023
Though this course gave me a good start on JavaScript and React Js, it will be more helpful if the trainer could cover the real use cases of the topics learned.
Suraj
May 2, 2022
Great for learning all the latest trends and advanced concepts. Looking forward for the upcoming lessons.
Ambati
July 5, 2021
I really telling the way of explaining is very nice, my native is telugu so i easly understand what he telling and i think sir also from telugu language
Milena
October 10, 2020
Some things are explained a little bit too slow for me, but generally I learned a lot of new things, particularly about JavaScript and React. Chapters about ModeDB and Node JS are on the other hand a little bit too short, too little details for me. Although, thank you for this course!

Coupons

DateDiscountStatus
2/7/202150% OFF
expired

Charts

Price

Fullstack JavaScript : Learn JavaScript,React ,Node,Mongo DB - Price chart

Rating

Fullstack JavaScript : Learn JavaScript,React ,Node,Mongo DB - Ratings chart

Enrollment distribution

Fullstack JavaScript : Learn JavaScript,React ,Node,Mongo DB - Distribution chart
3425890
udemy ID
8/17/2020
course created date
8/23/2020
course indexed date
Bot
course submited by