We may earn an affiliate commission when you visit our partners.
Course image
Eduonix Learning Solutions

HTML5 is one of the hot web technologies and is widely gaining acceptance across mobile and web. In our course, you get a complete resource that can get you started on application development for HTML5. In our course, you work on actual examples and go through important concepts required for thorough knowledge. 

Read more

HTML5 is one of the hot web technologies and is widely gaining acceptance across mobile and web. In our course, you get a complete resource that can get you started on application development for HTML5. In our course, you work on actual examples and go through important concepts required for thorough knowledge. 

In our course, you will start with basic HTML tags. You will learn how to create HTML websites and use CSS in your work before we start discussing HTML5. We do not assume any prior knowledge so we go through the concepts from the beginner's point of view. In our HTML5 lectures, we start with new tags and forms. We then gradually move to advance topics like Drag and Drop and Multimedia. We follow it with difficult topics like Geolocation, WebStorage, and Application cache. This course creates easy to grasp examples for each of the concepts and by the end of it, you will be able to understand the complete picture rather than just bits and pieces of the technology.  Some of the salient features for the course are:

  • Designed for absolute beginners

  • Practical tips and tricks for the real world development

  • Updated to include modern concepts

  • It shows how to think in HTML

  • Learn the basic Javascript

This is the complete HTML5 course you will need to get started with HTML5 application development. The simplicity and its content have made it one of the most popular HTML5 courses on the planet.

Enroll now

What's inside

Learning objectives

  • By the end of the course you will be able to create full fledged html5 websites
  • You will be able to use features like drag and drop, geo location and web storage to create immersible user experience.
  • You will have through understanding of both html and css
  • You will be able to create web applications for mobile phones as well

Syllabus

HTML Basics (Update)
Overview
Tour of VS Code
Begin coding in HTML
Read more
Links and Navigation
HTML Images
HTML Basics
CSS Basics (Update)
Connect a CSS File and Target HTML Elements
CSS Borders, Margins and Padding
Styling the Nav Bar
Styling Images
CSS Basics
Flexbox, CSS Animations and Position (Update)
Intro to Flexbox
More FlexBox
Intro to CSS Animations
More Animations
Position Property and Background Images
Flexbox, CSS Animation and Position
Forms, Frameworks and CSS Grid (Update)
Forms
Intro to Materialize
Materialize Continued
Intro to CSS Grid
More CSS Grid
Forms, Frameworks and CSS Grid
Git and Intro to Javascript (Update)
Git and Github
Deploy with Netlify
Portfolio Project
Intro to Javascript Part 1
Intro to Javascript Part 2
Javascript Coding Practice Part 1
Javascript Coding Practice Part 2
Git and Intro to Javascript
Introduction to basic HTML
Introduction
In this lecture we go through the curriculum we will follow in the course along with a basic discussion on the course objectives.
Learn the Basic tags used in HTML
Use of simple tags to create a static HTML web page
This first part of two part lecture deals with basic tags and example for Tables and Lists
The Second part of the lecture continues the concepts for HTML Tables and List 
This two part Lecture deals with HTML Forms and explains them with examples
This lecture builds on the previous lecture and completes the discussion on HTML Forms and Input
It contain presentation files and code resources for this chapter

This Quiz tests the basics of HTML

HTML -Continued
Introduction to CSS for HTML developers
This lecture deals with some interesting tags for HTML
In the first part of this two part lecture you do an in depth analysis of CSS 
CSS - Continued - Part2
This lecture bring together some of the concepts learned earlier
Download the resources for this chapter
This will test the new HTML concepts learned
Introduction to HTML5
Basic Introduction to HTML5 standard 
Introducing the new tags and Elements in HTML5 standard
New Form Elements in HTML5


This lectures continues HTML5 new form elements
The resources for this chapter
This will test you for basic tags and elements in HTML5
HTML5 features
This first part of three lecture discussion deals with simple drawings in HTML5
The second part of the lecture deals with lines and colors
The third and concluding discussion on graphics in HTML5
In this lecture you will learn the basics of Drag and Drop feature in HTML5
In this lecture we continue and build the full Drag and Drop example
The Lecture will teach you how to play multimedia in HTML5
In this lecture we continue our discussion on HTML5 multimedia features 
In this lecture you get introduced to vector graphics in HTML5
This lecture builds on the concepts of previous lectures on SVG

