Complete full-stack web development, going from zero to the most advanced: HTML, CSS, Javascript, React, Node and SQL.
What Will You Learn?
- Master Essential Languages: Work with HTML, CSS, JavaScript, Node.js, React, and more.
- Manage Databases Effectively: Build and handle data using MongoDB, MySQL, and other popular tools.
- Implement Authentication and Security: Protect your applications with modern authentication techniques.
- Create Responsive Interfaces: Make your applications accessible on both mobile and desktop devices.
- Dive into RESTful APIs: Develop and integrate APIs following industry best practices.
- Work with Version Control: Use Git and GitHub to collaborate and manage projects efficiently.
- Get Job-Ready: Apply your skills in real-world projects and impress potential employers.
Course Content
Introduction
-
What you are going to learn
Basic Module – Introduction to HTML and SEO
-
Introduction to HTTP and HTTPS
-
Basic module – http method
-
What is WWW – The W3C
-
What is an API and REST architecture
-
HTTP response status codes
-
Different ways to program and practice
-
Where to send the exercises
-
Semantic Tags
-
What is HTML
-
How to open HTML
-
HTML Structure – Head Body
-
HTML Title Tags
-
HTML Text Tags
-
Navigation to another HTML
-
HTML Classes
-
HTML ID’s
-
Form input with button submit
-
Audio inside HTML
-
Image and Video inside HTML
-
Learning basic seo part. 1
-
Learning basic seo part 2
Intermediate Module – CSS and Styles
-
Introduction to css
-
Css Fonts and Colors
-
CSS Border Radius
-
CSS outside Font Family
-
CSS border property
-
CSS height property
-
Display Flex
-
Flex properties
-
Padding and margin
-
Using Grid
-
CSS transition, CSS Flex, CSS Transform
-
CSS Key Frame, CSS Hover
-
CSS style types, CSS Class Style
-
Tailwindcss
-
Getting started with tailwindcss
-
Tailwind UI
-
CSS MEDIA QUERY
-
SECOND MODULE EXERCISE
Advanced Module – DOM and Javascript
-
Method to locale String
-
How many object can we have
-
Fetch method
-
Async await method
-
Javascript on Click
-
Using on Blur
-
Parameters inside of Functions
-
Function with math operators
-
Getting HTML properties in Javascript
-
Changing properties a button
-
Changing a input properties
-
Applying classes manipulating the DOM
-
Changing DOM Properties with on click Function
-
Adding URL to a property
-
Consuming another API
-
Cleaning Function Code
-
Javascript more complex ob
-
The problem with Synchronous programming
-
Calling a functions inside of event listener
-
Data types and data struct
-
Loops in Javascript – FOR
-
Javascript DblClick event
-
Regex atoms and Assertions
-
Ternary and other operators
-
Arrow functions with line break
-
Difference between Node Js and Browser
-
NODEJS consuming data from express in frontend
-
Diference between HTML, CSS and Javascript
-
Extracting infos from a Object
-
If statement in mdn
-
If statement inside of a Function
-
Another way to acess object
Super Advanced Module – Project Version Control
-
Introduction to Gith
-
Git and Github version control
-
Initializing a Git repository part 1
-
Initializing a Git repository part 2
-
Initializing a Git repository part 3
-
Initializing a Git repository part 4
-
What you can do in a github repo
-
Difference between git and github
-
Creating a new branch with Git
-
Git commit without command line
-
Github challenge
-
Learning React
-
REACT USE STATE
-
HTML and Variables inside of React
-
React components with state
-
React use State with Inputs
-
React use Effect with Fetch Request
-
React Stateless and State full components
-
React showing fetch state in HTML
-
Showing in practice a global state
-
React hot Toast
-
SUPER ADVANCED MODULE EXERCISE
Mastery Module – Databases and Servers
-
Introduction to SQL
-
Installing MySQL
-
Relational DATABASE
-
SQL and noSQL databases
-
Comments inside my SQL
-
SQL insert into
-
SQL Data Types
-
SELECT WHERE with operators and Clauses
-
Limiting the results LIMIT
-
Different types of JOINS
-
Primary Key, Foreign Key
-
FULL JOIN ,LEFT JOIN, RIGHT JOIN
-
Consuming Data using MySQL
-
Starting with Typescript
-
Typescript in Visual Studio Code
-
If you are facing database connection problems, see this
-
Chakra UI for React
-
Kanban Tool Trello
-
MASTERY MODULE EXERCISE
-
FIFTH MODULE EXERCISE
Lessons: