Learn Web Development Using Html & Css

Learn to code amazing websites using HTML & CSS for absolute beginners

What you'll learn

Get to Know How to Code Website

To Use HTML in Real World Projects

To Use CSS in Real World Projects

Learn About Releasing Website Online

Requirements

No previous coding experience is needed

Need to know how to use a computer and install required simple tools

Description

In this course I will teach you how you can build websites using HTML & CSS. Learning web development is really important if you are just getting started in IT field. Knowing how to code real world projects using HTML & CSS is probably one of the best skill that beginner can have. In this series I go over step by step process to make you skillful to code frontend websites.You might just want to do learn for getting job as a web developer or want to become a freelancer, regardless I will make you understand how can one actually code the website as per the requirement given to them. We will go over following topics in this beginner friendly courseIntroduction to HTML & CSSCSS conceptsLists & FormsLayout building with Flexbox and CCS GridMedia queriesBuilding Production level website using HTML & CSSReleasing website onlineIf you are someone who wants to learn how to build website using HTML & CSS then this course is for youI have divided course into following sections so that you can learn everything step by step.Section 1 - I will introduce you to HTML & CSS basics & we will host simple website onlineSection 2 - I will teach you important basic concepts in CSSSection 3 - Lists & forms are important when you build any website, in this section I will teach you how to work with them and use them for real world project.Section 4 - In this section we will learn probably most important concept to make website look good, that is to create layout using Flexbox and CSS GridSection 5 - This section is all about making website look good on all screen sizes, maybe one person is viewing your website on Mobile, Tablet or a Desktop, your website will look good in all the sizesSection 6 - Building production grade website, don't worry I will be teaching you how to build it step by step and make you understand all the concept we learnt so far to build a proper website. We will also release this website to a free hosting site named netlify and make the contact form work.

Overview

Section 1: Course Intro

Lecture 1 Why you should learn HTML & CSS

Lecture 2 What to expect from this course

Lecture 3 How to get code files for this course

Lecture 4 What and all this course will include

Section 2: Introduction to HTML & CSS

Lecture 5 Installation & Hello World HTML project

Lecture 6 Adding CSS to to Hello World project

Lecture 7 Commonly used HTML tags

Lecture 8 Creating stylesheets and CSS basics

Lecture 9 CSS classes and using them in our project

Lecture 10 Adding images to out project

Lecture 11 Creating pages & navigating using a tag

Lecture 12 Releasing our project to netlify

Section 3: CSS concepts

Lecture 13 How add font styles to our project

Lecture 14 Adding font from google fonts

Lecture 15 Colors & background

Lecture 16 Padding

Lecture 17 Margin

Lecture 18 Box shadows

Lecture 19 Border radius

Lecture 20 Adding box shadow and rem units

Section 4: Lists & Forms

Lecture 21 Lists in html

Lecture 22 Styling lists

Lecture 23 HTML forms

Lecture 24 Special input methods

Lecture 25 Styling forms

Lecture 26 Real world project using html lists and forms

Lecture 27 Real world project using html styling form pages

Section 5: Layout building with Flexbox and CSS grid

Lecture 28 Introduction to building layout in css

Lecture 29 Flexbox basics

Lecture 30 Arranging website to create a decent layout using flexbox

Lecture 31 CSS Grid basics

Lecture 32 Arranging websites to create decent layout using grid

Section 6: Media Queries

Lecture 33 What is responsiveness in web development

Lecture 34 Media queries basics

Lecture 35 Building simple mobile responsive website

Lecture 36 Adding media queries to make website mobile responsive

Lecture 37 Mobile first approach

Section 7: Building Production Level Website

Lecture 38 Project introduction & initial setup

Lecture 39 Writing HTML for home page

Lecture 40 Styling navbar & hero section

Lecture 41 Completing home page styles

Lecture 42 About page html coding

Lecture 43 Styling about page

Lecture 44 Coding explore page html

Lecture 45 Styling explore page

Lecture 46 Contact page html & styling it

Lecture 47 Making website mobile responsive

Lecture 48 Releasing website to netlify

Lecture 49 Making contact form work

Section 8: Bonus

Lecture 50 How to use Git & GitHub to manage our project

Lecture 51 Releasing website to netlify using Git & GitHub

Beginners who want to learn how to code websites