Html, Css, Javascript, Reactjs, Nodejs From Zero To Expert

Become a Full-Stack Web Developer with just ONE course.HTML, CSS, JavaScript, Node, React and a big production grade app

What you'll learn

HyperText Markup Language.

Cascading style sheets.

JavaScript

Reactjs.

Nodejs.

Object Oriented Programming.

A production grade application you can use as your portfolio project from scratch.

Master backend development with Node.

Work as a freelance web developer.

Master frontend development with React.

How to create clean an reusable code and code refactoring.

Requirements

No programming experience needed - I'll teach you everything you need to know.

A computer with access to the internet.

No paid software required.

I'll also walk you through, step-by-step how to get all the software installed and set up.

Description

Whether you're a beginner or an experienced developer looking to expand your skillset, this course provides a solid foundation and hands-on experience in building modern web applications. Note that the production grade application we will create in this course is unlike anything you have ever seen. After learning how to create an application like this, you will be ready to understand and implement top applications used worldwide.Course Overview:HTML:· Learn Hypertext Markup Language (HTML) for structuring web pages.· Dive into semantic HTML to create well-organized and accessible web content.· Master HTML5 features for multimedia, forms, and semantic elements and many more.CSS Styling and Layout:· Explore Cascading Style Sheets (CSS) for styling and layout design.· Understand CSS selectors, properties, and units for precise control over styling.· Dive into responsive design principles and techniques for creating adaptable layouts across devices.JavaScript· Learn Modern JavaScript Features.· Explore functions, scope, and closures for writing modular and reusable code.· Understand asynchronous programming and the event loop in JavaScript.· Explore techniques for fetching data from APIs, handling errors, and managing a database code effectively.· Learn arrow functions, template literals, destructuring, spread/rest operators, and other ES6 features and many more.· Learn DOM manipulation.React.js:· Get introduced to React.js, a powerful JavaScript library for building user interfaces.· Learn about components, state, redux, and props to create reusable and interactive UI elements.· Explore React Router for client-side routing and managing navigation in single-page applications.Node.js Backend Development:· Learn server-side development with Node.js, a runtime environment for executing JavaScript code.· Learn about Express.js, a minimalist web framework for Node.js, for building robust and scalable server applications.· Understand RESTful API design principles and implement CRUD operations for interacting with data.Database:· Learn how to create and Interact with databases using MongoDB NoSQL/SQL database.Security:· Learn about middleware, authentication, and security best practices for Node.js applications.Hands-On Project: Apply your knowledge through a huge production grade project that covers all the tools you need for your portfolio website, instead of creating many useless projects, I will show you how top companies create their applications.Real-World Examples: Explore real-world examples and case studies to understand how these technologies are used in industry-standard applications.Expert Guidance: Benefit from guidance and support from a world class experienced instructor who is passionate about web development and committed to your success.

Overview

Section 1: HTML Fundamentals

Lecture 1 What is HTML

Lecture 2 What is an HTML element?

Lecture 3 How To Create HTML Files and install VS Code (MAKE SURE TO WATCH THIS VIDEO)

Lecture 4 VS Code save

Lecture 5 How to add comments

Section 2: HTML elements and their attributes

Lecture 6 body

Lecture 7 head

Lecture 8 div

Lecture 9 HTML attributes

Lecture 10 anchor

Lecture 11 paragraph and what are block level elements?

Lecture 12 image

Lecture 13 unordered list

Lecture 14 headings

Lecture 15 Semantic markup

Section 3: HTML forms

Lecture 16 form

Lecture 17 types of form elements

Lecture 18 placeholder

Section 4: CSS Basics

Lecture 19 CSS introduction

Lecture 20 A quick note when defining CSS properties

Lecture 21 comments

Lecture 22 class VS id selector

Lecture 23 id selector

Lecture 24 class selector

Lecture 25 class selector for specific element

Lecture 26 class selector multiple styles

Lecture 27 priority of order in CSS declarations

Lecture 28 combinator selectors

Lecture 29 descendant selector

Lecture 30 child selector

Lecture 31 adjacent sibling selector

Lecture 32 general sibling selector

Lecture 33 pseudo class selector (hover,active,focus,visited ….)

Lecture 34 pseudo elements selector

Lecture 35 attribute selectors

Lecture 36 borders

Section 5: CSS Spacing

Lecture 37 margin

Lecture 38 padding

Lecture 39 Box Model

Section 6: CSS Units

Lecture 40 Types of units

Lecture 41 pixel

Lecture 42 percent

Lecture 43 em unit

Lecture 44 rem unit

Lecture 45 vw and vh

Lecture 46 vmin and vmax

Section 7: CSS display property and its values: block, inline, inline-block, none and flex

Lecture 47 display property

Lecture 48 flexbox

Lecture 49 flexbox flex-direction property

Lecture 50 flexbox justify-content property

Lecture 51 flexbox flex-wrap property

Lecture 52 flexbox align-items property

Lecture 53 flexbox align-content property

Lecture 54 how to add space in between flexbox elements using gap

Lecture 55 flexbox properties for child elements

Lecture 56 flexbox child element property flex-basis

Lecture 57 flexbox child element property flex-grow