The Quiz will test you on the features covered in this section.

HTML5 Advance features
This lecture will teach you the foundation concepts for implementing Geolocation
This lecture will build on the concepts and shows example of Geolocation implemented in HTML5
The Lecture introduces the concepts of Webstorage
It continues the example of Webstorage in HTML5
This lecture deals with the advance concept of Application caches
This lecture deals continues the previous lecture with live example
A discussion for HTML5 in Mobile Phones
Download the resources for this chapter 
This will test the advance concepts taught in the section

Build a Project in HTML 5

Introduction to the Project

Learn to set up the bootstrap framework

Learn to add tasks to local storage

Displaying the added tasks from local storage

Editing & Updating Tasks from Local Storage

Delete & Clear Tasks from Local Storage

Project Summary

Summary
Bonus Lecture: More Interesting Stuff, Offers and Discounts

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Teaches HTML and HTML5 fundamentals, which are essential for web developers
Introduces CSS, which is a widely used styling language for web development
Covers advanced HTML5 features such as drag and drop, multimedia, and vector graphics, which are valuable for creating interactive web applications
Provides hands-on examples and practical tips for real-world web development, ensuring practical relevance
Offers a comprehensive curriculum that starts with the basics and gradually progresses to advanced topics, making it suitable for both beginners and experienced learners
Incorporates Javascript, a fundamental programming language for web development, making it useful for building interactive web applications

Save this course

Save Learn HTML5 Programming From Scratch to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Learn HTML5 Programming From Scratch with these activities:
Review HTML and CSS Basics
Strengthen your understanding of HTML and CSS fundamentals before starting the course.
Browse courses on HTML
Show steps
  • Go through online tutorials or documentation
  • Practice writing basic HTML and CSS code
  • Test your understanding through quizzes or exercises
Study Group Discussions
Engage with peers in study group discussions to reinforce concepts and clarify doubts.
Browse courses on HTML
Show steps
  • Find or create a study group
  • Discuss course topics and assignments
  • Share knowledge and insights
Web Development Tutorial Series
Supplement your understanding of HTML and CSS by following a guided tutorial series on web development.
Browse courses on HTML
Show steps
  • Find a reputable tutorial series
  • Follow the tutorials step-by-step
  • Practice implementing the concepts
Four other activities
Expand to see all activities and additional details
Show all seven activities
Coding Practice
Test your understanding of HTML, CSS, and HTML5 concepts by solving coding problems.
Browse courses on HTML
Show steps
  • Choose a coding platform
  • Work through coding problems
  • Review solutions and identify areas for improvement
Build a Portfolio Website
Demonstrate your skills by building a portfolio website that showcases your HTML and CSS abilities.
Browse courses on HTML
Show steps
  • Plan the website's structure and content
  • Design and develop the website
  • Deploy the website and share it with others
Contribute to Open Source Web Development Projects
Gain practical experience and contribute to the community by participating in open-source web development projects.
Browse courses on HTML
Show steps
  • Identify open-source projects related to HTML and CSS
  • Review the project documentation and codebase
  • Make contributions to the project
Build a Responsive Website
Apply your learning by developing a responsive website that adapts to different screen sizes.
Browse courses on HTML
Show steps
  • Plan the website's design and layout
  • Implement HTML and CSS code to create the website
  • Test the website's responsiveness across multiple devices

Career center

