Learn the basics of HTML, CSS, JavaScript and React

Learn the basics of HTML, CSS, JavaScript and React, available at $59.99, has an average rating of 4.25, with 49 lectures, 4 quizzes, based on 91 reviews, and has 2277 subscribers.

You will learn about Write HTML 5 Code Create Web Pages with HTML Add media files to Website using Advanced HTML Tags Structure your HTML Code and learn best practices Modern Semantic elements of HTML 5 Basic and advanced CSS selectors CSS Colors Backgrounds and typography CSS Box Model CSS Positions CSS Flexbox Model CSS Grid Model Responsive Web Design using media queries CSS Animations JavaScript Variables, Operators and Datatypes JavaScript Conditionals JavaScript Arrays and Loops JavaScript Functions and Objects How to implement JavaScript in HTML The Document Object Model Manipulating the DOM and using JavaScript Events This course is ideal for individuals who are Anyone who wants to learn the basics of HTML and CSS or Anyone who wants to be a web developer or Anyone who wants to create a website It is particularly useful for Anyone who wants to learn the basics of HTML and CSS or Anyone who wants to be a web developer or Anyone who wants to create a website.

Enroll now: Learn the basics of HTML, CSS, JavaScript and React

Summary

Title: Learn the basics of HTML, CSS, JavaScript and React

Price: $59.99

Average Rating: 4.25

Number of Lectures: 49

Number of Quizzes: 4

Number of Published Lectures: 47

Number of Published Quizzes: 4

Number of Curriculum Items: 53

Number of Published Curriculum Objects: 51

Original Price: ₹1,199

Quality Status: approved

Status: Live

What You Will Learn

Write HTML 5 Code
Create Web Pages with HTML
Add media files to Website using Advanced HTML Tags
Structure your HTML Code and learn best practices
Modern Semantic elements of HTML 5
Basic and advanced CSS selectors
CSS Colors Backgrounds and typography
CSS Box Model
CSS Positions
CSS Flexbox Model
CSS Grid Model
Responsive Web Design using media queries
CSS Animations
JavaScript Variables, Operators and Datatypes
JavaScript Conditionals
JavaScript Arrays and Loops
JavaScript Functions and Objects
How to implement JavaScript in HTML
The Document Object Model
Manipulating the DOM and using JavaScript Events

Who Should Attend

Anyone who wants to learn the basics of HTML and CSS
Anyone who wants to be a web developer
Anyone who wants to create a website

Target Audiences

Anyone who wants to learn the basics of HTML and CSS
Anyone who wants to be a web developer
Anyone who wants to create a website

Learn to create a website from scratch with this simple and straightforward HTML, CSS, JavaScript, and React course. Apply common HTML tags you need to know to be able to create websites. Then learn all the CSS you need to style those HTML elements. Learn how to add interactivity to those websites using JavaScript. Finally learn how to create full-stack applications using React and Firebase.

Start from scratch and learn how to create a full-stack React Application.

What will you learn in this course:

HTML 5

HTML5 web page structure
elements and tags
HTML spacing
using comments
Line break and how to nest elements
HTML headings
Create hyperlinks to connect content
add images as needed
how to work with lists
Using Divs and Spans in HTML
New HTML5 elements
How to transform your HTML code with styling

CSS 3

Basic CSS Selectors
CSS Colors
Using and creating backgrounds
Typography
CSS Box Model
Positions property in CSS
The Flexbox model
The Grid model
Advanced CSS Selectors
Creating Responsive Websites
CSS Media Queries
CSS Animations

JavaScript

What are Variables – Var, Let, Const
Operators
Datatypes
Conditional Statements
Arrays
Functions
Objects
Loops
Implementing JavaScript in HTML
Document Object Model
JavaScript Events
DOM Manipulation

JavaScript ES6 Concepts – React Prerequisite

Arrow Functions
Higher-Order Functions
Destructuring
Modules

Getting Started with React

React Core Concepts – Build a Counter Application
Build a Tic Tac Toe Game with React
Build a full-stack Todo Application with React and Firebase
Build an awesome Clock with Glassmorphism design
Build a newsletter signup form with React and Firebase

All resources and source code from the course are provided so you can practice working with code right from the start.

I am here to help you learn HTML/CSS/JavaScript and am ready to answer any questions you may have. I have over 10 years of real-world web development experience, which I will share with you within this course.
HTML, CSS, and JavaScript are the bread and butter of every web developer and are used literally on every website.
Nothing to lose, there is a 100% Money Back if you don’t like it
Want to know more, what are you waiting for? Take the first step. Join now to start with the basics of the web development today.

Course Curriculum

Chapter 1: HTML 5 Tags and Syntax : The website skeleton

Lecture 1: Setting Up the Environment

Lecture 2: HTML Syntax and Structure

Lecture 3: Basic Elements – I

Lecture 4: Basic Elements – II

Lecture 5: HTML Forms

Lecture 6: Advanced Elements

Chapter 2: Dive into CSS – The skin and the appearance of a website

Lecture 1: Introduction to CSS – Syntax, Selectors and Comments

Lecture 2: Colors, Background and Typography

Lecture 3: CSS Box Model, Box-Sizing and Overflow Property

Lecture 4: CSS Positions

Lecture 5: CSS Flexbox

Lecture 6: CSS Grids

Lecture 7: Advanced Selectors

Lecture 8: Responsive Web Design

Lecture 9: Adding Animations

Chapter 3: Build your first website

Lecture 1: Introduction – What we are going to build.

Lecture 2: The file structure

Lecture 3: Coding the HTML

Lecture 4: Adding life with CSS

Lecture 5: Making the website responsive

Chapter 4: Getting Started with JavaScript : The brains of a website

Lecture 1: Introduction to JavaScript

Lecture 2: JavaScript Variables

Lecture 3: Operators in JavaScript

Lecture 4: JavaScript Datatypes

Lecture 5: Conditional Statements in JavaScript

Lecture 6: JavaScript Arrays

Lecture 7: Functions in JavaScript

Lecture 8: JavaScript Objects

Lecture 9: Loops in JavaScript

Chapter 5: Document Object Model (JavaScript DOM)

Lecture 1: Implementing JavaScript in HTML

Lecture 2: Changing HTML content and style

Lecture 3: Using querySelector and querySelectorAll

Lecture 4: DOM Navigation

Lecture 5: Using JavaScript Events in DOM

Chapter 6: JavaScript Projects

Lecture 1: Creating a Carousel

Lecture 2: Creating a Countdown Timer

Lecture 3: Color Swapper Project

Lecture 4: Responsive Top Navigation Bar

Lecture 5: Creating a Tech Theme Landing Page with Particle background

Chapter 7: The Modern JavaScript – ES6 Basics

Lecture 1: Arrow Functions

Lecture 2: Higher Order Functions

Lecture 3: Destructuring

Lecture 4: Modules

Chapter 8: Getting Started with React

Lecture 1: React Core Concepts – Build a counter Application

Lecture 2: Build a Tic Tac Toe Game with React

Lecture 3: Build a Full Stack Todo Application with React and Firebase – 1

Lecture 4: Styling React Components with React Bootstrap (Todo App Part -2)

Instructors

Ashish Anand
Web Developer

Rating Distribution

1 stars: 4 votes
2 stars: 4 votes
3 stars: 15 votes
4 stars: 32 votes
5 stars: 36 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu