HTML5 Specialist: Comprehensive HTML5 Training

Earn a professional credential while learning HTML5.
4.7 (128 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.
1,174 students enrolled
$50
Take This Course
  • Lectures 83
  • Length 5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 6/2016 English

Course Description

Finally you know...

This is Where You Start Your Development Career

HTML5 is the scaffolding that lies beneath almost every contemporary application.

There was a time when only web designers needed to know HTML5 well. However, it's now a universal skill that every developer needs. Strong HTML5 provides a strong foundation for apps. It also allows you to correctly develop content that appears on web sites, in mobile apps and even digital signage.

How do you learn to create strong HTML5 code that can be easily maintained?

That's what we're here to talk about...

FACT: HTML5 is the First Language You Need to Know (...and an important part of web and mobile developers' daily work)

We get the question all the time: I want to become a developer, but I don't know where to start.

We don't have to sell you on the idea of becoming a developer. If you're you here, you already know it's one of the most lucrative (and fastest growing) career tracks out there. It's HTML5 that allows you to get your foot in the door. HTML5 developers:

  • Create the scaffolding for content display for web sites, mobile sites and many mobile applications.
  • Mark up web content so it can be distributed across multiple platforms
  • Work in large scale digital publishing to create flexible content
  • Combine HTML5 skills with other digital skill sets to become web and mobile developers

In other other words, HTML5 development skills are critical to all developers. HTML5 is the foundation to almost any development process.

That's why business, design studios, development shops and other organizations need HTML5 developers.

But there's a problem. Most people who learned HTML, learned it in school 12 years ago and have no idea that they're doing.

That's how you separate yourself from the pack.

As a Certified HTML5 Specialist, you are qualified to build, maintain and edit HTML5 documents. You'll be able to help development teams build strong foundations, manage digital content or use HTML5 as a foundation for a strong developer skill set.

In this certification program you will learn:

  • How to create a proper HTML5 scaffolding for the type of application that you’re creating. How should HTML5 differ for web and mobile applications?
  • How to correctly markup text so that it is sized properly across the variety of screen sizes and densities used by consumers
  • How to properly integrate code written in CSS and PHP as external or internal code listings.
  • How to select the most efficient tools and environments for HTML5 authoring and testing.
  • Understand how to upload content to a web server for public consumption. You’ll also cover how to set up a test server environment locally.
  • How to create internal and external links within HTML5 documents.
  • Creating Meta Tags that are properly designed for optimal display on Google and other search engines.
  • Strategically use HTML5 comments to document your code.
  • A unique strategy to use HTML5 comments to debug code and quickly find errors.
  • How to create list based content using ordered lists, unordered lists and custom list bullets for custom branding
  • How to display images and how to properly optimize images for display on web and mobile devices.
  • An infrequently used strategy to boost your Search Engine Optimization value using images
  • How to create beautiful information tables that are easy to both create and read
  • How to use the hexadecimal color system and apply hexadecimal colors to elements in your HTML5
  • How to create usable, functional forms to gather data from your users
  • How to secure your forms to avoid security issues with your forms
  • How to integrate multimedia elements such as audio, video and animations into your HTML5 content.
  • A unique technique for laying out our page that will make complex designs easy to markup and manage
  • How to embed iFrame content from outside sources and make it fit seamlessly into your HTML5 page
  • A great strategy for correctly converting Photoshop documents to HTML5
  • The best HTML5 frameworks to save you time and provide an entry point for new projects

In summary, certified HTML5 specialists are experts who are able to correctly construct rich digital documents that can appear anywhere on the web, mobile or as part of a larger application. They are able to understand how HTML5 fits into the larger context of web and mobile development and work in serious development environments.

What are the requirements?

  • Mac, PC or Linux Machine
  • Google Chrome Web Browser
  • Text Editor-- Brackets recommended (Free)

What am I going to get from this course?

  • How to create a proper HTML5 scaffolding for the type of application that you’re creating. How should HTML5 differ for web and mobile applications?
  • How to correctly markup text so that it is sized properly across the variety of screen sizes and densities used by consumers
  • How to properly integrate code written in CSS and PHP as external or internal code listings.
  • How to select the most efficient tools and environments for HTML5 authoring and testing.
  • Understand how to upload content to a web server for public consumption. You’ll also cover how to set up a test server environment locally.
  • How to create internal and external links within HTML5 documents.
  • Creating Meta Tags that are properly designed for optimal display on Google and other search engines.
  • Strategically use HTML5 comments to document your code.
  • A unique strategy to use HTML5 comments to debug code and quickly find errors.
  • How to create list based content using ordered lists, unordered lists and custom list bullets for custom branding
  • How to display images and how to properly optimize images for display on web and mobile devices.
  • An infrequently used strategy to boost your Search Engine Optimization value using images
  • How to create beautiful information tables that are easy to both create and read
  • How to use the hexadecimal color system and apply hexadecimal colors to elements in your HTML5
  • How to create usable, functional forms to gather data from your users
  • How to secure your forms to avoid security issues with your forms
  • How to integrate multimedia elements such as audio, video and animations into your HTML5 content.
  • A unique technique for laying out our page that will make complex designs easy to markup and manage
  • How to embed iFrame content from outside sources and make it fit seamlessly into your HTML5 page
  • A great strategy for correctly converting Photoshop documents to HTML5
  • The best HTML5 frameworks to save you time and provide an entry point for new projects

Who is the target audience?

  • Graphic and Digital Designers
  • Startup Employees
  • Marketing Designers
  • Content Specialists
  • Agency Personnel
  • Students who want to be more Employable
  • ...Anyone else who wants this critical skill set and proof of expertise

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: First Steps in HTML5
01:49

Mark welcomes viewers to the course

01:40

Mark explains the HTML5 Specialist Designation and how it fits into the Web Development Professional Certification Program

01:13

Learn about your Instructor, Mark Lassoff.

09:34

A Quick Start on HTML5

08:34

Mark goes over the tools used by most HTML5 developers

06:00

You’ll understand the structure common to all documents in HTML5

06:08

What is an element? What is a tag? What is an attribute? How about a value. Learn the vocabulary of HTML5

00:37

The lab exercise for the chapter is explained

00:42

Mark wraps up Chapter 1 of the HTML5 Specialist Designation Course

Exam Questions for Review
6 questions
Section 2: Everything You Wanted To Know About Formatting Text
00:42

Mark sets the stage for what you will learn in Section 2 of the course

02:28

Learn how to use paragraph tags.

03:04

Understand how to use break tags in documents.

03:51

Display preformatted text with the <pre> tag

03:08

Mark discusses the <h1> through the <h6> tag

06:15

Display Ordered Lists and Unordered Lists in HTML5.

03:28

Understand how to properly markup quotations and citations in HTML5.

05:24

Understand how to format text in HTML5 as bold or italics.

04:10

Learn how to markup computer code in HTML5.

01:54

Understand other containers for text content in HTML5. Divs and HTML5 new containers are covered.

01:07

The lab exercise for the chapter is explained.

00:42

Mark wraps up the content discussed in Section 2.

6 questions

Questions to help you review for the Exam

Section 3: Hyperlinks— Connecting Pages and Content
01:07

Mark sets the stage for what you will learn in Section 3 of the course.

08:16

You’ll learn how to create links between pages in site.

04:22

Mark will demonstrate how to create a link to external content or pages.

03:08

You’ll learn how to determine where a linked document opens.

06:31

Mark will demonstrate how to use anchors to help users navigate long pages.

00:35

The lab exercise for the section is explained.

00:33

Mark wraps up the content discussed in Section 3.

Exam Questions for Review
5 questions
Section 4: Digital Media
00:51

Mark sets the stage for what you will learn in Section 4 of the course.

08:34

You’ll learn how to insert images into a document.

05:03

How to create hyperlinks with images will be demonstrated.

01:29

Mark discusses proper image optimization for the web and mobile.

09:28

You’ll learn how to properly size images for different sized screens.

04:49

Mark will demonstrate how to insert audio content into a page and make it controllable by the user.

05:34

Mark demonstrates how video content can be included on a page.

00:57

The lab exercise for the section is explained.

00:36

Mark wraps up the content discussed in Section 4.

Exam Questions for Review
4 questions
Section 5: Displaying Data in Tables and iFrames
00:37

Mark sets the stage for what you will learn in Section 5 of the course.

04:51

You’ll learn how to create a table to hold tabular data.

04:03

Mark will demonstrate the border attribute of a table.

05:32

You’ll learn how to determine the width of a table and the width of individual cells within the table.

02:33

Learn how to use headings in your table.

03:13

How to create table cells that span multiple rows or columns.

04:07

How to use iFrames to display content from other domains.

01:51

Mark demonstrates how to add the caption to a table.

01:09

The lab exercise for the section is explained.

00:39

Mark wraps up the content discussed in Section 5.

Exam Questions for Review
5 questions
Section 6: Interacting with the User via Forms
00:48

Mark sets the stage for what you will learn in Section 6 of the course.

03:59

You’ll learn how to define a form using the <form> element.

09:18

Mark demonstrates obtaining text input.

07:44

Mark demonstrates techniques to limit the range of text inputs that users can enter.

10:26

You’ll learn how to use radio buttons and text boxes to provide users a “multiple choice” input.

02:58

The Submit and Reset buttons are presented to allow form submission.

04:13

You’ll learn how to tie generic buttons to Javascript code that creates interactivity.

04:21

Mark will demonstrate how to work with date inputs into forms.

03:36

You’ll learn how to work with numerical input in forms.

02:08

Mark will demonstrate how to organize your form with <fieldset>.

01:01

The lab exercise for the section is explained.

00:32

Mark wraps up the content discussed throughout this section.

Exam Questions for Review
5 questions
Section 7: Professional HTML5 Practice
00:46

Mark sets the stage for what you will learn in Section 7 of the course.

03:13

You’ll learn how to comment code like a pro.

04:51

Mark will demonstrate meta tags and their important role in search engines.

05:37

You’ll learn how to work with both internal <script> tags and external Javascript files.

05:28

You’ll learn a number of techniques to best prepare your site for indexing by search engines.

07:59

Mark will explain the role of the hexadecimal color system used in HTML5.

01:43

You’ll learn some of the primary API’s available with HTML5 that can be implemented with Javascript.

06:05

Mark will demonstrate the HTML5 Canvas element.

00:15

Mark wraps up the content from this section.

Exam Questions for Review
5 questions
Section 8: Styling with CSS
00:37

Mark sets the stage for what you will learn in Section 8 of the course.

06:53

You’ll learn the difference between in-line, internal and external CSS rules.

06:24

Mark will show you how to use CSS selectors with classes and id’s.

06:45

Mark will demonstrate basic typographical controls with CSS.

08:36

When you understand the CSS box model you’ll be better able to understand CSS page layout.

09:16

You’ll learn how to create more complex floating layouts with CSS.

00:33

The lab exercise for the section is explained.

00:40

Mark wraps up the content discussed in Section 8.

Exam Questions for Review
4 questions
Section 9: Responsive Design Fundamentals
00:52

Mark sets the stage for what you will learn in Section 9 of the course.

03:16

You’ll understand how to identify and test responsive designs.

03:54

You’ll learn how to use a responsive stylesheet to create a responsive design.

02:16

Mark will demonstrate header content to aid in responsive design.

00:56

The lab exercise for the section is explained.

01:44

Mark wraps up the content discussed in Section 9 and summarizes the course.

**Important** Exam Study Guide download attached to this lecture.

Bonus Lecture
00:32

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

LearnToProgram, Inc., Learn Web, Mobile and Game Development

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

The company is based outside of Hartford, Connecticut.

Ready to start learning?
Take This Course