Full Stack Web Development: Complete Web Development Course

Complete Web Development Course going from zero to the most advanced: Html, CSS, Javascript, React, Node and Sql.

What you'll learn

Build responsive websites using HTML, CSS, and JavaScript.

Create modern interfaces with React and manage backends with Node js

Work with relational databases using SQL and integrate APIs.

Use tools like Git, Trello, and Jira for collaboration and project management.

Requirements

No prior experience is required; just a computer with internet access.

Description

Are you ready to become a full-stack web developer and enter the tech job market? This course is your ultimate guide to mastering the key technologies and tools for web development. With a comprehensive curriculum divided into 6 sections, 267 lessons, and over 27 hours of detailed content, this course will equip you with everything you need.What will you learn?Web Fundamentals: Understand HTTP, HTTPS, HTTP methods, REST APIs, and W3C standards.HTML and CSS: Learn everything from basic HTML structure to advanced CSS techniques, including Flexbox, Grid, TailwindCSS, and SEO optimizations.Modern JavaScript: Master DOM manipulation, events, operators, functions, ES6+, asynchronous programming (async/await), APIs, and more.React: Build modern interfaces using React, including hooks, Context API, React Router, and Chakra UI.Node.js and SQL: Create robust backends with Node.js and work with relational databases using SQL.Version Control and Agile Methodologies: Learn Git, GitHub, Trello, Jira, and Agile methodologies to manage and collaborate on real-world projects.Practical Projects: Each module includes hands-on exercises and projects to solidify your learning, such as landing pages, calculators, API consumption, and fully integrated systems with databases.Who is this course for?Beginners looking to start a career in web development.Developers transitioning careers and aiming to expand their skill set.Professionals who want to master the most in-demand technologies.Benefits:Lifetime access to all course content.Certificate of completion.Direct instructor support for questions.This course is perfect for anyone seeking a complete journey in web development, starting from scratch and advancing to mastering the most modern technologies. Enroll now and start building amazing projects!

Overview

Section 1: Introduction

Lecture 1 What you are going to learn

Section 2: Basic Module - Introduction to HTML and SEO

Lecture 2 Basic module - Introduction

Lecture 3 Introduction to HTTP and HTTPS

Lecture 4 Basic module - http method

Lecture 5 What is WWW - The W3C

Lecture 6 What is an API and REST architecture

Lecture 7 HTTP response status codes

Lecture 8 Different ways to program and practice

Lecture 9 Where to send the exercises

Lecture 10 Semantic Tags

Lecture 11 What is HTML

Lecture 12 How to open HTML

Lecture 13 HTML Structure - Head Body

Lecture 14 HTML Title Tags

Lecture 15 HTML Text Tags

Lecture 16 Navigation to another HTML

Lecture 17 HTML Classes

Lecture 18 HTML ID's

Lecture 19 HTML form

Lecture 20 HTML Input

Lecture 21 Form input with button submit

Lecture 22 Audio inside HTML

Lecture 23 How to embed things inside you

Lecture 24 Image and Video inside HTML

Lecture 25 More HTML Tags and Codes

Lecture 26 Learning basic seo part. 1

Lecture 27 Learning basic seo part 2

Lecture 28 Practice - creating a navigation

Lecture 29 Practice - creating a landing page part 1

Lecture 30 Practice - creating landing page part 2

Lecture 31 Practice - creating landing page part 3

Lecture 32 Practice - creating landing page part 4

Lecture 33 FIRST MODULE EXERCISE

Section 3: Intermediate Module - CSS and Styles

Lecture 34 Introduction to css

Lecture 35 Css Fonts

Lecture 36 Css Colors

Lecture 37 CSS Border Radius

Lecture 38 CSS outside Font Family

Lecture 39 CSS border property

Lecture 40 CSS height property

Lecture 41 CSS width

Lecture 42 Display Flex

Lecture 43 Flex properties

Lecture 44 Padding and margin

Lecture 45 Using Grid

Lecture 46 Reusing css

Lecture 47 CSS transition

Lecture 48 CSS Flex

Lecture 49 CSS Transform

Lecture 50 CSS Key Frame

Lecture 51 CSS Hover

Lecture 52 CSS style types

Lecture 53 CSS Class Style

Lecture 54 Tailwindcss

Lecture 55 Getting started with tailwindcss

Lecture 56 Tailwind UI

Lecture 57 CSS MEDIA QUERY

Lecture 58 SECOND MODULE EXERCISE

Section 4: 3 - Advanced Module - DOM and Javascript

Lecture 59 Method to localeString

