Front End Development For Beginners

HTML, CSS, JavaScript and React JS

3.60 (79 reviews)
Udemy
platform
English
language
Web Development
category
instructor
3,802
students
2 hours
content
Jun 2022
last update
$19.99
regular price

What you will learn

Introduction to front-end web development and create your first web pages on the Internet.

Create and style websites using HTML and CSS.

Introduction to JavaScript.

Learn how to add interactive experiences to a website and how to create animations and games.

Description

Front end developers mainly use HTML, CSS, JavaScript and React JS to build front ends.


HTML is the building block of web pages and it stands for HyperText Markup Language.


CSS stands for Cascading Style Sheet and it’s used for styling web pages and making them beautiful.


JavaScript is a programming language and it’s used to give functionality to web pages.


React is a JavaScript library for building fast and interactive user interfaces and it’s currently the most popular JavaScript library in the world for building user interfaces.


Your front end development journey should start with HTML and then be followed by CSS. If you spend 3 to 5 hours per day every day studying and coding each one of them, within 4 to 6 weeks you’ll attain a reasonable level of understanding about HTML and CSS.


Once you learn HTML and CSS then you need to learn JavaScript. Learning, understanding and being able to apply the fundamentals of JavaScript should take you approximately six weeks.

As you can see the first three months are all about learning the fundamentals of HTML, CSS and JavaScript. When you start working on projects, you’ll learn more libraries, packages and frameworks.


In summary, the essential skills for every front developer are HTML, CSS, JavaScript and React. You’ll see these tools listed in almost every job description. For now, keep in mind that less is more and just focus on these five skills and tools.

Content

Introduction

Alida School - Introduction to Front End Development for Beginners

What is HTML

What is HTML

Structure of a Webpage

Structure of a Webpage

HTML Block & Inline Element

HTML Block & Inline Element

Text Formatting

Text Formatting

HTML Lists

HTML Lists

HTML Comments

HTML Comments

HTML Hyperlinks

HTML Hyperlinks

HTML Tables

HTML Tables

HTML Media

HTML Media

What is CSS

What is CSS

CSS Syntax

CSS Syntax

CSS Comments

CSS Comments

CSS Selectors

CSS Selectors

CSS Units

CSS Units

CSS Box Model

CSS Box Model

JavaScript Outline

JavaScript Outline

What is JavaScript

What is JavaScript

JavaScript Variables

JavaScript Variables

JavaScript Data Types

JavaScript Data Types

JavaScript Conditional Statements

JavaScript Conditional Statements

JavaScript Arrays

JavaScript Arrays

JavaScript Objects

JavaScript Objects

JavaScript Functions

JavaScript Functions

JavaScript Loops

JavaScript Loops

JavaScript DOM

JavaScript DOM

JavaScript Selecting Elements in the DOM

JavaScript Selecting Elements in the DOM

JavaScript Event Handler

JavaScript Event Handler

React JS Introduction

React JS Introduction

What is React JS

What is React JS

Creating a React JS App

Creating a React JS App

Hello World in React JS

Hello World in React JS

Styles in React JS App

Styles in React JS App

Events in React JS

Events in React JS

Rendering List Output in React JS

Rendering List Output in React JS

React JS Reusable Components

React JS Reusable Components

React JS Props

React JS Props

React JS Hooks

React JS Hooks

React JS Conditional Statements

React JS Conditional Statements

React JS Data Binding

React JS Data Binding

Screenshots

Front End Development For  Beginners - Screenshot_01Front End Development For  Beginners - Screenshot_02Front End Development For  Beginners - Screenshot_03Front End Development For  Beginners - Screenshot_04

Reviews

Damilola
August 28, 2022
The facilitator broke it down to the most basic level which made it easy to understand for a code layman/beginner like me.
Stjepan
July 19, 2022
Interesting, but too fast... It would be great to have some practical tests (not just theoretical questions) after sections.
Thurein
July 17, 2022
Everything's great but MIC. cant well hear the sound. Thanks for your free cause. i really appreciate it
Akash
June 28, 2022
English was not quite good. And also I still don't understand how to actually use javascript in our html

Charts

Price

Front End Development For  Beginners - Price chart

Rating

Front End Development For  Beginners - Ratings chart

Enrollment distribution

Front End Development For  Beginners - Distribution chart
4687024
udemy ID
5/15/2022
course created date
6/1/2022
course indexed date
Bot
course submited by