Lecture 58 flexbox child element property flex-shrink

Lecture 59 flexbox child element property align-self

Lecture 60 flexbox child element property order

Section 8: CSS grid layout

Lecture 61 grid layout

Lecture 62 grid columns

Lecture 63 grid rows

Lecture 64 grid-column and grid-row

Lecture 65 nesting grid layouts

Lecture 66 grid-template-areas

Lecture 67 grid-auto-columns and grid-auto-rows

Lecture 68 align-items and justify-items

Lecture 69 making grid layout responsive for different screen sizes

Lecture 70 12 column grid system

Section 9: CSS intermediate

Lecture 71 Width and Height properties

Lecture 72 position property

Lecture 73 z-index

Lecture 74 media queries

Lecture 75 transition property

Lecture 76 translate property

Lecture 77 transform property

Lecture 78 center image and block level elements horizontally

Lecture 79 center image horizontally and vertically using position property and translate

Lecture 80 line-height propery

Lecture 81 vertical-align property

Lecture 82 opacity property

Lecture 83 colors

Lecture 84 CSS Project

Section 10: JavaScript for Beginners

Lecture 85 What is JavaScript

Lecture 86 where to add JavaScript code in HTML?

Lecture 87 console.log()

Lecture 88 how to add comments in JavaScript

Lecture 89 variables

Lecture 90 data types

Lecture 91 conditional statements

Lecture 92 Arithmetic Operators

Lecture 93 Assignment Operators

Lecture 94 Comparison Operators

Lecture 95 Logical Operators

Lecture 96 Ternary Operator

Lecture 97 Unary Operators

Lecture 98 Operator Precedence

Lecture 99 Strings and Template Literals

Section 11: JavaScript Intermediate

Lecture 100 Function Declarations and Function Expressions

Lecture 101 More on Arrays

Lecture 102 More on Objects

Lecture 103 Looping Arrays

Lecture 104 Looping Objects

Lecture 105 The Spread Operator

Lecture 106 Destructuring

Lecture 107 Nullish Coalescing Operator

Lecture 108 What is Shallow Copy?

Lecture 109 Set

Lecture 110 Map

Lecture 111 filter() method

Lecture 112 find() method

Lecture 113 map() method

Lecture 114 Regular Expressions

Lecture 115 Sorting Arrays

Lecture 116 Creating Dates

Lecture 117 Timer

Lecture 118 Object Constructor

Lecture 119 The 'this' keyword

Lecture 120 The bind method

Lecture 121 Arrow Function

Lecture 122 IIFE

Lecture 123 Callback Function

Section 12: JavaScript Advanced

Lecture 124 Closure

Lecture 125 Promise object

Lecture 126 fetch

Lecture 127 async await

Lecture 128 Classes

Lecture 129 JavaScript DOM

Lecture 130 json

Lecture 131 HTML DOM events

Section 13: React.js and Node.js

Lecture 132 What is React.js?

Lecture 133 A clean Node installation from scratch

Lecture 134 React structure,how to create react app using Vite(new way) and create-react-app

Lecture 135 How to Create a React Component?

Lecture 136 What is state?

Lecture 137 props

Lecture 138 children

Lecture 139 Nodejs Introduction

Lecture 140 How to install an external module in Node.js

Lecture 141 How to install existing Node.js application

Lecture 142 postman installation

Lecture 143 How to create an HTTP server

Lecture 144 What is a middleware and how to create one

Lecture 145 How to handle post request

Section 14: Big Project: Medical portal

Lecture 146 How to install Mongo DB and MongoDB Compass

Lecture 147 Creating Project folders

Lecture 148 Creating the Home Component

Lecture 149 Creating the Button Component

Lecture 150 Creating the Custom Form component

Lecture 151 Creating the Register Patient Component

Lecture 152 Creating the Register Doctor Component

Lecture 153 Creating the SignIn Component

Lecture 154 Creating the Search Doctor Component

Lecture 155 Creating the About Component

Lecture 156 Creating the Header Component

Lecture 157 Creating the Footer Component

Lecture 158 Creating the Layout Component

Lecture 159 Creating the Search Patient Component

Lecture 160 Creating the Main Layout

Lecture 161 Creating the admin user

Lecture 162 Connecting to DB from Backend

Lecture 163 What is Json Web Token

Lecture 164 Creating JWT

Lecture 165 Creating Return status

Lecture 166 Signin Frontend

Lecture 167 Creating Routers and controllers in the Backend

Lecture 168 Signin Backend

Lecture 169 Creating custom checkEmail and checkPassword middlewares

Lecture 170 Creating Admin Panel and verify token

Lecture 171 Registering a Doctor

Lecture 172 Search for a Doctor

Lecture 173 Adding Redux

Lecture 174 Storing Signed in User Data using Redux

Lecture 175 Update Doctor

Lecture 176 Register Patient

Lecture 177 Search and update patient

Lecture 178 Updating Home Page and THE COMPLETE CODE

If you want to start your own startup by building your own websites and web apps.,If you want to take ONE COURSE and learn everything you need to know about web development, take this course.,To get a job as a backend developer.,To get a job as a frontend developer.