Learn Code Online
Learn Code Online Logo

HTML & CSS For Modern Web Development 

  • Offered byLearn Code Online

HTML & CSS For Modern Web Development
 at 
Learn Code Online 
Overview

Learn web development basics with HTML and CSS. Absolutely for beginner-friendly course.

Total fee

299

Mode of learning

Online

Official Website

Go to Website External Link Icon

Credential

Certificate

Details Icon

HTML & CSS For Modern Web Development
 at 
Learn Code Online 
Course details

What are the course deliverables?
  • BY the end of this course, students will have the confidence to build web pages
More about this course
  • HTML and CSS are considered as one of the easiest topics to learn, yet one of the most challenging to teach.
  • With HTML and CSS, the biggest problem is that most people know a few tags but knowing the tags will not create a product, a web page
  • This course is about a professional approach to learn the foundation of web development.
  • In this course, student will the professional way to take down web pages and explore the vast ocean of possibilities of web development.

HTML & CSS For Modern Web Development
 at 
Learn Code Online 
Curriculum

Getting started

Course FAQ

Introduction to web dev

Get the development tools

Grab a design too

your first hello world

Exercise files

Full Code Sandbox

We do not write without emmet

Getting started with emmet

Emmet and speedy html

parent child and grouping

emmet in css

Emmet cheat sheet

HTML and DOM

An old style blog

Why DOM is important

Inline vs Block and Bring in images

Lists and interlinking pages

Getting a video on service page

3 plans in a table

GET and POST forms

Types of input forms

Starting with CSS

Secret to learn CSS

Explore and bring in fonts

Bring in colors and styles

transition and box shadow DOCS

Margin and padding

Button gets all and assignment

Working on coming soon template

Introduction to CSS Variables and new projects

Browsers default and variables

Getting more control over elements

Mobile responsive web page

What are media queries

Media queries in action

App landing page-setup

Navigation bar for website

Bring content in columns

Cover image in CSS

Start with flexbox

Buttons and columns in flexbox

Absolute position in CSS

10 Media query for 2 screens

Register a new account

Handle conflict in CSS-inline vs file

Strategy and placing HTML

Class and ID for testers

Where to use Z index

Bootstrap style of CSS

Fixing CSS on form

Doing your Assignment

CSS animation and library

Animation and keyframes

Third party animation library

Razorpay style clipping

Not a payment gateway integration

Flexbox in CSS

What is flexbox

Get to know the power of flexbox

Flexbox series - Axis and Flex Direction

Flexbox series - Justify content

Align Items in flexbox

Flex Wrap in flexbox

Flexbox series Ordering the elements

Flex grow in flexbox

Exam and Certification

Exam FAQ

Certification quiz

Other courses offered by Learn Code Online

399
– / –
– / –
299
– / –
– / –
299
– / –
– / –
299
– / –
– / –
View Other 1 CoursesRight Arrow Icon
qna

HTML & CSS For Modern Web Development
 at 
Learn Code Online 

Student Forum

chatAnything you would want to ask experts?
Write here...