Coding basic websites with HTML & CSS - for Kids / Beginners
4.7 (19 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
69 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Coding basic websites with HTML & CSS - for Kids / Beginners to your Wishlist.

Add to Wishlist

Coding basic websites with HTML & CSS - for Kids / Beginners

Begin learning the in demand skill of programming, in a rapidly growing job market. Become the next Zuckerberg!
New
4.7 (19 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
69 students enrolled
Created by Kevin Hauger
Last updated 8/2017
English
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 1 Article
  • 5 Supplemental Resources
  • 3 Coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Code the basic HTML structure used by every website.
  • Style websites with entry-level CSS.
View Curriculum
Requirements
  • You should be able to use a computer at a beginner level
  • You should be able to write a complete sentence in English.
Description

Message to Parents

Why should your child learn to code? Well... coding is the new literacy and it’s rapidly growing! HTML and CSS is used by every website in the world, and it's a great place to start!

There are so many benefits - becoming fluent with 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 every day life. Coding 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 in life.

-----

About me, the instructor - Kevin Hauger

I’m a product designer, kids coding mentor, and web developer that loves to code.

Learning how to code is one of the best decisions I’ve made in my life! I first gained interest in learning how to code while studying product design at The University of Illinois Urbana-Champaign.

I started out teaching small community workshops in the Champaign-Urbana (IL) area. Since then, I’ve created this online course in order to reach more kids and beginners in order to have a bigger impact.

I enjoy helping children/beginners learn the skills to a more fulfilling life!

Who is the target audience?
  • Anyone who wants to learn to code
  • Anyone with no prior coding knowledge
  • Anyone looking to re-learn HTML & CSS.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
35 Lectures
01:45:27
+
Introduction
2 Lectures 02:02

In this course you will learn basic HTML & CSS, with each lesson building upon one another. There will also be a few quizzes and coding challenges along the way to practice what you learn!

Preview 00:56

Prepare for this course by having an up to date web browser ready. I recommend using Google Chrome, which you can download for free.

Preview 01:06
+
Let's learn HTML
14 Lectures 51:28

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
Preview 01:25

3 quick questions about the HTML overview.

What is HTML?
3 questions

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>
Preview 04:39

In this lecture you will learn:

  • the use of <nav> tags
Nav tags
00:44

In this lecture you will learn:

  • H1 to H6 heading tags
  • Their level of importance
H1 to H6 - heading tags
03:33

In this lecture you will learn how to define a paragraph.

Paragraph tags
03:15

Basic HTML structure
1 question

In this lecture you will learn:

  • <br> tag
  • not all tags have an ending tag
Creating a line break
02:13

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
Adding a link
05:08

In this lecture you will learn:

  • The <img> tag
  • "Src" attribute
  • "Alt" attribute
  • How to set height and width of an image
Adding an image
05:37

In this lecture we will build upon the last two.  You will learn how to create an image that acts as a link.

Creating an image with a link
02:30

Add an image with a link
1 question

In this lecture you will learn:

  • The <div> tag
  • why we use it
Using the div tag
03:27

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)
Creating unordered and ordered lists
05:19

In this lecture you will learn how to create a form for a name / email submission.

Forms
04:17

In this lecture you will learn how to create a table, including the following tags:

  • <table>
  • <tr>
  • <th>
  • <td>
Tables
04:55

Create an unordered list with your favorite movies
1 question

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
Creating comments in HTML
04:26

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.

Review HTML elements
19 questions
+
Let's learn CSS
17 Lectures 50:06

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
Preview 00:58

3 quick questions about the CSS overview, and how it's loaded into HTML.

What is CSS?
1 question

In this lecture you will learn the basics of CSS syntax including the following:

  • selector and declaration block
  • property and value
Preview 02:03

In this lecture you will learn the background color property including the following:

  • syntax
  • web safe colors
Background color
05:15

In this lecture you will learn how to create an id including the following:

  • syntax
  • naming rules
Creating an id
05:10

In this lecture you will learn how to create a class including the following:

  • syntax
  • naming rules
Creating classes
02:05

In this lecture you will learn the border color property including the following:

  • syntax
Create a border
03:11

In this lecture you will learn the border radius property including the following:

  • syntax
  • shorthand property
  • top, right, bottom, left


    Border radius
    05:01

    In this lecture you will learn the padding property including the following:

    • syntax
    • individual sides
    Padding
    05:24

    A 3 question quiz covering all the CSS properties related to creating a border.

    Creating a border
    3 questions

    In this lecture you will learn the margin property including the following:

    • syntax
    • individual sides
    Margin
    03:26

    In this lecture you will learn the font size property including the following:

    • syntax
    • pixels, percentages, small, medium, large
    Font size
    02:05

    In this lecture you will learn the font weight property including the following:

    • syntax
    • normal, bold, bolder, lighter
    • numbers 100 - 900
    Font weight
    02:21

    In this lecture you will learn the text transform property including the following:

    • syntax
    • uppercase, lowercase, capitalize, none
    Text transform
    01:38

    In this lecture you will learn the text color property including the following:

    • syntax
    • web safe colors
    Text color
    01:15

    In this lecture you will learn the text align property including the following:

    • syntax
    • left, right, center, justified
    Aligning the text
    02:56

    A 5 question quiz covering all the CSS properties that allow us to change the look of our text.

    Changing the look of our text
    5 questions

    In this lecture you will learn the font family property including the following:

    • syntax
    • web fonts
    • fallback fonts
    • family name vs generic name
    Font family
    02:20

    In this lecture you will learn the font style property including the following:

    • syntax
    • normal, italic, oblique
    Font style
    01:15

    A 2 question quiz covering the CSS properties that allow us to change our fonts.

    Changing our font
    2 questions

    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
    CSS comments
    03:43
    +
    Final Project
    2 Lectures 01:51

    *Please view the attached document.

    Project overview
    00:52

    A 19 question quiz covering all the CSS properties covered in this section. It is highly recommended that students be able to pass this quiz before moving on to the final project.

    Review CSS properties
    19 questions

    Conclusion and next steps
    00:59
    About the Instructor
    Kevin Hauger
    4.7 Average rating
    19 Reviews
    69 Students
    1 Course
    Kids Coding Mentor | Product Designer | Web Developer

    My passion is inspiring people through coding courses. I love learning new skills, and since 2013 have been teaching community members everything I know. Since then, I've started creating online videos to reach more people and have a bigger impact.

    What would you like to learn?

    Would you like to understand how websites are built?

    Would you like to make money creating websites for others?

    Would you like to learn HTML & CSS?

    Would you like to learn more about the web?

    If you want to do any of these things, just enroll in the course. You have a 30-day money back guarantee if you don't like it. And I'm always improving my courses so that they stay up to date and the best that they can be. Check them out, and enroll today!

    More about me, Kevin Hauger:

    I’m a product designer living in Austin, TX, that loves to code.

    Learning how to code is one of the best decisions I’ve made in my life! I first gained interest in learning how to code while studying product design at The University of Illinois Urbana-Champaign.

    I started out teaching small community workshops in the Champaign-Urbana (IL) area. Since then, I’ve created this online course in order to reach more kids/beginners and have a bigger impact.

    I enjoy teaching children and beginners programming (HTML & CSS) in my free time, helping them learn the skills to a more fulfilling life!