HTML5 24-hr Trainer

Comprehensive written and interactive instruction for learning HTML5.
4.5 (3 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.
121 students enrolled
$19
$45
58% off
Take This Course
  • Lectures 31
  • Length 8 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 3/2014 English

Course Description

HTML is the core technology for building websites. Today, with HTML5 opening the Internet to new levels of rich content and dynamic interactivity, developers are looking for information to learn and utilize HTML5. HTML5 24-Hour Trainer provides that information, giving new and aspiring web developers the knowledge they need to achieve early success when building websites. A unique package including an eBook with video instruction.

  • Covers the most basic aspects of a web page, including a brief introduction to Cascading Style Sheets (CSS)
  • Provides lessons that are backed up by professionally created training videos and interactive content to fully illustrate the dynamic nature of HTML5 and the Internet, while also providing a full learning experience
  • Combines easy-to-follow lessons with expertly crafted training videos to provide you with both written and interactive instruction for learning HTML5

The eBook written by bestselling author Joseph Lowery and with video course content created by well-known multimedia and eLearning producer Mark Fletcher, HTML5 24-Hour Trainer brings the new features of HTML5 and the Internet to life unlike any other resource.

Visit www.wrox.com and www.wiley.com

What are the requirements?

  • A unique package including an eBook with video instruction.

What am I going to get from this course?

  • Covers the most basic aspects of a web page, including a brief introduction to Cascading Style Sheets (CSS)
  • Provides lessons that are backed up by professionally created training videos and interactive content to fully illustrate the dynamic nature of HTML5 and the Internet, while also providing a full learning experience
  • Combines easy-to-follow lessons with expertly crafted training videos to provide you with both written and interactive instruction for learning HTML5

What is the target audience?

  • Beginner to Intermediate

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: My First Section
02:11

In this lesson, I explain exactly what HTML is, what it does, and, more importantly, why it is important to you. I also show you how you peek under the hood of any web page so you can see what’s really going on and learn from the masters of the web designer’s craft. In this Try It you learn how to review the HTML source code for any given web page.

02:45

In this lesson, you examine the basic structure common to all HTML pages. The core document you create can serve as a foundation for the most complex web page you can envision — or, as you’ll see in this lesson's exercise— the most basic.

02:14

This lesson shows you how to view and change an HTML page. In this Try It you learn how to view and make changes to an HTML page that you have saved on your own system.

Section 2: Styling Your Web Page
10 pages

This lesson is a short reading assignment (no video) covering Cascading Style Sheet (CSS) basics including including the three main principles of cascading, inheritance, and specificity, working with external, embedded, or inline placement of CSS, and working with selectors, tags, classes, and IDs.

02:04

In this lesson, you learn a few techniques for uncovering issues with your site’s CSS before your client does. In this Try It you learn how to validate a CSS file.

Section 3: Working with HTML Basics
04:07

In this lesson, you learn how to quickly add paragraphs, headings, and special characters to your web pages.

07:38

In this lesson, you learn how to style your text with specific fonts, sizes, colors, and alignment. In this Try It you learn how to set the page font, double-space a paragraph, center text, and define the color for text.

06:10

In this lesson you learn to create links between web pages, sections of the same page, images, and documents. In addition to trying those on your own in the Try It, in the Try It you will style link states.

02:11

Validating your web pages ensures a baseline functionality and rules out misspelled or missing HTML tags. Furthermore, valid HTML is web standards–compliant and, to the best of current capabilities, future-proof. Validation is a straightforward process made much simpler by the freely available online tools explored in this lesson. In this Try It you learn how to use the W3C HTML Validation Service.

Section 4: Incorporating Images
07:00

In this lesson, you learn which graphic formats are appropriate for the Web as well as the proper code for adding the different types of images to your web designs. Common image techniques — including alignment, text wrapping, and links — are also covered in this lesson. In the Try It you will insert and align images and use an image as a page background.

06:07

With image maps, it’s possible to incorporate multiple links with just one image. What’s more, these links can be virtually any shape: a rectangle, a circle, or a polygon. In this lesson, you learn how to add this valuable functionality to your designer’s palette.

02:07

In the HTML5 specification, the purpose of the <hr> "horizontal rule" tag is broader than just drawing a line across the page. In HTML5, the <hr> tag indicates a transition from one topic to another within a larger section. And it doesn’t have to be a line at all. Styled correctly, any symbol could be used. In this lesson, you learn how to add the <hr> tag to the page whether you want to display a simple horizontal rule or something with a bit more flair to indicate thematic changes in content.

Section 5: Using Lists
02:46

In this lesson, you learn how to code simple unordered lists, as well as the more complex variation, nested unordered lists. Though the term unordered lists may not be familiar to you, you’ll probably recognize its offline equivalent, the bulleted list. You also see how to style the list to modify font, size, and color as well as the type of bullet used.

02:24

Ordered lists, more commonly known as numbered lists, are used when the sequence of the items is important. Though you could use a bulleted list for the Top 25 Websites, it’d be a lot harder to figure out which site placed where. Ordered lists are very flexible with a wide range of number styles — from standard, cardinal numbers to classical Roman numerals. As you’ll learn in this lesson, you can nest ordered lists to create a multi-level outline. What’s more, you can even combine the two list types.

05:55

Lists aren’t just for bullets and numbers. With a little bit of CSS styling magic, the standard unordered list can be transformed into a navigation bar, complete with background imagery and interactive states. What’s more, a completely different type of list used for definitions is available to the HTML coder. This lesson explores all these facets of lists and more.

Section 6: Structuring Tables
03:20

Tables on the Web allow information to be displayed in a grid. The rows and columns of the table can be labeled and styled to help make the content easy to understand at a glance. As you might expect with a highly structured page element like a table, numerous tags are involved, which must be precisely placed to create the proper code configuration. In this lesson, you learn how HTML tables are constructed and how to work the various table elements — rows, columns, and cells — to create a basic table.

03:00

Prior to HTML5, tables supported a number of default attributes that provided space around the content as well as a — to be honest — somewhat unattractive border. Starting with HTML5, these attributes are obsolete and styling a table is an absolute must. In this lesson, you learn how to add padding, margins, and borders to tables as well as align them and spice them up with color.

03:57

For those who are visually challenged and depend on technology such as screenreaders to translate the Web from a visual to an aural experience, tables represent a significant challenge. HTML5 includes a number of additional tags and attributes that can make tables and their content more accessible to all. In this lesson and the Try It you will will learn to use table captions, details, and summaries.

Section 7: Building Forms
12:01

Forms are essential to surveys, polls, contact requests, and online shopping. In this lesson, you learn the basics of how forms are structured as well as the specifics for implementing the key form elements. You will learn to use text and textarea fields, radio buttons and check boxes, select lists, hidden form controls, and form buttons.

06:38

In this lesson, you learn how to add clarifying structural elements like fieldsets to a form as well as how to lay out your form with tables and with CSS. You also get a peek of CSS form enhancements set forth in the HTML5 specification.

Section 8: Enhancing HTML with Javascript
05:02

A comprehensive examination of all that JavaScript can do is far beyond the scope of this book, but this section of the book can get you started. For any work in JavaScript on the Web, you need to know how to include JavaScript in your web page both as directly as code and also by referencing an external script. In this lesson, you learn how to add JavaScript code to your page, how to prepare for website visitors who have JavaScript disabled, and how to test your JavaScript.

03:48

There’s an amazing wealth of freely available JavaScript functionality already developed in prewritten JavaScript code libraries known as frameworks that you can apply to your websites — all you need to know is how. In this lesson you learn how to work with one of the most popular JavaScript frameworks, jQuery, and integrate its code into your own starting with the key step of linking to external JavaScript files.

Section 9: Adding Media
03:17

In this lesson, you learn how to work with plug-ins in general and also, specifically, with the Flash Player to display animations and the competing Microsoft Silverlight plug-in.

02:18

In this lesson, you learn which sound file formats are the most compatible with the Web, the simplest approach to bringing music to a site, how to integrate an audio plug-in, and how to play audio natively with HTML5.

03:14

In this lesson, you learn all about the different video formats, the most common way to show video via a plug-in, and how to apply the new plug-in free approach in HTML5.

Section 10: Next Steps in HTML5
02:57

Some new features of HTML5 work today in some of the browsers. Unfortunately for the designer, implementation is not at all consistent across the board on pretty much any of the new elements. The goal of this lesson is to clear up the confusion and point the way forward for web designers willing and excited to blaze the trail.

06:29

Semantics is the study of meaning, particularly as it relates to words and text. When applied to HTML, semantics essentially means using the right tag for the right content. In other words, the semantic web is a standardized web where the same content can be given a proper display regardless of the device or containing context. As you learn in this lesson, a good number of new tags in HTML5 are devoted to enhancing the underlying structure of a web page. This lesson covers section, header, nav, article, aside, and footer tags in HTML5.

05:46

This lesson covers a few more tantalizing design prospects in HTML5 including print-like typography with the @font-face CSS property, mobile sites for phones and tablets with the new media query capabilities, and dynamic imaging with the <canvas> tag.

Section 11: Additional Topics
12 pages

This lesson is a text reference with no video providing snapshot of the various new features of HTML5 and CSS3. Each section lists a feature and what version of the five major browsers — Internet Explorer, Firefox, Safari, Opera, and Google Chrome — support that feature, if any.

4 pages

In addition to semantic tags, advanced form controls, native audio and video, and the other enhancements covered in the lessons in this course, the HTML5 specification has a good number of truly cutting-edge technologies just waiting to be supported by the majority of browsers. This lesson takes a look at the top three “oh, wow” features editable content, local storage, and geolocation.

338 pages

HTML5 24-Hour Trainer give's new and aspiring web developers the knowledge they need to achieve early success when building sites. Lessons are provided in small, easily-digestible chunks that give readers just the context they need to make good use of the included practical steps.

The eBook covers the most basic aspects of a web page right off the bat, including a brief introduction to Cascading Style Sheets (CSS). By introducing CSS early, HTML5 24-Hour Trainer gives reader a better sense of real-world web development and-just as importantly-an opportunity to create stylish examples. Other beginning HTML books surveyed cover CSS almost as an after-thought which results in frequently plain (and notably boring) examples. Not the HTML5 24-Hour Trainer! Judicious use of CSS brings a richer, more engaging learning experience that really drives home the know-how and encourages the reader to go further.

To complement the video, a full set of exercise files accompanies the book. Each of the video lessons focuses on just the HTML element under discussion, such as tables or bulleted lists. The included exercise files are constructed with well-styled, web standard compliant code so the user has a solid experience that can be easily applied to further opportunities.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Founded in 1807, John Wiley & Sons, Inc. has been a valued source of information and understanding for more than 200 years, helping people around the world meet their needs and fulfill their aspirations. Wiley and its acquired companies have published the works of more than 450 Nobel laureates in all categories: Literature, Economics, Physiology or Medicine, Physics, Chemistry, and Peace.

Wiley is a global provider of content and content-enabled workflow solutions in areas of scientific, technical, medical, and scholarly research; professional development; and education. Our core businesses produce scientific, technical, medical, and scholarly journals, reference works, books, database services, and advertising; professional books, subscription products, certification and training services and online applications; and education content and services including integrated online teaching and learning resources for undergraduate and graduate students and lifelong learners. Wiley's global headquarters are located in Hoboken, New Jersey, with operations in the U.S., Europe, Asia, Canada, and Australia. The Company is listed on the New York Stock Exchange under the symbols JWa and JWb.

Ready to start learning?
Take This Course