HTML5 Core Fundamentals for Aspiring Professional Developers

HTML5 Core Fundamentals for Aspiring Professional Developers, available at $19.99, has an average rating of 4.75, with 109 lectures, 11 quizzes, based on 6 reviews, and has 71 subscribers.

You will learn about Build a professional looking website. Apply the new HTML5 tags to create a web page structure. Create a unique look by adding new HTML5 image effects. Apply CSS rules to create a professional looking website. Incorporate Javascript to add interactivity to a website. Create and manipulate SVG graphics with CSS transitions. Create a responsive website with optimized layout for phones, tablets and desktops. Build a form with new HTML5 tags. Create animations with the canvas and DOM. This course is ideal for individuals who are This web design and development course is designed to step the novice developer through the process of building a professional website. You will learn a number of development and design techniques that step you towards becoming a professional developer. or Aspiring web developers or Designers and professionals or Communications / Marketing or Project Managers who oversee electronic communication and would like a better understanding of development or People who would like to explore web development as a career or People looking to broaden thier skill set to include web or Individuals looking to sharpen their existing web development skills or Developers who would like to apply best practices to their work and projects or Streamline and speed up development using Dreamweaver (although Dreamweaver isnt a requirement for this course, you can use another development tool of your choice) It is particularly useful for This web design and development course is designed to step the novice developer through the process of building a professional website. You will learn a number of development and design techniques that step you towards becoming a professional developer. or Aspiring web developers or Designers and professionals or Communications / Marketing or Project Managers who oversee electronic communication and would like a better understanding of development or People who would like to explore web development as a career or People looking to broaden thier skill set to include web or Individuals looking to sharpen their existing web development skills or Developers who would like to apply best practices to their work and projects or Streamline and speed up development using Dreamweaver (although Dreamweaver isnt a requirement for this course, you can use another development tool of your choice).

Enroll now: HTML5 Core Fundamentals for Aspiring Professional Developers

Summary

Title: HTML5 Core Fundamentals for Aspiring Professional Developers

Price: $19.99

Average Rating: 4.75

Number of Lectures: 109

Number of Quizzes: 11

Number of Published Lectures: 109

Number of Published Quizzes: 11

Number of Curriculum Items: 120

Number of Published Curriculum Objects: 120

Original Price: $29.99

Quality Status: approved

Status: Live

What You Will Learn

Build a professional looking website.

Apply the new HTML5 tags to create a web page structure.

Create a unique look by adding new HTML5 image effects.

Apply CSS rules to create a professional looking website.

Incorporate Javascript to add interactivity to a website.

Create and manipulate SVG graphics with CSS transitions.

Create a responsive website with optimized layout for phones, tablets and desktops.

Build a form with new HTML5 tags.

Create animations with the canvas and DOM.

Who Should Attend

This web design and development course is designed to step the novice developer through the process of building a professional website. You will learn a number of development and design techniques that step you towards becoming a professional developer.

Aspiring web developers

Designers and professionals

Communications / Marketing or Project Managers who oversee electronic communication and would like a better understanding of development

People who would like to explore web development as a career

People looking to broaden thier skill set to include web

Individuals looking to sharpen their existing web development skills

Developers who would like to apply best practices to their work and projects

Streamline and speed up development using Dreamweaver (although Dreamweaver isnt a requirement for this course, you can use another development tool of your choice)

Target Audiences

This web design and development course is designed to step the novice developer through the process of building a professional website. You will learn a number of development and design techniques that step you towards becoming a professional developer.

Aspiring web developers

Designers and professionals

Communications / Marketing or Project Managers who oversee electronic communication and would like a better understanding of development

People who would like to explore web development as a career

People looking to broaden thier skill set to include web

Individuals looking to sharpen their existing web development skills

Developers who would like to apply best practices to their work and projects

Streamline and speed up development using Dreamweaver (although Dreamweaver isnt a requirement for this course, you can use another development tool of your choice)

Do you have a desire to build websites for your current or future career, your business, or just for fun? This course will show you a rich mixture of web design and web development using some of the industries best practices. What is truly unique is that the explanation is made very simple and is based on lessons taught at a college post-graduate program. The instructors have been teaching web development since 1995 and have a lot of experience in teaching people how to go from a “newbie” to a professional. This is the ultimate course taught by qualified faculty showing you how they mastered and built each file, with the most current technology.

This course includes:

1. A companion handbook corresponding to each chapter with detailed best practices, tips and take-aways – an easy reference guide for your professional development.
2. A Badge certifying and crediting your completing and understanding of the web development content in this course
3. A donation to Literacy & Breakfast Club of Canada
4. Over 8 hours of video content
5. All code files and resources to use in your projects
6. Quizzes testing your knowledge of the content
7. Add these skills and projects to your portfolio!

