Introduction to Front-End Web Development with HTML5

This course is focused on enabling learners to understand how to support interaction with online users through their web browsers and web application. A front-end web developer works to implement visual elements that users see and interact within a web application or a web site, develop functional, appealing, and usable web and mobile-based applications.

In a modern workplace, front end web developers are expected to develop features that enhance the user experience, write clean reusable codes that perform well in both mobile and desktop environments, and helps to maintain brand consistency through maintenance of stable applications. The course is hands-on and provides the opportunity to practice and code while you are learning.

You will learn to build REAL world creative and modern web pages from scratch using modern web technologies. The built-in case studies crafted from real-life work environments to equip you with the necessary skill.

What this course covers

1. Create static HTML pages

2. Create complex HTML form.

3. Learn the tricks of becoming a developer.

4. Understand the front-end workflow, programming principles, and test-driven development practices.

5. Understand the importance of setting a web development environment.

6. Structure web pages using HTML5 elements.

7. Include audio, images, and video to a web page.

8. Use HTML5 lists to call attention to web content.

9. Interconnect web resources with hyperlinks.

Target audience

•  Non-programmers
•  Web Designers
•  Aspiring Developers.
•  Entrepreneurs and hobbyists
• Career changers
• Beginners with no prior experience.
• Anyone that wants to learn front-end web development.
• Students.

Module 1: Introduction to Front End Web Development with HTML5

Introduction

1.1 Why you need a front-end web development career

1.2 Structure of the course

1.3 How the internet changed society

1.4 How the internet changed communication

1.5 The web as a communication tool for the internet

1.6 Tools of front-end web development

Module 2: Setting Up Front-End Developer Environment.

2.1 What front end developers do at work

2.2 Web design vs web development

2.3 Front end vs backend

2:4 Text editors for coding

Module 3: The Development environment

3.1 Setting a development environment

3.2 What is a browser?

3.3 Importance of browser in web development

3.4 The browser as a development environment

Module 4: Introduction to HTML.

4.1 Basic HTML

4.2 Basic HTML web page

4.3 View web page in a browser

4.4 How to structure a HTML5 page – 1

4.5 How to structure a HTML5 page – 2

4.6 How to structure a HTML5 page – 3

4.7 Add image to a HTML5 web page

4.8 Add audio to a HTML5 web page

4.9 HTML5 Form

4.10 HTML5 Hyperlinks

4:11 Edit web page with google Chrome browser

4.12 HTML5 Lists

4.13 HTML5 Resources

Summary