Tutorials > Learn Web Development Using Html & Css

Learn Web Development Using Html & Css

Date: 16 May 2023 | Posted by: voska89

Published 5/2023
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 5.76 GB | Duration: 5h 54m
Learn to code amazing websites using HTML & CSS for absolute beginners

Free Download 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

Homepage

https://www.udemy.com/course/web-development-using-html-css/

DOWNLOAD LINK

Links are Interchangeable - Single Extraction

See full article