Course Curriculum

Chapter 1: Welcome and Learning to Count

Lecture 1: Introduction

Lecture 2: Free e-Book

Lecture 3: Count in Hexidecimal

Lecture 4: Colors with Hexidecimal

Chapter 2: Build HTML5 Website

Lecture 1: Download the Entire Project Structure

Lecture 2: Introduction To HTML5 Tags & CSS Styles – Languages of the Web

Lecture 3: Creating Website Folder Structure

Lecture 4: Define Website & Setup Project

Lecture 5: Create First HTML5 Page

Lecture 6: Create & Link CSS Styles

Lecture 7: Main Tag & CSS Rule

Lecture 8: Header & Section Tags, Adding Images

Lecture 9: Nav, Article & Aside Tags

Lecture 10: CSS Rules for Nav, Article & Aside Tags

Lecture 11: Styling Unordered List Tags for Nav

Lecture 12: Styling Navigation Links With CSS Rules

Lecture 13: Padding & Border CSS Rules

Lecture 14: Linking Pages

Lecture 15: HTML Code

Lecture 16: CSS Code

Chapter 3: CSS Transitions

Lecture 1: Introduction to CSS Transition

Lecture 2: Setup Project & Files

Lecture 3: Create Structure & Add CSS Rules

Lecture 4: Add Figure Tag & Images

Lecture 5: Create CSS Classes

Lecture 6: Add Transition Rules

Lecture 7: Transitions

Lecture 8: Transitions Style Sheet

Chapter 4: CSS Rules For Images – Masking Image & Text, Reflection

Lecture 1: Introduction to Web Images, Which to use & Format

Lecture 2: Displaying Images

Lecture 3: Shape Mask on Image

Lecture 4: Mask

Lecture 5: Text Masking with Image

Lecture 6: Text Mask

Lecture 7: Reflection CSS Rule

Lecture 8: Reflection

Lecture 9: Optimizing Images

Chapter 5: SVG Graphics, Styling with CSS

Lecture 1: What is SVG?

Lecture 2: Basic Shapes

Lecture 3: SVG Inline in HTML5 page

Lecture 4: Add CSS & Class Attribute to SVG Shapes

Lecture 5: Writing CSS Style For Classes and IDs

Lecture 6: Transform – Scale from Large to Small

Lecture 7: Transform – Skew

Lecture 8: Transform – Rotate

Lecture 9: Transform Text Properties

Chapter 6: Responsive Web Design – RWD

Lecture 1: Introduction to RWD

Lecture 2: Starting RWD Projects

Lecture 3: Setup the HTML Tags and Structure

Lecture 4: Layout of the Body of the HTML Page

Lecture 5: HTML Footer

Lecture 6: Create CSS Styles and Link to HTML Page

Lecture 7: Link CSS Rules

Lecture 8: Adding a Banner Image

Lecture 9: Aside Tag CSS Rules

Lecture 10: Media Query – Rules Specific for Phone Size

Lecture 11: Media Query – Rules Specific for Tablet Size

Lecture 12: Responsive HTML Code

Lecture 13: RWD CSS

Chapter 7: HTML5 Forms

Lecture 1: Introduction to HTML5 Forms

Lecture 2: Email, Phone & Range Inputs

Lecture 3: Text Field Input

Lecture 4: Color & Date Inputs

Lecture 5: Radio Buttons, Checkboxes & Text Areas

Lecture 6: Buttons, Required Field & Placeholder Text

Lecture 7: Adding CSS Styles to Form & Table

Lecture 8: Forms

Chapter 8: JavaScript – Web Language for Interactivity

Lecture 1: Introduction to JavaScript

Lecture 2: JS 01

Lecture 3: Calling Functions

Lecture 4: JS 02

Lecture 5: Calling Function with Button

Lecture 6: JS 03

Lecture 7: Simple Evaluation – If Statements

Lecture 8: JS 04

Lecture 9: Create a Function to Determine Leap Year

Lecture 10: JS 05

Lecture 11: Dynamic Text

Lecture 12: JS 06

Lecture 13: Coin Change Program

Lecture 14: JS 07

Lecture 15: Countdown to Midnight

Lecture 16: JS 08

Lecture 17: Validating a Form

Instructors

Phil Cowcill
Professor & Developer

Krista Hildner
Designer & Developer at Development Made Simple, Teacher

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 1 votes

4 stars: 0 votes

5 stars: 5 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!