Web Development

The Front-End Web Developer Bootcamp: HTML, CSS, JS & React

0.0

(0)

1 Enrolled

95 hours 20 minutes

About Course

Are you interested in learning the skills and tools to create modern, interactive, responsive websites? The Frontend Web Developer Bootcamp: HTML, CSS, JS & React is the perfect course for you! In this comprehensive Bootcamp, you’ll learn HTML, CSS, JavaScript, and React – the building blocks of the web – and gain hands-on experience in creating dynamic and engaging web pages from scratch.

Throughout the course, you’ll work on practical projects that will allow you to apply your knowledge and skills to real-world scenarios. By the end of the course, you’ll have a portfolio of projects to showcase your skills to potential employers or clients.

• Learn the fundamentals of HTML and CSS, including tags, attributes, selectors, and styles.
• Learn how to create responsive layouts using CSS Grid and Flexbox.
• Learn how to use JavaScript to add interactivity to your web pages, including event listeners, DOM manipulation, and basic animations.
• Introduction to React and its core concepts: Learn the basics of React, including components, props, state, and lifecycle methods.
• Learn how to design quality websites using HTML and CSS
• Learn how to create amazing front-end UIs with React!
• You’ll learn the very fundamentals of JavaScript to build modern and complex applications.
• You’ll learn all you need to know to become an experienced, self-assured, and up-to-date JavaScript developer

Course Content

Introduction to HTML5

Introduction

00:00
Features of HTML5.

00:00
Benefits of using HTML5.

00:00
Where and how is HTML5 used.

00:00
HTML5 editors.

00:00
Downloading Visual Studio Code.

00:00

Structure of an HTMLS file

HTML5 basic building blocks

Exploring HTML5 tags

Building a Form from Scratch with HTML5

Block and Inline Elements

Conclusion to HTML5

Introduction to CSS3

Basics Properties of CSS3

Typography Properties of CSS3

Selectors Properties in Depth of CSS3

Display

00:00
Positions.

00:00
Zindex.

00:00
Overflow.

00:00
Float

00:00
DOM Model

00:00
Advanced Selectors.

00:00
Pseudoclasses Part 1

00:00
Pseudoclasses part 2

00:00
PseudoElements.

00:00

Extra features in CSS3

Responsive Design with CSS3

Mini Project

Introduction to JavaScript

Variables

Statements in JavaScript

Operators in JavaScript

Popup Boxes in JavaScript

Events in JavaScript

Loops in JavaScript

Arrays in JavaScript

Arrays

00:00
Modify and delete arrays.

00:00
Sort and revers methods.

00:00
Pop and push methods.

00:00
Shift and unshift method.

00:00
Concat and join method.

00:00
Slice and splice method.

00:00
The isArray method.

00:00
Indexof and lastindex method.

00:00
The forEach method.

00:00
The toString valueOf and fill methods.

00:00
Include methods.

00:00
Some and every method.

00:00
Find and findindex method.

00:00
Filter method.

00:00

Objects and their methods

String and its methods.

JavaScript Number Methods

DOM Model

Dom Model

00:00
Dom other objects.

00:00
Dom get methods.

00:00
Dom styling.

00:00
addEventListener Events.

00:00
useCapture.

00:00
classList method.

00:00
Parent nodes.

00:00
Children nodes.

00:00
First and last child.

00:00
Next and previous siblings.

00:00
Create element text node.

00:00
Append child and insert before.

00:00
Insert adjacent element and insert adjacent HTML.

00:00

Conclusion

Introduction to React A JS library for building user interfaces

Styling Components Hooks

Hierarchy rendering advanced hooks

DOM

Projects

Building a Calculator App

Using the Pokemon API

Conclusion

Instructors

Blemiss EDU

4.4

8 Students

7 Courses

No Review Yet

Level All Levels
Total Enrolled 1
Duration 95 hours 20 minutes
Last Updated September 19, 2024

The Front-End Web Developer Bootcamp: HTML, CSS, JS & React

About Course

What Will You Learn?

Requirements

Audience

Course Content

Introduction to HTML5

Introduction

Features of HTML5.

Benefits of using HTML5.

Where and how is HTML5 used.

HTML5 editors.

Downloading Visual Studio Code.

Structure of an HTMLS file

What are HTML tags.

Structure of an HTML5 file.

File and folder structure.

How to create an HTML5 file.

HTML5 basic building blocks

Heading Tags in HTML.

HTML5 Quotation and Citation tags.

Commenting out code in HTML5.

HTML5 attributes.

How to style in HTML5.

Exploring HTML5 tags

What are anchor tags.

What are image tags.

What are paragraph tags.

What are break tags.

What are table tags.

List Tags

Video Tag

Audio Tag

Building a Form from Scratch with HTML5

Form tags

Input Types

Input attributes size readonly disabled.

Additional input attributes Min max multiple and placeholder.

Required Inputs

Block and Inline Elements

Introduction

Examining Block and Inline Elements.

Conclusion to HTML5

Conclusion

Introduction to CSS3

Introduction to CSS3.

Syntax of CSS3

Uses of CSS3

Types of CSS3

Selectors Colors in CSS3

Basics Properties of CSS3

Background

Borders

Outline.

Height and width.

Margin and padding.

Typography Properties of CSS3

Text alignment

Text decoration.

Text transform

Text spacing

Font family

How to use font awesome icons.

Selectors Properties in Depth of CSS3

Display

Positions.

Zindex.

Overflow.

Float

DOM Model

Advanced Selectors.

Pseudoclasses Part 1

Pseudoclasses part 2

PseudoElements.

Extra features in CSS3

Opacity and important

Borderradius.

Box Shadow.

Responsive Design with CSS3

Grid System.