• Post category:StudyBullet-6
  • Reading time:4 mins read


Learn ( HTML CSS JAVASCRIPT ) by building projects and acquiring new skills.

What you will learn

Build Web Page Content with HTML

Make web pages content look nice with CSS

Create interaction on web pages with JavaScript

Build a calculator

Build an analogue clock

Build a todo app

Description

HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Hypertext” refers to links that connect web pages to one another, either within a single website or between websites. Links are a fundamental aspect of the Web. By uploading content to the Internet and linking it to pages created by other people, you become an active participant in the World Wide Web. HTML uses markup to annotate text, images, and other content for display in a Web browser.

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in HTML or XML (including XML dialects such as SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on paper, in speech, or on other media.  CSS (Cascading Style Sheets) is used to style and layout web pages — for example, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and other decorative features.


Get Instant Notification of New Courses on our Telegram channel.


JavaScript is a programming language that adds interactivity to your website. This happens in games, in the behaviour of responses when buttons are pressed or with data entry on forms; with dynamic styling; with animation, etc.

English
language

Content

Introduction

Introduction
What is HTML
What is CSS
What is JavaScript
Installing Text Editor

Create an Analogue Clock

What we will create
Creating project folder and HTML
Create a canvas object
Create clock face
Draw clock numbers
Draw clock time and hand

Create a Calculator

Overview
What we will create
Create directories and files
Creating the calculator structure with HTML
Styling the calculator with CSS
Adding functionally with JavaScript

Create a Todo App

Overview
What we will create
Create project directory and files
Create app structure with HTML
Add style to app with CSS
Add functionality with JavaScript: Part 1
Add functionality with JavaScript: Part 2