HTML5 Guide Review
2.5 (1 rating)
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.
501 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML5 Guide Review to your Wishlist.

Add to Wishlist

HTML5 Guide Review

Put Together A Modern Website
2.5 (1 rating)
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.
501 students enrolled
Last updated 1/2016
English
Curiosity Sale
Current price: $10 Original price: $20 Discount: 50% off
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 3 Articles
  • 6 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop using the latest techniques with HTML5
  • Learn About New HTML Tags
  • Get updated information about new meanings to existing HTML Tags
  • Create new attributes introduced into this HTML5 mark up
View Curriculum
Requirements
  • You gotta have a computer, internet connection and the ability to download software.
Description

HTML5/CSS3 primer is perfect for anyone who is looking to develop an application. This course is filled with examples, projects and samples so that you can get started writing your application today using HTML5.

The course is intended for anyone who wants to write websites or develop applications. Your background doesn't matter because you'll be introduced to development terminology as part of this course.

The course does includes resources and references to help you complete your application. As a challenged exercise, you'll be able to submit your project to me where I can review it and provide feedback to you.

The course is structured where students will first learn the high level concepts and purposes of each section. After the brief introduction, each topic will be discussed with working examples, samples and online reference of each.

Take this course if you want to become an HTML5 Rockstar

Who is the target audience?
  • This course is meant for newbee's who wish to use the latest recommendations and best practices for developing with HTML.
  • This course is not for people who already know HTML5.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
46 Lectures
02:06:36
+
About The Instructor
1 Lecture 00:47

Michael Edward Vargas Jr., is an American Software Engineer and Entrepreneur who is best known for his ongoing involvement in the development of federal and private enterprise application systems using the best of breed technologies. He is currently a member of the UXD Summit Developer Group and Chief Operating Officer of Intellipoint Corporation. He is a huge fan of Douglas Crockford and John Resig for their development in the JavaScript community.

On his mornings, nights and sometimes weekends, he is passionately devoted to the development of real world applications and teaching. Originally, he started out working for Motorola and has gone on to contribute to organizations such as ADT Security Services, Travel Industry Services and the Engility Corporation.

Preview 00:47
+
HTM5 and CSS3 Overview
4 Lectures 11:55

This lecture gives an overview of the course and its corresponding topics. The lecture describes who the course is intended for and how to get the most out of taking it.

Preview 01:53

In this section, we cover some updates to existing tags in the HTML5 version of the language by taking a look at some examples and practices using them.

Preview 02:32

In HTML5, some of the existing tags have been repurposed, that is they have been given a new meaning. Understanding what these are will help inform you through the decision making process as to when you should create your mark up with them.

Preview 02:43

In this section, we've applied what we've learned so far by creating our project.

Check out the external resources and get familiar with JSBIN.

You can use any online editor as you see fit such as CODEPEN or whichever online editor of your choice.


Preview 04:47

HTML5 Introduction Review
4 questions
+
New HTML5 Tags
13 Lectures 31:20

Let's take a look at the very high level aspects of what this section of the course will cover and all the new tags it approaches.

HTML5 Markup Overview
01:15

This section covers the SECTION element tag. The goal of this section is to provide you answers to the following questions:

  • When is the SECTION element appropriate?
  • Where should I use the SECTION element?
  • How should it be used?

Exercise is located here: https://jsbin.com/wotagu/2/

The HTML5 Layout I
03:25

Here is the solution to the previous exercise.

Solution is also here: https://jsbin.com/vihezo/1/edit

Exercise: Using the Section Element
02:02

The HEADER tag is covered in this section.

We look to cover the following:

  • When is the HEADER element appropriate?
  • Where should I use the HEADER element?
  • How should it be used?

    JSBIN: https://jsbin.com/depisav/1/edit
The HTML5 Layout 2
03:06

The FOOTER tag is covered in this section.

We look to cover the following:

  • When is the FOOTER element appropriate?
  • Where should I use the FOOTER element?
  • How should it be used?

    JSBIN: https://jsbin.com/depisav/1/edit
The HTML5 Layout 3
02:52

The ASIDE tag is covered in this section.

We look to cover the following:

  • When is the ASIDE element appropriate?
  • Where should I use the ASIDE element?
  • How should it be used?

    JSBIN: https://jsbin.com/depisav/1/edit
The Html5 Layout 4
02:03

In this one, we'll walk through how to introduce the ASIDE tag into the html layout.

EXERCISE SOLUTION: ASIDE TAG
02:54

The NAV tag is covered in this section.

We look to cover the following:

  • When is the NAV element appropriate?
  • Where should I use the NAV element?
  • How should it be used?

    JSBIN: https://jsbin.com/depisav/1/edit