Lecture 60 How many object can we have

Lecture 61 Fetch method

Lecture 62 Async await method

Lecture 63 Javascript onClick

Lecture 64 Using onBlur

Lecture 65 Parameters inside of Functions

Lecture 66 Function with math operators

Lecture 67 Getting HTML properties in Javascript

Lecture 68 Changing properties a button

Lecture 69 Changing a input properties

Lecture 70 Applying classes manipulating the DOM

Lecture 71 Changing DOM Properties with onclick Function

Lecture 72 Adding URL to a property

Lecture 73 Consuming another API

Lecture 74 Creating a basic calculato

Lecture 75 Basic javascript calculator part 2

Lecture 76 Basic javascript calculator part 3

Lecture 77 Cleaning Function Code

Lecture 78 Javascript more complex ob

Lecture 79 OnChange with HTML

Lecture 80 The problem with Synchronous programming

Lecture 81 Async Await

Lecture 82 Blur event listener

Lecture 83 Break and Continue statement

Lecture 84 Calling a functions inside of event listener

Lecture 85 Chaining callbacks

Lecture 86 Closures in Javascript

Lecture 87 Data types and data struct

Lecture 88 Loops in Javascript - FOR

Lecture 89 FOR Loop in a practice

Lecture 90 For in and For of

Lecture 91 Event listener Change

Lecture 92 Javascript DblClick event

Lecture 93 Javascript Operators

Lecture 94 Introduction to REGEX

Lecture 95 REGEX to test email

Lecture 96 Regex atoms and Assertions

Lecture 97 Promises in Javascript

Lecture 98 Promise all in Javascript

Lecture 99 While and Do While

Lecture 100 Types of event listener

Lecture 101 Ternary and other operators

Lecture 102 Strict Mode

Lecture 103 Scope of Variables

Lecture 104 Classes in Javascript

Lecture 105 What is a arrow function

Lecture 106 Body of arrow functions

Lecture 107 Arrow functions with line break

Lecture 108 Javascript Event listener

Lecture 109 Classes inheritance

Lecture 110 Classes private properties

Lecture 111 Ending the content about classes

Lecture 112 Field declarations

Lecture 113 Collecting contact informations from client

Lecture 114 Collecting contact info part 2

Lecture 115 Collecting contact info part 3

Lecture 116 Little project with event and Fetch API

Lecture 117 Improving the zipCode Project

Lecture 118 Introduction to Node Js

Lecture 119 Difference between Node Js and Browser

Lecture 120 NODE JS using app.route

Lecture 121 NodeJS Express Router

Lecture 122 NodeJS Introduction to routes

Lecture 123 NODEJS Route params

Lecture 124 Nodejs Route Handler and Middleware

Lecture 125 Creating a Node Js project

Lecture 126 NODEJS consuming data from express in frontend

Lecture 127 NVM and Node Versions

Lecture 128 Javascript

Lecture 129 What is DOM

Lecture 130 Diference between HTML, CSS and Javascript

Lecture 131 Variables at Javascript

Lecture 132 Const and Variables

Lecture 133 Importing Javascript

Lecture 134 Javascript basic system

Lecture 135 Javascript alert

Lecture 136 Window prompt

Lecture 137 What is JSON

Lecture 138 Template string

Lecture 139 Camel Case

Lecture 140 Acessing the DOM in different ways

Lecture 141 Comparions in Javascript

Lecture 142 Global Variables and other Ways to do part 1

Lecture 143 Global Variables and other Ways to do part 2

Lecture 144 Javascript window prompt

Lecture 145 Javascript functions

Lecture 146 Javascript different types of data

Lecture 147 Filter method Javascript

Lecture 148 If Else conditions

Lecture 149 Javascript Map method

Lecture 150 ForEach method

Lecture 151 FindIndex method

Lecture 152 Extracting infos from a Object

Lecture 153 FindIndex and IndexOf

Lecture 154 Javascript reverse method

Lecture 155 Javascript unshift method

Lecture 156 Javascript Pop Method

Lecture 157 Shift array method

Lecture 158 Switch statement

Lecture 159 If statement in mdn

Lecture 160 If statement inside of a Function

Lecture 161 Operators

Lecture 162 Another way to acess object

Lecture 163 Array Push method

Lecture 164 Functions with more params

Lecture 165 THIRD MODULE EXERCISE

Section 5: 4 - Super Advanced Module - Project Version Control

Lecture 166 Introduction to Gith

Lecture 167 Git and Github version control

Lecture 168 Initializing a Git repository part 1

