Note: 

   

If you guys are getting coupon expired or course is not free after opening the link, then it is due to the fact that course instructors provide only few hundreds or thousands of slots which get exhausted. So, try to enroll in the course as soon as it is posted in the channel. The Coupons may expire any time for instant notification follow telegram channel

New customer offer! Top courses from $13.99 when you first visit Udemy

Contains step by step instructions. Learn HTML, CSS with Flex, Grid, Icons & Responsive Web Design

Description

New to programming?

 

Don’t like programming, but you want to get started?

 

You are in the right place. HTML is easier to learn than programming languages like Python, Java, C#.

 

This course contains fine grained steps for anybody to get started.

 

HTML

 

Heading

 

Paragraph

 

Links

 

Images

 

Lists

 

Tables

 

Forms

 

Form Validation

 

Create web pages that capture data from users using forms

 

Understand the purpose of semantic tags

 

CSS

 

Applying styles using Inline, Internal and External

 

Understand Element Selector, Id Selector and Class Selector

 

Understanding and Applying Fonts

 

Font Classification – Serif, Sans Serif, Monospace

 

Font File Types – TTF, OTF, WOFF, WOFF2

 

Understanding fonts installed in your desktop

 

Finding fonts from internet

 

Apply font using @font-face

 

Apply font using @import

 

Font Size – Absolute Size Keywords, Relative Size Keywords, Length, Percentage

 

Font Weight

 

Understanding and applying colors

 

Red, Green and Blue

 

Apply color using RGB

 

Apply color using Hexadecimal values

 

Other color applying options – RGBA, HSL, HSLA, currentcolor

 

Color Picker

 

Create Borders with various styles and apply border radius

 

Apply Spacing using Width, Padding and Margin

 

Position elements using float and clear

 

Understanding the Box Model

 

Understanding Border Box Box Model

 

Design page layout using Float and Clear

 

Display property

 

Apply display property as none, inline, block, inline-block

 

Design page layout using flex

 

Design page layout using grid and understand about fractional unit

 

Apply styles to Form Elements

 

Style Labels

 

Style Input Text

 

Style Password

 

Style Drop Down

 

Style Text Area

 

Align Radio Buttons and Checkboxes

 

Apply border to Input Text

 

Style Buttons with hover effect

 

Position Elements

 

Relative

 

Absolute

 

Fixed

 

Sticky

 

Layout Design using Position

 

Styling List and Table

 

Using Third Party Library Icons using CSS

 

Apply Responsive Web Design using CSS

 

Launch the screens developed during this course into GitHub Pages

 

Who this course is for:

Graduates

Developers looking to enhance their skills

Enroll Now