HTML5 and CSS3 Essential Training

HTML5 and CSS3 – Essential Training, available at $19.99, has an average rating of 4.45, with 143 lectures, 7 quizzes, based on 246 reviews, and has 747 subscribers.

You will learn about 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. This course is ideal for individuals who are This course is meant for beginning to intermediate web developers looking to expand their existing HTML/CSS skills to HTML5 and CSS3. It is particularly useful for This course is meant for beginning to intermediate web developers looking to expand their existing HTML/CSS skills to HTML5 and CSS3.

Enroll now: HTML5 and CSS3 – Essential Training

Summary

Title: HTML5 and CSS3 – Essential Training

Price: $19.99

Average Rating: 4.45

Number of Lectures: 143

Number of Quizzes: 7

Number of Published Lectures: 143

Number of Published Quizzes: 7

Number of Curriculum Items: 150

Number of Published Curriculum Objects: 150

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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.

Who Should Attend

This course is meant for beginning to intermediate web developers looking to expand their existing HTML/CSS skills to HTML5 and CSS3.

Target Audiences

This course is meant for beginning to intermediate web developers looking to expand their existing HTML/CSS skills to HTML5 and CSS3.

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.

Course Curriculum

Chapter 1: Introduction to Web Development and Associated Technologies

Lecture 1: Introduction

Lecture 2: Web Architecture

Lecture 3: The Core 3: HTML

Lecture 4: The Core 3: CSS

Lecture 5: The Core 3: JavaScript

Lecture 6: The World Wide Web Consortium (W3C)

Lecture 7: Semantic HTML5

Lecture 8: Basic Structure of a Web Page

Lecture 9: HTML Syntax

Lecture 10: Browsers to Download

Lecture 11: Creating a Project, File Naming, and Folder Structuring

Lecture 12: Using Brackets to Author Web Pages

Lecture 13: Creating your First Web Page

Lecture 14: Validating your First Web Page

Chapter 2: Semantic Structure and Inline Tags

Lecture 1: Introduction

Lecture 2: The Structure of a Tag

Lecture 3: Global Attributes

Lecture 4: Section Elements

Lecture 5: Section Tags

Lecture 6: Heading Tags

Lecture 7: Grouping Tags

Lecture 8: Inline Tags (Part 1)

Lecture 9: Inline Tags (Part 2)

Lecture 10: Inline Tags (Part 3)

Lecture 11: Lab 1

Chapter 3: Tables, Lists, and Images

Lecture 1: Introduction

Lecture 2: Working with Tables (Part 1)

Lecture 3: Working with Tables (Part 2)

Lecture 4: Lab 2

Lecture 5: Working with Lists

Lecture 6: Lab 3

Lecture 7: Working with Images

Lecture 8: Lab 4

Chapter 4: Working with Links

Lecture 1: Introduction

Lecture 2: Working with Links

Lecture 3: Attributes for Links

Lecture 4: Creating a Link for an Image / Text

Lecture 5: Creating a Link to an Email Address or Phone Number

Lecture 6: Creating a Link to a Placeholder

Lecture 7: Working with Image Maps

Chapter 5: Cascading Style Sheets Part 1 – Introduction

Lecture 1: Introduction

Lecture 2: What is CSS?

Lecture 3: Why Should I Use CSS?

Lecture 4: How CSS Works

Lecture 5: Defining Styles

Lecture 6: Selector Types (CSS Level 1)

Lecture 7: Selector Types (CSS Level 2)

Lecture 8: Lab 5: CSS Level 1 Selectors

Lecture 9: Lab 6: CSS Level 2 Selectors

Lecture 10: Selector Types (CSS Level 3)

Lecture 11: Lab 7: CSS Level 3 Selectors

Lecture 12: Common Font Properties

Lecture 13: Common Background Properties

Lecture 14: Common Block Properties

Lecture 15: Common Box Properties

Lecture 16: Common Border Properties

Lecture 17: Common List Properties

Lecture 18: Common Positioning Properties

Lecture 19: Lab 8: Formatting the Vecta Corp. Site

Chapter 6: Cascading Style Sheets Part 2 – Grid Systems, Layout, and Positioning

Lecture 1: Introduction

Lecture 2: Grid Systems: What is a Grid?

Lecture 3: Grid Systems: History of Grids in Design

Lecture 4: Grid Systems: Why Should I Use Grids?

Lecture 5: Grid Systems: How Grid Systems Work in Web Design

Lecture 6: Lab 9: The 960 Grid System

Lecture 7: How to Float and Clear Elements

Lecture 8: How to Use CSS3 to Create Text Columns

Lecture 9: How to Position Elements Using Positioning Properties

Lecture 10: Lab 10: Structuring the Vecta Corp. Site using a Traditional Approach

Chapter 7: Cascading Style Sheets Part 3 – Advanced CSS Concepts

Lecture 1: Introduction

Lecture 2: Valuable Third-Party Tools

Lecture 3: Working with Web Fonts: The @font-face selector

Lecture 4: Working with Web Fonts: Google Web Fonts

Lecture 5: Sprites

Lecture 6: Navigation Menus

Lecture 7: Accordions

Lecture 8: Transitions

Lecture 9: Transforms

Lecture 10: Animations

Lecture 11: Filters

Lecture 12: Lab 11: An Advanced Web Page Layout

Lecture 13: Lab 12: Making the Web Page Backward Compatible

Lecture 14: Lab 13: Designing a Style Sheet for Printers

Chapter 8: Cascading Style Sheets Part 4 – Flex Box Layout

Lecture 1: Introduction

Lecture 2: What is the Flex Box layout?

Lecture 3: Layout Terminology

Lecture 4: Layout Properties

Instructors

Zak Ruvalcaba
Web App Developer, Programmer, Professor, Author, Athlete

Rating Distribution

1 stars: 6 votes

2 stars: 4 votes

3 stars: 19 votes

4 stars: 44 votes

5 stars: 173 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!