Lecture 169 Initializing a Git repository part 2

Lecture 170 Initializing a Git repository part 3

Lecture 171 Initializing a Git repository part 4

Lecture 172 Initializing a Git Repository part 5

Lecture 173 What you can do in a github repo part 1

Lecture 174 What you can do in a github repo part 2

Lecture 175 Difference between git and github

Lecture 176 Creating a new branch with Git

Lecture 177 Git branch structure

Lecture 178 Git commit without command line

Lecture 179 Merging a branch

Lecture 180 Merge using terminal

Lecture 181 Github challenge

Lecture 182 Github challenge 2

Lecture 183 Introduction to react

Lecture 184 Learning React

Lecture 185 Quick Start React

Lecture 186 REACT USE STATE

Lecture 187 REACT USE STATE part2

Lecture 188 HTML and Variables inside of React

Lecture 189 React Components

Lecture 190 React components with state

Lecture 191 React Props

Lecture 192 React Props (childrens and more)

Lecture 193 React use State with Inputs

Lecture 194 React Use Effect

Lecture 195 React use Effect with Fetch Request part1

Lecture 196 React use effect with Fetch Request part2

Lecture 197 React Stateless and Statefull components

Lecture 198 Introduction to React Router Dom

Lecture 199 React Router Dom

Lecture 200 React hook Use Ref

Lecture 201 React showing fetch state in HTML

Lecture 202 React Context API

Lecture 203 Principles of Global Context

Lecture 204 Showing in practice a global state

Lecture 205 React hot Toast

Lecture 206 Conclusion and Github challenge

Lecture 207 SUPER ADVANCED MODULE EXERCISE

Section 6: 5 - Mastery Module - Databases and Servers

Lecture 208 Introduction to SQL

Lecture 209 Installing MySQL part1

Lecture 210 Installing MySQL part2

Lecture 211 Installing MySQL part3

Lecture 212 Relational DATABASE

Lecture 213 SQL and noSQL databases

Lecture 214 SQL and noSQL

Lecture 215 Comments inside my SQL

Lecture 216 Create table

Lecture 217 Drop Table

Lecture 218 Delete Statement

Lecture 219 SQL insert into

Lecture 220 SQL insert into part2

Lecture 221 SQL Data Types

Lecture 222 SQL Select command

Lecture 223 Showing Select Statement

Lecture 224 SELECT with Where

Lecture 225 SELECT WHERE with operators and Clauses

Lecture 226 UPDATE STATEMENT

Lecture 227 SELECT with AND OR

Lecture 228 Select Distinct

Lecture 229 Limiting the results LIMIT

Lecture 230 SQL Where Not Statement

Lecture 231 SELECT with ORDER BY

Lecture 232 SQL STATEMENT IS NOT NULL IS NULL

Lecture 233 Understanding JOINS

Lecture 234 Different types of JOINS

Lecture 235 Aliases in SQL

Lecture 236 SQL CASE

Lecture 237 SQL BACKUP

Lecture 238 SQL END CONTENT

Lecture 239 Primary Key

Lecture 240 Foreign Key

Lecture 241 FULL JOIN

Lecture 242 LEFT JOIN

Lecture 243 RIGHT JOIN

Lecture 244 Stored Procedures

Lecture 245 Consuming Data using MySQL

Lecture 246 NODE JS project with mysql part1

Lecture 247 NODE JS project with mysql part2

Lecture 248 NODE JS project with mysql part3

Lecture 249 NODE JS project with mysql part4

Lecture 250 NODE JS project with mysql part5

Lecture 251 NODE JS project with mysql part6

Lecture 252 NODE JS project with mysql part7

Lecture 253 NODE JS project with mysql part8

Lecture 254 NODE JS project with mysql part9

Lecture 255 NODE JS project with mysql part10

Lecture 256 Starting with Typescript

Lecture 257 Typescript in Visual Studio Code

Lecture 258 Interfaces as params

Lecture 259 Interfaces with Typescript

Lecture 260 Generic Types

Lecture 261 Structural Type System

Lecture 262 If you are facing database connection problems, see this

Lecture 263 Chakra UI for React

Lecture 264 Kanban Tool Trello

Lecture 265 Agile Tool Jira

Lecture 266 MASTERY MODULE EXERCISE

Lecture 267 FIFTH MODULE EXERCISE

Beginners who want to learn web development from scratch.,Professionals looking to enhance their skills and knowledge in web development.,Individuals interested in creating complete projects and pursuing a tech career.,Developers aiming to master modern tools like React and Node js