Introduction to Website Development Technologies

Video description

Dive into the dynamic realm of web development with our comprehensive course. In the initial modules, grasp the fundamental languages of the web: HTML, CSS, and JavaScript. Understand how these languages synergize to create visually appealing and interactive webpages, laying the groundwork for your journey into the digital universe.

Throughout this hands-on learning experience, we will explore the intricacies of website creation from scratch. Delve into the power of GitHub for version control and collaborative coding. Harness the flexibility of Bootstrap 5 to design responsive and visually stunning websites. Navigate the complexities of Visual Studio Code, honing your coding skills in a user-friendly environment.

Unlock the secrets of efficient deployment, taking your projects live on the Internet with Netlify. Understand the nuances of integrating JavaScript frameworks such as jQuery, enhancing the functionality of your websites. Embrace troubleshooting and debugging techniques, ensuring that your code is flawless.

By the end of this course, you will be equipped with the skills to confidently craft visually captivating and functionally robust websites.

What You Will Learn

  • Create multi-page websites using HTML, CSS, JavaScript, and Bootstrap
  • Integrate JavaScript and jQuery for dynamic user experiences
  • Learn efficient coding and debugging in a professional environment
  • Understand version control, collaboration, and repository management
  • Publish websites effortlessly to the internet
  • Grasp DNS, SSL, and CDN concepts for secure, efficient websites


This course is tailored for individuals eager to embark on a transformative journey into the realm of web development. Whether you are a complete beginner or someone looking to enhance your existing skills, this course is designed to accommodate various learning levels. Aspiring web developers, creative enthusiasts, and tech aficionados seeking a practical understanding of HTML, CSS, JavaScript, GitHub, Bootstrap 5, Visual Studio Code, and Netlify will find this course invaluable. No prior programming experience is needed.

About The Author

Trevoir Williams: Trevoir Williams is a software engineer, lecturer, and author. With a master’s degree in computer science, he has spent over a decade teaching web, software, and database development courses. He also has extensive industry experience in web application development, Azure cloud services, and server administration. He enjoys teaching IT and development courses and hopes to impart knowledge of the latest developments in industry standards and techniques to his students.

Table of contents

  1. Chapter 1 : Introduction
    1. Introduction
    2. Why Learn Web Development?
  2. Chapter 2 : Environment Setup
    1. Web Development Tools
    2. Install Visual Studio Code
    3. Recommended Development Extensions
    4. Set Up Git and GitHub
    5. Set Up Website Project Workspace
  3. Chapter 3 : Basic HTML
    1. Explore HTML
    2. Write Your First HTML Document
    3. Adding Text and Links
    4. Multiple HTML Pages
    5. Adding Images
    6. Adding Ordered and Unordered Lists
    7. Adding an HTML Table
    8. Adding an HTML Form - Part 1
    9. Adding an HTML Form - Part 2
    10. Embedding External Content
    11. Embedding Media Content (Video and Audio)
    12. Comments and Styling
    13. Add to GitHub
  4. Chapter 4 : Cascading Style Sheets
    1. What Is CSS (Cascading Style Sheets)
    2. Inline CSS
    3. Internal CSS
    4. External Stylesheets
    5. HTML Semantics
    6. HTML Non-Semantic Layout - Part 1
    7. HTML Non-Semantic Layout - Part 2
    8. Consistent Webpage Layout and Design
    9. Using Classes
    10. Add to GitHub
  5. Chapter 5 : JavaScript
    1. What Is JavaScript?
    2. Explore JavaScript and the Browser Console
    3. JavaScript Statements and Variable Declarations
    4. JavaScript Arithmetic Operations
    5. JavaScript Decision Statements
    6. JavaScript Repetition Statements
    7. JavaScript Functions
    8. JavaScript Variables and Scope
    9. JavaScript and HTML DOM
    10. JavaScript in HTML Syntax
    11. Adding JavaScript to HTML - Part 1
    12. Adding JavaScript to HTML - Part 2
    13. What Is jQuery?
    14. Adding jQuery to a Website
    15. jQuery Versus JavaScript
    16. Add to GitHub
  6. Chapter 6 : Web Development with the Bootstrap Framework
    1. What Is Bootstrap?
    2. Explore Bootstrap's Documentation
    3. Adding Bootstrap to Your Website
    4. Adding Bootstrap Navbar and Layout - Part 1
    5. Adding Bootstrap Navbar and Layout - Part 2
    6. Bootstrap Tables
    7. Bootstrap Forms
    8. Bootstrap Buttons
    9. Bootstrap Carousel
    10. Bootstrap Cards and Grid
    11. Bootstrap Accordion
    12. Clean Up Website
    13. Tracking Active Page - CSS + JavaScript
    14. Add to GitHub
  7. Chapter 7 : Publishing Your Website
    1. Website Hosting Principles
    2. What Is Netlify?
    3. Publish Website Using Manual Deploy on Netlify
    4. Publish Website Using GitHub and Netlify (CI/CD Pipeline)
    5. Additional Netlify Features
  8. Chapter 8 : Conclusion
    1. Course Recap
    2. Recommendations

Product information

  • Title: Introduction to Website Development Technologies
  • Author(s): Trevoir Williams
  • Release date: May 2022
  • Publisher(s): Packt Publishing
  • ISBN: 9781803235189