Code Your First Website with HTML & CSS for Kids & Beginners
- Description
- Curriculum
- FAQ
- Reviews
Are you ready to build your very first website in 2019 with HTML and CSS?Â
This is the perfect course to start with. This course is designed for beginners like you that are ready to learn HTML and CSS without any coding experience required.
I’ve had students from 9 years to 58 years old complete my course. It’s never too early or too late to learn HTML and CSS!
HTML and CSS is the perfect tool to add to your skillset!
MESSAGE TO PARENTS
Why should your child learn to code? Well… coding is the new literacy and it’s rapidly growing! HTML and CSS are used by every website in the world, and it’s a great place to start!
There are so many benefits – becoming fluent in technology, critical thinking skills, problem-solving skills, great career paths and more.
Computers are a big part of our future and every child should learn basic coding, not just those seeking a career in software development. Even celebrities, CEOs, and those alike are finally recognizing the benefits of children learning how to code. Here’s what just a few of them are saying:
“Computers are going to be a big part of our future…and that future is yours to shape.” -Former President, Barack Obama
“Learning to write programs stretches your mind, and helps you think better, creates a way of thinking about things that I think is helpful in all domains.” -Co-Founder Microsoft, Bill Gates
“You can be good at technology and like fashion and art. You can be good at technology and be a jock. You can be good at technology and be a mom. You can do it your way, on your terms.” -Former CEO Yahoo!, Marissa Mayer
Become fluent in technology
Interacting with technology is part of everyday life. Coding with HTML and CSS helps children create technology, express themselves in new ways.
It also helps them understand how many online businesses and services work.
Programmers are in high demand
Employment is expected to grow 17% by 2024 (via BLS)
According to the Bureau Labor of Statistics (BLS), the average salary for a software developer is $102,280 per year.
Learn to think and problem solve
Programming teaches children (and adults) how to solve large problems by breaking them down into small achievable steps.Â
These critical thinking skills can be cross-utilized in many areas of life.
Why learn from me?
I’ve been building HTML and CSS websites for many years. In college, I used to build HTML and CSS websites (along with WordPress websites) for local businesses, in order to pay for my expenses.
I love how simple HTML and CSS can be when it’s broken down into achievable steps!
I still remember the first HTML and CSS website that I built for myself. It was a real struggle just to get it to look the way I wanted. I’ve kept everything in mind while creating this course. I’ll explain each item step by step in its own video. I’ll also be happy to answer any HTML and CSS questions you may have in the student forum for this course (available to enrolled students only).
COURSE CONTENT
-
You will learn the basic HTML structure used by every website!
-
You will know how to organize your HTML code.
-
You will learn how to style your HTML elements using CSS.
-
You will learn how to change text color, font size, background color, and more!
-
You will learn how to leave comments in your HTML and CSS code.
-
You will know how to create links, images, menus, and more!
-
You will know how to change fonts with CSS
-
You will know how to create padding and margin with CSS.
DESIGN ANDÂ BUILD YOUR FIRST HTML AND CSS SITE
No matter what your goal is with learning HTML and CSS, I want to make sure you’re able to achieve it. If you have any questions or run into any roadblocks, then I’m here to help!
Who is this HTML and CSS course for?
This course is for kids and beginners trying to learn how to code with HMTL and CSS. This course is NOT for learning WordPress or prebuilt website builders. If you are interested in WordPress then please check out my other course.
With Udemy’s 30-day 100% money-back guarantee, there’s no reason to hesitate. Enroll now, try it out, and see if you like the course!
I can’t wait to help you build your very first website with HTML and CSS!
Cheers,
Kevin Kennedy, Product Design Online
-
2HTML overview
In this lecture you will learn a brief overview of HTML, including the following:
- What HTMLÂ stands for
- What "hyper text" is
- Who sets the standards for HTML
- Beginning and ending tags
-
3What is HTML?
3 quick questions about the HTML overview.
-
4Basic HTML structure
In this lecture you will learn how to spot errors in the text editor.  Then, you'll learn the basic structure of HTML including the following tags:
- <!DOCTYPE html>
- <html>
- <head>
- <title>
- <body>
- <footer>
-
5Nav tags
In this lecture you will learn:
- the use of <nav> tags
-
6H1 to H6 - heading tags
In this lecture you will learn:
- H1 to H6 heading tags
- Their level of importance
-
7Paragraph tags
In this lecture, you will learn how to define a paragraph tag.
-
8Basic HTML structure
-
9Creating a line break
In this lecture you will learn:
- <br> tag
- not all tags have an ending tag
-
10Adding a link
In this lecture you will learn:Â
- how to add links to the navigation
- what "href" means
- some items a link can direct to
- # as a placeholder
-
11Adding an image
In this lecture you will learn:
- The <img> tag
- "Src" attribute
- "Alt" attribute
- How to set height and width of an image
-
12Creating an image with a link
In this lecture, we will build upon the last two. You will learn how to create an image that acts as a link.
-
13Add an image with a link
-
14Using the div tag
In this lecture you will learn:
- The <div> tag
- why we use it
-
15Creating unordered and ordered lists
In this lecture you will learn:
- How to create an ordered list (1, 2, 3, etc...)
- How to create an un-ordered list (bullet points)
-
16Forms
In this lecture, you will learn how to create a form for a name/email submission.
-
17Tables
In this lecture you will learn how to create a table, including the following tags:
- <table>
- <tr>
- <th>
- <td>
-
18Create an unordered list with your favorite movies
-
19Creating comments in HTML
In this lecture, you will learn how to create a comment for:
reminding yourself something
letting a friend know something about your code
saving part of the code for later
-
20Review HTML elements
A 19 question quiz covering all the HTML elements in this section. It is highly recommended that students be able to pass this quiz before moving on to the next section.
-
21CSS overview
In this lecture you will learn a brief overview of CSS, including the following:
- What CSS stands for
- Overview of what CSSÂ can do
- How it works with HTML
-
22What is CSS?
3 quick questions about the CSS overview, and how it's loaded into HTML.
-
23CSS syntax
In this lecture you will learn the basics of CSS syntax including the following:
- selector and declaration block
- property and value
-
24Background color
In this lecture you will learn the background color property including the following:
- syntax
- web safe colors
-
25Creating an ID
In this lecture you will learn how to create an id including the following:
- syntax
- naming rules
-
26Creating classes
In this lecture you will learn how to create a class including the following:
- syntax
- naming rules
-
27Create a border
In this lecture you will learn the border color property including the following:
- syntax
-
28Border radius
In this lecture you will learn the border-radius property including the following:
syntax
shorthand property
top, right, bottom, left
-
29Padding
In this lecture you will learn the padding property including the following:
- syntax
- individual sides
-
30Creating a border
A 3 question quiz covering all the CSS properties related to creating a border.
-
31Margin
In this lecture you will learn the margin property including the following:
- syntax
- individual sides
-
32Font size
In this lecture you will learn the font size property including the following:
- syntax
- pixels, percentages, small, medium, large
-
33Font weight
In this lecture you will learn the font-weight property including the following:
syntax
normal, bold, bolder, lighter
numbers 100 - 900
-
34Text transform
In this lecture you will learn the text transform property including the following:
- syntax
- uppercase, lowercase, capitalize, none
-
35Text color
In this lecture you will learn the text color property including the following:
- syntax
- web safe colors
-
36Aligning the text
In this lecture you will learn the text align property including the following:
- syntax
- left, right, center, justified
-
37Changing the look of our text
A 5Â question quiz covering all the CSS properties that allow us to change the look of our text.
-
38Font family
In this lecture you will learn the font family property including the following:
- syntax
- web fonts
- fallback fonts
- family name vs generic name
-
39Font style
In this lecture you will learn the font style property including the following:
- syntax
- normal, italic, oblique
-
40Changing our font
A 2Â question quiz covering the CSS properties that allow us to change our fonts.
-
41CSS comments
In this lecture you will learn how to create comments in CSS including the following:
- syntax
- why you should write comments
- how browsers treat them