Advanced HTML

About this course

Overview

Our Front-end Development course is a flexible and practical learning pathway designed for individuals who want to enter the tech industry, switch careers, or advance in their current roles. This program is ideal for students who cannot commit to full-time learning but still want high-quality, industry-relevant skills that lead to real opportunities.

Through a structured curriculum and hands-on projects, you will learn the essential tools, technologies, and best practices that modern companies expect from front-end developers. Whether you are completely new to coding or looking to upgrade your skills, this course will guide you step-by-step toward becoming job-ready.

By the end of the training, you will have strong technical skills, a solid portfolio of real projects, and the confidence to work in national and international organizations—either as a freelancer or as a full-time employee. You will also gain the practical knowledge needed to collaborate with teams, build professional websites, and keep growing as the technology evolves.

1. 01 Introduction to Frontend Development 1 min

    Our Front-end Development course is a flexible and practical learning pathway designed for individuals who want to enter the tech industry, switch careers, or advance in their current roles. 

2. 02 Introduction to Application Software 4 min

    Learn about the main types of application software, including web apps, desktop applications, and mobile apps, and how each one is used. 

3. 03 Computer Science Divided 6 min

   Learn how computer science is divided into different fields, including hardware, software, and networking.

4. 04 Course Focus & Objectives 21 min

    Learn how this course focuses on essential front-end and web development skills needed to build modern, responsive websites. 

5. 05 Introduction to HTML 8 min

   Learn the basics of HTML and how it structures the content of every website.

6. 06 Introduction to Text Editors 3 min

   Learn what text editors are and how they help developers write and manage code efficiently.

7. 07 How to Download and Install VS Code 1 min

    Learn the simple steps to download and install Visual Studio Code on your computer. 

8. 08 Setup Your Coding Environment 22 min

   Learn how to set up all the essential tools you need to start coding smoothly and efficiently.

9. 09 Build Your First HTML Project 7 min

   Create your first simple webpage using HTML and learn how basic elements work together.

10. 10 Understanding HTML Page Structure 6 min

    Learn how an HTML page is organized, including elements, tags, and the overall document structure.

11. 11 Top Visual Studio Code Extensions You Must Install 8 min

    Discover the most useful VS Code extensions that improve your coding speed and productivity.

12. 12 Text in HTML Paragraphs and Other Text Elements 13 min

    Learn how to add and format text in HTML using paragraphs, headings, and other essential text elements.

13. 13 Images in HTML 6 min

    Learn how to add and display images on your webpage using the HTML <img> tag.

14. 14 Introduction to HTML Links 15 min

     Learn how to create and manage hyperlinks in HTML to connect web pages and improve website navigation. 

15. 15 Internal Page Linking in HTML 11 min

    Learn how to create anchor links in HTML to navigate different sections of a single web page.

    
    

16. 16 HTML Lists: Ordered and Unordered 10 min

    Learn how to create ordered and unordered lists in HTML to structure content effectively.

    
    

17. 17 Understanding HTML Tables 9 min

    Learn how to create and manage tables in HTML to display data in a structured format.

    
    

18. 18 HTML Media: Audio and Video 11 min

     In this lecture, you will learn how to add audio and video to web pages using HTML. We will cover the <audio> and <video> tags, supported formats, controls, autoplay, looping, and accessibility best practices. By the end of this lesson, you will be able to embed and manage media content effectively on your websites. 

19. 19 HTML Containers: Div and Span 8 min

     In this lecture, you will learn about HTML containers and how they are used to structure web pages. We will focus on the <div> and <span> elements, their differences, and common use cases. You will also learn how containers help with layout, grouping content, and applying CSS styles effectively. 

20. 20 HTML Semantic Elements Explained 18 min

     In this lecture, you will learn about HTML semantic elements and why they are important for modern web development. We will cover elements such as <header>, <nav>, <section>, <article>, <aside>, <footer>, and more. You will understand how semantic HTML improves accessibility, SEO, and code readability, and how to structure web pages correctly using semantic elements.