Learners who complete Learn HTML5 Programming From Scratch will develop knowledge and skills that may be useful to these careers:
Web Developer
A Web Developer may find this course to be extremely helpful. In this role, you will be responsible for the coding and design of websites. A firm grasp of HTML programming is a key requirement for this role. By learning this programming language, you may become an even more formidable candidate for Web Developer positions.
Front-End Developer
Front-End Developers will greatly benefit from this course. Individuals in this role are responsible for the user interface of websites. Those who wish to enter the field of Front-End Development should take this course to build a foundation in HTML5.
Web Designer
Web Designers may find this course to be extremely helpful. In this role, you will be responsible for the visual design of websites. A firm grasp of HTML programming is a key requirement for this role. By learning this programming language, you may become an even more formidable candidate for Web Designer positions.
Full-Stack Developer
Individuals pursuing a career as a Full-Stack Developer may find this course to be of interest. Those in this role are responsible for both the front-end and back-end of websites. The sections on Javascript, CSS, and more will be particularly relevant to those who wish to pursue this career.
UI Designer
UI Designers may find this course to be useful. Individuals in this role are responsible for the user interface of websites. Those who wish to enter the field of UI Design should take this course to build a foundation in HTML5.
UX Designer
UX Designers may find this course to be useful. Individuals in this role are responsible for the user experience of websites. Those who wish to enter the field of UX Design should take this course to build a foundation in HTML5.
Back-End Developer
This course may be useful for Back-End Developers. Professionals in this field are responsible for the server-side logic of websites. Though this course primarily focuses on the front-end, professionals in this field may find the included sections on CSS, Javascript, and more to be helpful.
Software Engineer
Those interested in a Software Engineer position may find this course to be somewhat helpful. Individuals in this role are responsible for the design, development, and maintenance of software systems. This course may help to build a foundation in web development, which could be useful for those who wish to pursue a career as a Software Engineer.
Product Manager
This course may be useful for Product Managers. Individuals in this role are responsible for the development and launch of new products. Though this course primarily focuses on the technical side of web development, it may be useful for those who wish to pursue a career as a Product Manager.
Marketing Manager
This course may be useful for Marketing Managers. Individuals in this role are responsible for the planning and execution of marketing campaigns. Though this course primarily focuses on the technical side of web development, it may be useful for those who wish to pursue a career as a Marketing Manager.
Sales Manager
This course may be useful for Sales Managers. Individuals in this role are responsible for the management of sales teams. Though this course primarily focuses on the technical side of web development, it may be useful for those who wish to pursue a career as a Sales Manager.
Project Manager
This course may be useful for Project Managers. Individuals in this role are responsible for the planning and execution of projects. Though this course primarily focuses on the technical side of web development, it may be useful for those who wish to pursue a career as a Project Manager.
Account Manager
This course may be useful for Account Managers. Individuals in this role are responsible for the management of client accounts. Though this course primarily focuses on the technical side of web development, it may be useful for those who wish to pursue a career as an Account Manager.
Data Analyst
This course may be useful for Data Analysts. Individuals in this role are responsible for the collection and analysis of data. Though this course primarily focuses on the technical side of web development, it may be useful for those who wish to pursue a career as a Data Analyst.
Business Analyst
This course may be useful for Business Analysts. Individuals in this role are responsible for the analysis of business processes. Though this course primarily focuses on the technical side of web development, it may be useful for those who wish to pursue a career as a Business Analyst.

Reading list

We've selected six books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Learn HTML5 Programming From Scratch.
Comprehensive and up-to-date reference guide for HTML5. It's great for intermediate to advanced learners who want in-depth insights into the language.
Provides a practical introduction to the latest version of the Hypertext Markup Language (HTML5). It covers the new features and elements introduced in HTML5, including multimedia, graphics, and application programming interfaces.
Emphasizes hands-on learning and interactivity, and focuses on HTML5 features used for building rich and engaging web applications. It's a great introduction for those with programming experience.
Is intended for absolute beginners, and does a great job of making the most essential HTML concepts approachable. It also includes coverage of more advanced topics such as multimedia, drag and drop, and mobile development.
Offers a comprehensive guide to web design using HTML, CSS, JavaScript, and jQuery. It covers the fundamentals of web design, including layout, typography, and color theory.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Learn HTML5 Programming From Scratch.
Collaborative Whiteboard with React Canvas and SocketIO
The Creative HTML5 & CSS3 Course - Build Awesome Websites
Introduction to Web Development with HTML5, CSS3, and...
20 Web Projects With Vanilla JavaScript
Multiplatform Mobile App Development with Web Technologies
Single Page Web Applications with AngularJS
Basic HTML for Kids
HTML5 Game Development
Modern HTML & CSS From The Beginning (Including Sass)
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser