HTML Training for Beginners
4.4 (340 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.
18,045 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML Training for Beginners to your Wishlist.

Add to Wishlist

HTML Training for Beginners

If I can teach my mom HTML you can do it as well! Join us now and start swimming in our HTML Training.
4.4 (340 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.
18,045 students enrolled
Created by Ben Fhala
Published 3/2013
English
Includes:
  • 35 mins on-demand video
  • 2 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Learn HTML
  • Get over the fear of code
  • Understanding how HTML Tags Work
  • Picking an Editor
  • Discovering the HTML Tag
  • Exploring the HEAD and BODY Tags
  • Creating a Page TITLE
  • Working with H1 through H6 Tags
  • Creating HTML Paragraphs
  • Dealing with Copy Issues
  • Nesting Tags
  • Building our pages to be Searchable.
  • Discovering selfcontained Tags (HR and BR).
View Curriculum
Requirements
  • Time and Dedication :)
Description

When you are learning something new it can get scary. You might feel like there are minds all over. My mom would probably agree with you... That is at least until I started teaching her one on one HTML training for Beginners. In this class you will not feel like a snarly smart a*s is teaching you, nor will you feel like you got to figure it out all on your own with online YouTube videos or books that run faster then the speed of light.

If you are new to HTML this HTML Training for Beginners course is perfect for you. Join and learn with my mom. We will not rush you through anything. If my mom gets it we move on if not we dig deeper into it until she does.

Who is the target audience?
  • Any one and there mom
  • No expirience needed.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
+
Getting Started : The Basics of HTML
11 Lectures 09:14

Hello you! I wanted to introduce my mom as she is going to be my main student in this class room. She has a very light background with computers and i thought if i can get her to understand the basics of HTML and record the training well i got myself really fun title that would be perfect for anyone new to HTML that want to know how to do it and well. So i hope you join us. in this video we will walk through the basics of what we are covering in this first session.

What will we learn in this session
ImportContent

Before you start swimming you got to know the basics of what are things. In this first video we will start talking about file formats, browsers and even see a few file types. By the end of this video you will know everything you need to know to recognize files.

Download The Source files at http://smarturl.it/source

What is HTML?
IFrame

Thanks for joining our course.
please grab your free complimentary source files for the course.

--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek ][ Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.

Download the Source Files
00:37

There are a lot of editors out there so how will you pick the right on for you? there are two types of editors "What you see is what you get" tools and classic editors. We recommend you go for a real editor without the bells ... so we can learn HTML without any fancy short cuts. we will be working with the editor Sublime Text.

--
Thanks,

Ben Fhala
02Geek.com & 02Deal.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek ][ Subscribe to Youtube ][ Like us on FaceBook

What you See is What you get Editor or a coding editor?
IFrame

Tag your it! The most basic building block in HTML is the Tags. we will create one tag of our own. In this video we will create our first simple tag. What we will learn in this video is true to all videos in the future.

--
Thanks,

Ben Fhala
02Geek.com & 02Deal.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek ][ Subscribe to Youtube ][ Like us on FaceBook

Tag your It!
IFrame

HTML, HEAD & BODY Tags
IFrame

Now that we have a legal HTML structure its time for us to add our first content into our legal built HTML file.

02Geek.com & 02Deal.com

Adding Copy into the BODY of HTML file
01:23

Adding a TITLE to the page. In this video we will add a title into the HEAD area of the page. We will then talk about what the TITLE is and where we can see it. PS if you are watching the video i love the french language ha but since i was a kid my grandma used to say that so it stuck in my head!

This is a mega crash course in HTML to learn it fully join our HTML course now

--
Thanks,

Ben Fhala
02Geek.com & 02Deal.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek ][ Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.

Adding a TITLE to our Web Page
03:20

It's time for us to explore and learn a few more tags. The tags we will be creating next are the headline tags. By the end of this video you will know 6 new tags!

--

Ben Fhala
02Geek.com & 02Deal.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek ][ Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.
Creating Headlines (H1 through H6)
02:07

Remember that P tag we created in our first first tag. Well it's time for us to use it within our body. Ready lets jump right in.

This is a mega crash course in HTML to learn it fully join our HTML course now

--

Thanks,

Ben Fhala
02Geek.com & 02Deal.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek ][ Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.
Integrating the P tag (paragraph tag)
00:41

That's it we are done with our first HTML session. We would love to make many more but that is 100% up to you if you love it support us drop a nice word for my mom and me. Give us a nice review please! :) well until next time I was Ben and my mom was Bel-Ann.

Ben Fhala
02Geek.com & 02Deal.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek ][ Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.

Recap and Final Words
01:06
+
Learning how to Nest HTML Tags and more
9 Lectures 22:52
We hope you had a break before continuing into this session. Don't forget to have a lot of fun.

This week we will learn about
  • Recap of everything we did so far.
  • Strange Copy.
  • Nesting
  • Order of Tags
  • Search optimization
  • Self contained BR and HR Tags

--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek  ][  Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.
Session overview
01:51

Thanks for joining our course.
please grab your free complimentary source files for the course.

--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek ][ Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.

Session 2 Source Files and Summery LIst
00:12

We did learn a lot last session. We know its new to you because it's new to my mom as well. As such in this video we will recap all of these topics:
  • HTML
  • HEAD
  • BODY
  • TITLE
  • H1-H6
  • P
--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek  ][  Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.
Going through all The HTML Tags we discovered
06:36

As our phones ring non stop we try to fight through it as we talk about how documents tend to "mess up" our copy. We will look into this and sort them out together.

--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek  ][  Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.

What the Hell Is This Copy?
03:43

HTML is all about nesting. In this video we will talk about what nesting is and why its so important. In essence nesting is just like a bird that has a nest and in it it has a few chicks.
That might sound odd but only if you didn't watch our video. So lets jump in and understand what Nesting is.
--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek  ][  Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.

"I could never do it without the red squiggly lines under copy"
Getting That Bird Back into its Nest
04:57

Mom had a question "Do paragraphs need to be ordered by number just like the H1-H6 tags?"
What do you think? we will answer that question in this video.

--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek  ][  Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.

"I could never do it without the red squiggly lines under copy"
Do you need to order P Tags?
01:01

You want to build a site so people can find you or your service. so how about we spend a few moments to understand how search engines understand how our pages render. In this video we will give you a few secrets that many developers don't even understand or know.

--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek  ][  Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.

"I could never do it without the red squiggly lines under copy"
How do Headlines Relate to Search Engines?
01:16

Our first self contained Tag. Some tags just don't have any content. We said every tag that opens must close so how do we define a tag that can't open up - that  can't have any content. We will figure that out in this video as we learn how to break lines in HTML using the BR tag.

--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek  ][  Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.
Discovering self contained Tags - BreakLine- BR
02:14

Our last topic for today. We will meet another very simple tag the HR that enables us to create a thematic break in our website.
You might not be yet an HTML master but your right on your way and we hope you enjoyed yourself so far, are you ready for the next session?

--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek  ][  Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.

Creating a Thematic Break - HR
01:02
+
Free Extras : Quick Recap of Sessions
1 Lecture 00:00

We go quickly through our learning so far, in this video we set expectations for this section and as a great recap of everything we learned in Sessions 1 and 2.

Don't forget to subscribe our youtube channel for more free things!

Free Extra Session
IFrame
+
Where to go next and Suggestions
3 Lectures 03:33
An overview of the things we are going to learn in our next session of HTML Training with Mom. Join us now to sessions 3-4 by going to : http://smarturl.it/html02
Preview to Next Session
02:16

Get the book at: http://smarturl.it/html5f
I like the book so I thought I would give him some "respect" and give him a book review. Although his book was published by our competitors we don't really think there is such a thing as competition when it comes to education. If its good we want you to know about it - so this is a good book.
Matt West's HTML5 Fundations
ImportContent

If you had a great time you know what to do next... It's time to support us with a kind honest positive review.

You can join our newsletter at : http://smarturl.it/bun
You can tweet with us on @02GEEK
and learn more about us at 02geek.com or check our Udemy profile at smarturl.it/geek.
Thanks for watching and hope to see you in our next course.

--
Thanks,

Ben Fhala
02Geek.com
HTML5, Javascript, ActionScript & Flash School
follow us on @02Geek ][ Subscribe to Youtube ][ Like us on FaceBook

02Geek is part of Everything Nice ,inc creations.

Outro
01:17
+
Sandbox (testing new features for students)
0 Lectures 00:00
About the Instructor
Ben Fhala
0.0 Average rating
0 Reviews
0 Students
0 Courses