- +91 844 9090 904
- info@maximumlearning.io
- Sector 62, Noida, 201309
Category
Build Websites from Scratch with HTML & CSS
Learn Web Development Essentials and Become a Web Developer From Scratch in this Complete HTML & CSS Beginner's Course
- Description
- Curriculum
- FAQ
Do you want to learn how to build websites from scratch?
With this online course—from one of Udemy’s top web design instructors, Brad Hussey—you will learn HTML & CSS by building beautiful, modern and responsive websites! You will have a strong foundation in web development that will enable you to start creating any website you can imagine.
By the end of this course, you will be competent in HTML & CSS and be able to create your own professional-grade website from scratch – no prior experience required! You will also have the skillset necessary to continue learning about web development and advancing your career.
Sign up for this online course today and start building your very own websites!
– – –
What is HTML & CSS?
HTML and CSS are the two most important languages for a new web developer to learn. They are also the easiest. If you’ve always wanted to build webpages, but were intimidated by the code, this course will help you learn your first two languages quickly and easily.
Taking a step-by-step approach, this course will have you learning by doing, building several mini-websites from scratch.
Learn the Two Most Important Languages to Web Design Quickly and Easily.
-
HTML Foundations
-
Parent/Child Structure
-
CSS Foundations
-
ID Selectors
-
Coding and Styling
-
What Web Pages are Built Of
Every webpage that you see on the internet is built using code. There are many different programming languages that can make your website do various things, but the two most important to learn are HTML and CSS. In fact, even people who plan on allowing someone else to build their website should have a basic grasp of both languages. This way you can tweak things behind the scenes, or change some of your formatting without having to always rely on others.
Contents and Overview
This course of more than 77 lectures and 8 hours of content gives you a basic, yet thorough understanding of both HTML and CSS. The course focuses on having you begin writing code right away so you can learn through doing, and build your own completely functional HTML and CSS webpage at the end.
You’ll begin by learning what HTML and CSS are, so you can get an understanding of what it is that they do. During the course you’ll build several mini-websites that take what it is that you’ve learned and apply it to real world exercises to help cement the skills.
Everyone from aspiring web designers to bloggers, programmers to business owners, company employees and tech hobbyists can benefit from learning some HTML and CSS! Learn to build your own dynamic and beautiful websites or manage the website that you already have.
If you plan on becoming a web programmer or a web designer yourself, HTML and CSS are the first two languages you’ll need to succeed. In fact HTML is required for anyone that wants to get into web development from any angle. Learning it simultaneously with CSS allows you to hit the ground running with page design.
HTML Foundations: Part I
-
1
Welcome & What We're LearningWelcome to Build a Website from Scratch with HTML & CSS! This very first lecture briefs you on the style in which we will be learning how to code HTML & CSS from scratch.
-
2
What is HTML & CSS?
In this lesson, you'll learn an overview of HTML & CSS and why they are important.
-
3
HTML Tags, Attributes & ElementsIn this lecture, we learn about HTML Tags, Attributes & Elements.
-
4
Best Practices for Naming Files & Folders
If you're designing a website, it's important to have the right file names for all your images and other media. In this video I share some best practices for naming files and folders in web design.
-
5
File & Folder Naming Conventions
In this lecture, we learn about the typical file & folder naming conventions in most websites.
-
6
How to Organize Your Website Files & Folders
In this video, we will show you the best practices for organizing your website files and folders.
We'll start by discussing some general tips for organizing your files and folders, then we'll take a look at some specific examples of how to organize your website's files. Finally, we'll provide a few tips on how to keep your website's files organized over time.
-
7
Typical Website File & Folder Structure
In this lecture, we learn about the basic file & folder structure of a simple website.
-
8
Pro Tip: Keep Your Production Files!
In this video I show why it's important to keep your production files in web design and how they can be used.
-
9
Managing Your Production Files
In this lecture, we learn how to keep our production files neat & tidy using best practises of professional web designers.
-
10
Modern Tools for the Modern Web Developer
Looking for the best web design tools? Look no further! In this video, we recommend some of our favorite tools and give you a quick overview of how each one works.
-
11
Tools of the Trade
In this lecture, we learn about the right tools to use in your web design journey.
Please note:
In the external resources section of this lecture, I provide a number of links where you can download / purchase software to enhance your learning experience with me. Some of these links are my "affiliate" links, and should you decide to purchase software using these links, I will receive a small commission at no extra cost to you. Think of it as a free tip :)
-
12
HTML QuizWhat we've learned about HTML so far.
HTML Foundations: Part II
-
13
Starting Your First Web Page
In this lecture, we learn how to start building our very first web page! Amazing!
-
14
The Doctype
What's a Doctype? In this lecture we learn what the heck a Doctype is, and why you need one :)
-
15
The Basic Structure of an HTML Document
In this lecture, we learn how to hand code the basic structure of an HTML document.
-
16
Page Title
In this lecture, we learn about how to add a Page Title to our web page with HTML.
-
17
Headings
In this lecture, we learn how to code HTML headings 1 through 6. It's awesome.
-
18
Paragraphs
In this lecture, we learn how to code HTML paragraphs.
-
19
Emphasis & Strong Emphasis
In this lecture, we learn how to emphasize text using HTML emphasis and strong emphasis.
-
20
HTML Parent/Child Structure
In this lecture, we learn about the HTML Parent/Child relationship and how HTML tags and elements are related. Kind of like a family tree.
-
21
Get Your Hands Dirty!
In this lecture, we get our hands dirty and put everything we've learned from this section into practise by building a mini-website.
-
22
HTML Foundations Coding Excercise
-
23
HTML Foundations Quiz I
What we've learned in this section of HTML Foundations.
HTML Foundations: Part III
-
24
Hyperlinks
In this lecture, we learn how to add links to web pages.
-
25
Lists
In this lecture, we learn about the three types of HTML lists:
- Unordered lists
- Ordered lists
- Description lists
-
26
Images
In this lecture, we learn how to add images to our website!
-
27
Address
In this lecture, we learn about the HTML5 address tag.
-
28
Get Your Hands Dirty!
In this lecture, we get our hands dirty and build a mini-website using the skills we've learned so far in this section.
-
29
HTML Coding Excercise II
-
30
HTML Foundations Quiz II
What we've learned in this section of HTML Foundations.
HTML Foundations: Part IV
-
31
Tables
In this lecture, we learn about good ol' HTML tables.
-
32
Forms
In this lecture, we learn how to code a form in HTML.
-
33
HTML Special Characters
In this lecture, we learn about HTML Special Characters.
-
34
Get Your Hands Dirty!
In this lecture, we get our hands dirty and put everything we've learned in this section to practise by building a mini-website.
-
35
HTML Tables Excercise
-
36
HTML Foundations Quiz III
What we've learned in this section of HTML Foundations.
CSS Foundations: Part I
-
37
IDs & Classes
In this lecture, we learn about HTML IDs and Classes.
-
38
Span & Div
In this lecture, we learn about the Span and Div tags.
-
39
Header & Footer
In this lecture, we learn about the HTML5 header and footer tags.
-
40
Nav, Section & Article
In this lecture, we learn about the HTML5 nav, section & article tags, and how to use them properly.
-
41
Aside
In this lecture, we learn about the HTML5 Aside Tag.
-
42
Time
In this lecture, we learn about the HTML5 Time Tag.
-
43
Abbreviations & Quotes
In this lecture, we learn about the HTML Abbreviation, Quote, and Blockquote tags.
-
44
Get Your Hands Dirty!
In this lecture, we get our hands dirty and build a mini-website using the skills we've learned in this section of the course.
-
45
HTML Foundations Quiz IV
What we've learned in this section of HTML Foundations.
-
46
HTML Foundations Exercise IV
CSS Foundations: Part II
-
47
The Style Rule
In this lecture, we learn what a CSS Style Rule is.
-
48
Inline styles
In this lecture, we learn about one of the three ways of adding CSS to your website: Inline CSS.
-
49
Internal styles
In this lecture, we learn about one of the three ways of adding CSS to your website: Internal CSS.
-
50
External styles
In this lecture, we learn about the best way to add CSS to your website: External CSS.
-
51
CSS Selectors, Properties & Values
In this lecture, we learn about CSS selectors, properties & values.
-
52
Inheritance of Styles
In this lecture, we learn a little about the inheritance of styles in CSS.
-
53
Pixels, Percentages, Points & Ems!
This is a short lecture about the most common measurements used in CSS.
-
54
Get Your Hands Dirty!
In this lecture, we get our hands dirty and build a mini-website that contains everything we've learned in this section.
-
55
CSS Foundations Quiz I
What we've learned in this section of CSS Foundations.
CSS Foundations: Part III
-
56
ID Selectors
In this lecture, we are introduced to the ID Selector in CSS.
-
57
Class Selectors
In this lecture, we are introduced to the CSS Class Selectors and how we can use them to code CSS like a Ninja!
-
58
Descendant Selectors
In this lecture, we take CSS a step further with Descendant Selectors.
-
59
Grouping Selectors
In this lecture, we learn how to group selectors together in CSS for even more efficient coding!
-
60
Get Your Hands Dirty!
In this lecture, we get our hands dirty and build a mini-website with the skills we've learned so far in this section.
-
61
Get Your Hands Dirty — Minor Update
This is an update to the previous Get Your Hands Dirty lecture.
-
62
CSS Foundations Quiz II
What we've learned in this section of CSS Foundations.
CSS Foundations: Part IV
-
63
The Box Model
In this lecture, we learn about the CSS Box Model.
-
64
Colours (or Colors)
In this lecture, we are introduced to CSS colours.
-
65
Text Styling & Formatting
In this lecture, we learn about text-specific styles in CSS.
-
66
Sexy Typography
In this lecture, we learn how to make our typography "sexy" with a couple simple CSS styles.
-
67
Borders
In this lecture, we learn about CSS Borders.
-
68
Background Images
In this lecture, we learn about CSS Background Images.
-
69
Styling Forms
In this lecture, we learn how to make a plain ol' HTML form beautiful with CSS!
-
70
Get Your Hands Dirty!
In this lecture, we build a beautiful mini-website with everything we've learned so far in this section.
-
71
CSS Foundations Quiz III
What we've learned in this section of CSS Foundations.
Putting It All Together
-
72
Styling Links
In this lecture, we learn how to style Hyperlinks.
-
73
Block & Inline Elements
In this lecture, we learn the difference between block & inline elements.
-
74
Float & Clear
In this lesson, you'll learn all about CSS Floats and how to use them to create layouts.
-
75
CSS Positioning
In this lecture, we learn about relative and absolute positioning.
-
76
CSS Specificity
In this lecture, we learn about CSS specificity.
-
77
Get Your Hands Dirty! (Part1)
In this lecture, we build a beautiful mini-website with the skills we've learned so far!
-
78
Get Your Hands Dirty! (Part 2)
This is part 2 of the previous lecture.
-
79
CSS Foundations Quiz IV
What we've learned in this section of CSS Foundations.
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
Category:
Course details
Video
7 hours
Certificate of Completion
Popular courses
Google