Learn to code – HTML, CSS, and JavaScript

  • Post category:StudyBullet-5
  • Reading time:11 mins read




What you will learn

 

Coding Tools

 

Installing web browsers

 

Planning a website

 

Designing a website

 

Choosing assets

 

Create HTML Document

 

HTML Attributes

 

MarkUp HTML Text

 

Create Links

 

Ways to apply CSS

 

CSS Selectors

 

CSS BOX Model

 

CSS Margin and Padding

 

CSS Background color

 

CSS Font Property

 

Where to add JavaScript

 

Variables and Arrays

 

Conditional statements

 

Functions

 

Data Types

 

Operators and Events

 

Create a calculator

 

Create an interactive quiz

 

Create a Todo List App

Description

Learning to code can be both fun and rewarding. It is exciting to be able to write some code that gives the computer a bunch of tasks to perform.


Get Instant Notification of New Courses on our Telegram channel.


I  always advise beginners to start with coding for the web to build their coding skills. The three technologies every web developer must know are :

  • HTML : Used to create  content

  • CSS: Used to present the content

  • JavaScript : Used to create interaction

 

They are the building blocks of all websites and web based projects.

This course will teach you the basics of these three technologies by creating

  • A basic one page website project.

  • A calculator

  • A Todo list app

  • An interactive quiz app.

 

What You will learn :

  • Coding Tools

  • Installing web browsers

  • Planning a website

  • Designing a website

  • Choosing assets

  • Create HTML Document

  • HTML Attributes

  • MarkUp HTML Text

  • Create Links

  • Ways to apply CSS

  • CSS Selectors

  • CSS BOX Model

  • CSS Margin and Padding

  • CSS Background color

  • CSS Font Property

  • Where to add JavaScript

  • Variables and Arrays

  • Conditional statements

  • Functions

  • Data Types

  • Operators

  • Events

  • Create a calculator

  • Create an interactive quiz

  • Create a Todo List App

 

 

JavaScript is an object-oriented programming language employed by most websites along with HTML and CSS to create robust, dynamic and interactive user experiences.

The JavaScript programming language was introduced in 1995 and has since become one of the most popular with support by all major web browsers. JavaScript programs are used both client-side and server-side to add functionality to web pages. Stack Overflow developer survey listed JavaScript as the most popular front end developer and back end development technology.

Javascript is one of the main programming languages used in web development.

Not only is javascript easy to use and very versatile,

but those who have the skills to use it are in very high demand.

Companies are always looking for people with Javascript proficiency.

It is a great language to learn if you are interested in web development

because the skills you learn from Javascript online courses are very transferable.

 

 

 

 

 

English
language

Content

Introduction and required coding tools

Introduction
What is HTML
What is CSS
What is JavaScript
Required Tools
Install text editors
Install web browsers

Planning and designing a website

Planning your website
Sketch the design
Choosing your assets
Creating project directory

Coding with HTML

Anatomy of an HTML Element
Basic structure of an HTML document – Part 1
Creating a basic structure of an HTML document – Part 1
Creating a basic HTML document structure -Part 3
Creating a basic structure of an HTML document – Part 2
The Source Code
HTML Attributes
Marking UP Text
Creating Links
HTML Comments

Coding with CSS

Ways to apply CSS
Styling multiple properties
Styling multiple elements
Modifying CSS
Basic CSS Selectors
CSS Comments
CSS BOX Model
CSS Margin and Padding Property
Changing background color
CSS border property
Styling page title
CSS Display property
CSS font property
Using Google Fonts

Coding with JavaScript

Where to Place JavaScript
JavaScript Variables
Variable Naming Convention
JavaScript Arrays
Data Types
Mixing Data Types
What are Operators
Arithmetic Operators
Assignment Operators
Operator Precedence
String Operators
Comparison Operators
Logical Operators
Typeof Operator
Conditional statements
What are Functions
JavaScript Comments
Linting tools
JavaScript Events
Adding an Image Changer
Fixing JSLINT Warnings -Part 1
Fixing JSLINT Warnings -Part 2
Add a welcome greeting message

Create a Todo App

Overview
What we will create
Creating directory and files
Create HTML structure for the app
Add styling with CSS
Add functionality with JavaScript – Part 1
Add functionality with JavaScript – Part 2

Create a Calculator

Overview
What we will create
Creating directory and files
Creating HTML structure
Add styling with CSS
Add functionality with JavaScript

Create interactive Quiz App

Overview
What we will create
Creating directory and files
Creating HTML structure
Add styling with CSS
Add functionality with JavaScript – Part 1
Add functionality with JavaScript – Part 2

 

Enroll for Free

 

💠 Follow this Video to Get Free Courses on Every Udemy Topics! 💠

 

Tags: , , , ,