• Post category:StudyBullet-7
  • Reading time:9 mins read


HTML, CSS, JavaScript and React JS

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.


Get Instant Notification of New Courses on our Telegram channel.


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.

English
language

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