Learn HTML5 Programming From Scratch from Udemy

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

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

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

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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

Show steps

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.

See salaries and explore the career path for Web Developer

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.

See salaries and explore the career path for Front-End Developer

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.

See salaries and explore the career path for Web Designer

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.

See salaries and explore the career path for Full-Stack Developer

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.

See salaries and explore the career path for UI Designer

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.

See salaries and explore the career path for UX Designer

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.

See salaries and explore the career path for Back-End Developer

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.

See salaries and explore the career path for 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.

See salaries and explore the career path for 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.

See salaries and explore the career path for 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.

See salaries and explore the career path for 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.

See salaries and explore the career path for 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.

See salaries and explore the career path for 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.

See salaries and explore the career path for 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.

See salaries and explore the career path for Business Analyst

Learn HTML5 Programming From Scratch

Here's a deal for you

What's inside

Learning objectives

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses