HTML5 and CSS3 - Essential Training
5.0 (4 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.
30 students enrolled
Wishlisted Wishlist

Please confirm that you want to add HTML5 and CSS3 - Essential Training to your Wishlist.

Add to Wishlist

HTML5 and CSS3 - Essential Training

Learn HTML5 / CSS3 and how to incorporate markup to build standards-compliant and forward-thinking responsive web sites.
5.0 (4 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.
30 students enrolled
Created by Zak Ruvalcaba
Last updated 3/2017
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 14 hours on-demand video
  • 27 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Know what powers the Web including HTML, CSS, and JavaScript.
  • Use free web development tools like Aptana Studio, Atom, Brackets, and more.
  • Understand every HTML5 tag and their associated attributes.
  • Work with tables, images, links, and lists.
  • Work with advanced structuring techniques using HTML5 and CSS3.
  • Use grid layouts like 960.gs to aide in designing a site.
  • Work with HTML5 section elements and CSS3 to structure a web site.
  • Format web pages using CSS3.
  • Create responsive layouts using CSS3 Media Queries.
  • Use responsive frameworks like Skeleton to enhance workflow.
  • Make a navigation menu responsive.
  • Build HTML5 forms and use native validation to handle data input.
  • Incorporate video and audio using HTML5 tags.
  • Work with Geolocation, Drag and Drop, Web Storage, and more.
  • Incorporate Web Fonts and work with the Canvas drawing API.
View Curriculum
Requirements
  • Download a HTML5/CSS3 editor such as Aptana Studio, Atom, Brackets, Notepad++, Sublime Text, etc.
  • Exercise files and support PowerPoint presentations are provided as additional resources at the beginning of each lecture.
Description

In HTML5 and CSS3 - Essential Training, professor, author, trainer, and web developer Zak Ruvalcaba delves into HTML5 and demonstrates how to incorporate the language’s markup to build standards-compliant and forward-thinking responsive web pages and applications. You learn the basics as well as advanced topics in HTML5 and CSS3 such as the reason for semantic markup, how to build traditional page layouts using DIV tags and CSS, how to build forward-thinking semantic layouts using HTML5 section elements and CSS3, how to make a page responsive and backward compatible, and how to work with HTML5 forms, offline support, geolocation, audio and video, graphics with JavaScript and canvas, communication APIs, web storage, and more.

Who is the target audience?
  • This course is meant for beginning to intermediate web developers looking to expand their existing HTML/CSS skills to HTML5 and CSS3.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
102 Lectures
14:11:10
+
Introduction to Web Development and Associated Technologies
14 Lectures 01:57:36





The World Wide Web Consortium (W3C)
03:10

Basic Structure of a Web Page
11:47

HTML Syntax
11:14

Browsers to Download
03:42

Creating a Project / File Naming / Folder Structure
09:06

Using Aptana Studio to Author Web Pages
10:47

Using Other Editors to Author Web Pages
12:22

Creating your First Web Page
11:27

Validating your First Web Page
05:30
+
Tags, Global Attributes, Section, Heading, Grouping, and Text-Level Elements
10 Lectures 01:22:31
Introduction
01:11

The Structure of a Tag
03:39

Global Attributes
08:25

Section Elements
12:10

Headings
03:25

Grouping Elements
10:36

Text-Level Semantic Elements (Part 1)
12:32

Text-Level Semantic Elements (Part 2)
10:06

Text-Level Semantic Elements (Part 3)
09:00

Lab
11:27

Quiz 1
12 questions
+
Tables, Lists, and Images
8 Lectures 01:03:23
Introduction
01:35

Working with Tables (Part 1)
15:33

Working with Tables (Part 2)
11:47

Lab
07:38

Working with Lists
07:51

Lab
03:03

Working with Images
10:30

Lab
05:26

Quiz 2
11 questions
+
Cascading Style Sheets - Part 1 (Building the Site Structure with DIVs and CSS)
14 Lectures 01:36:24




Defining Styles
06:13

Selector Types
14:10

Common Font Properties
06:29

Common Background Properties
06:35

Common Block Properties
03:53

Common Box Properties
06:44

Common Border Properties
04:20

Common List Properties
02:27

Common Positioning Properties
07:42

Lab - Creating an External Style Sheet and Your First Style Rule
07:02
+
Cascading Style Sheets - Part 2 (HTML5 Section Elements and CSS3)
11 Lectures 01:32:17
Introduction
04:43

Project Setup
02:50

The 960 Grid System, Overview
11:25

The 960 Grid System, Application
08:41

Normalizing the CSS with Normalize.css
05:54



Formatting a Web Page with CSS
14:19

Building a Navigation Menu with Lists and CSS
09:36

Making the HTML5 Markup Backward Compatible for IE with HTML5 Shiv
04:49

Designing a Style Sheet for Printers
07:15

Quiz 3
14 questions
+
Responsive Web Design, Media Queries, The Skeleton Framework, and Mobile Menus
11 Lectures 02:04:45
Introduction
03:33

Introduction to Responsive Web Design
20:06

CSS3 Media Queries
11:48

Revisiting The 960 Grid System (Planning/Redesigning Vecta Corp)
16:48






Responsive Menus with Mobile Menu
08:52

Responsive Testing with ProtoFluid and Adobe Edge Inspect
08:17

Quiz 4
10 questions
+
Working with Hyperlinks
7 Lectures 01:03:01
Introduction
01:21

Working with Links
05:24

Attributes for Links
13:48

Creating a Link for an Image / Text
16:36

Creating a Link to an Email Address
09:51

Creating a Link to a Placeholder
09:00

Working with Image Maps
07:01

Quiz 5
8 questions
+
Working with HTML5 Forms
16 Lectures 01:47:53
Introduction
02:57

Forms: Stepping Stones to the Dynamic World
07:20

The HTML form Tag
15:06

The Collection of Form Tags
02:42

Form Tags: The fieldset and legend Tags
03:04

Form Tags: The input Tag (text and password types)
12:49

Form Tags: The input Tag (checkbox and radio types)
07:06

Form Tags: The input Tag (submit, reset, and button types)
04:26

Form Tags: The input Tag (file, hidden, and image types)
04:35

Form Tags: The select, option, and optgroup Tags
08:33

Form Tags: The textarea Tag
03:27

Form Tags: The label Tag
07:21

Form Tags: The button Tag
01:10

Form Tags: New HTML5 Tags
11:44

HTML5 Data Validation Techniques
11:01

Submitting the Form (An Overview of the Dynamic Process)
04:32

Quiz 6
17 questions
+
Web Fonts, Audio and Video, Web Storage, Geolocation, Canvas, Drag and Drop
11 Lectures 01:43:20
Introduction
03:10

Web Fonts, The CSS3 Solution
13:29

Web Fonts, Third-Party Font Solutions
10:40





Web Storage, Making a Page Hit Counter
06:33

Geolocation
11:03

Canvas
18:21

Drag and Drop
08:09

Quiz 7
4 questions
About the Instructor
Zak Ruvalcaba
4.5 Average rating
60 Reviews
270 Students
4 Courses
Web Developer, Programmer, Professor, Author, Athlete

My name is Zak Ruvalcaba and I have been researching, designing, and developing for the Web since 1995. I specialize in web and mobile web site and application development focusing on responsive user interface design, user experience, and usable presentation. I hold a Bachelor's degree from San Diego State University and a Master of Science in Instructional Technology from National University in San Diego.

My skill set includes various technologies and tools including HTML/HTML5, CSS/CSS3/LESS, JavaScript, jQuery/jQuery UI/jQuery Mobile, Ajax, JSON, ASPNET, SQL/T-SQL, VBNET, C#, Web Services, PHP, MySQL, Visual Studio, Dreamweaver, and more. I am a Microsoft Certified Application Developer for .NET (MCAD) and a Microsoft Certified Solutions Developer for .NET (MCSD).

I have been teaching at the community college level for over 14 years at several community colleges including the San Diego Community College District, Mt. San Jacinto, and Palomar College. That experience has landed me the position of Associate Professor for the Front-End Web Developer Certificate Program at the San Diego Community College District's Continuing Education North City campus. Aside from my teaching duties I am also the full time web developer at MiraCosta College.

I have written several books on web development, including the Dreamweaver Unleashed series on Sam's Publishing, the Build Your Own ASPNET Website Using C# and VB series on SitePoint Press, Beginning Expression Web by Wrox Press, Murach's HTML5 and CSS3 by Mike Murach & Associates, Inc., and Murach's JavaScript and jQuery also by Mike Murach & Associates, Inc. I just recently finished my twelfth book titled Murach's Dreamweaver CC 2014 also by Mike Murach & Associates, Inc.