The HTML5 Layout 5
02:24

This section poses some questions to you to consider and find solutions for.

Time For The Next One.
01:51

The MAIN tag is covered in this section.

We look to cover the following:

  • When is the MAIN element appropriate?
  • Where should I use the MAIN element?
  • How should it be used?

    JSBIN: https://jsbin.com/depisav/1/edit
The Main Element
02:43

The ARTICLE tag is covered in this section.

We look to cover the following:

  • When is the ARTICLE element appropriate?
  • Where should I use the ARTICLE element?
  • How should it be used?

    JSBIN: https://jsbin.com/depisav/1/edit
The Article Element
02:31

The TIME tag is covered in this section.

We look to cover the following:

  • When is the TIME element appropriate?
  • Where should I use the TIME element?
  • How should it be used?

    JSBIN: https://jsbin.com/depisav/1/edit
The Time Element
01:03

The VIDEO/AUDIO tag is covered in this section.

We look to cover the following:

  • When is the VIDEO/AUDIO element appropriate?
  • Where should I use the VIDEO/AUDIO element?
  • How should it be used?

The Video/Audio Elements
03:11
+
A Project To Make
8 Lectures 24:34

This is a high level quick overview of the project we'll be putting together.


Ready?

The Project: Time To Start Coding Homey
00:37

This section is about setting up your environment so we can get crackin on developing that project!

Setting Up Your Environment
02:32

The head section is extremely important because alot of what your site looks like and conveys to both people and computers comes from here. In this section, we walk through how to talk to both.

The Head Section
03:02

The Header Section
07:37

The Footer and Jumbotron Sections
02:31

In this section, we configure the MAIN section of the site.

The Main Section
04:51

Creating the Video Cover
03:21

As a challenge exercies, see if you can create the website as I did in section 3. Attached you will find each of the snippets of code you will need to insert in the appropriate locations of the page layout.

Good Luck!

Its Your Turn!
00:03
+
The New Form Markup
8 Lectures 29:29
An Overview Of This Section
01:49

In this section, we create a form showcasing the new input types and walkting through them with an example:

https://jsbin.com/citodiv/edit?html,output

Targeting Mobile Devices Using New Input Types
12:36

In this section, we develop a schedule datalist input control.

https://jsbin.com/citodiv/edit?html,output

DataLists
02:19

We solve the problem of where do I begin with all this information using this attribute?

Autofocus
01:48

In this section, we use the required attribute to enforce certain things are entered in our forms.

The Required Attribute
02:13

In addition to marking a required field on a form, we can even enforce which characters we will allow on the field too by using the pattern attribute.

Pattern
03:11

If you are going to be working with JavaScript frameworks then you need to know this!

Working with novalidate
01:38

Create helpful hints to fill out your form using placeholders like this!

The Placeholder Attribute
03:55

The New Markup Quz
5 questions
+
New CSS3 Styling
11 Lectures 28:03

In this section we define CSS, it's purpose and how it is used when developing websites.

CSS Introduction
02:10

In this section we talk about defining CSS classes and ID's, their distinctions, why you would use one over the other and how to create them.

CSS Classes vs ID's
02:58

Controlling The Borders
02:16

In this section we cover the different properties of the box-shadow css property.

Watch Your Shadows
02:31

Using Text Shadow
04:04

How To Give Your Elements Transparency
02:42

Let's apply a css3 gradient to our background

Using CSS3 And Gradients
03:27

This section talks about what the default css box model is, how it works and why elements take the space they do.

The Default CSS Box Sizing
03:24

In this section you'll learn how to use fonts and where to find them.

Using Advanced Fonts
04:16

In this section, you load a custom style font for your application

Exercise: Configuring A Font
00:06

Create Your Project
00:09
+
Conclusion
1 Lecture 00:27
Conclusion
00:27
About the Instructor
Michael E. Vargas JR
4.1 Average rating
46 Reviews
1,447 Students
4 Courses
Front End Developer/Engineer

Michael Edward Vargas Jr., is an American Software Engineer and Entrepreneur who is best known for his ongoing involvement in the development of federal and private enterprise application systems using the best of breed technologies. He is currently a member of the UXD Summit Developer Group and Chief Operating Officer of Intellipoint Corporation. He is a huge fan of Douglas Crockford and John Resig for their development in the JavaScript community.

On his mornings, nights and sometimes weekends, he is passionately devoted to the development of real world applications and teaching. Originally, he started out working for Motorola and has gone on to contribute to organizations such as ADT Security Services, Interval International and the Engility Corporation.