Introduction To Website Development Technologies

Learn to build a deploy a multi-page website built using HTML, CSS, JavaScript, Visual Studio Code, GitHub and Netlify
Introduction To Website Development Technologies
File Size :
3.60 GB
Total length :
8h 24m



Trevoir Williams


Last update




Introduction To Website Development Technologies

What you’ll learn

Understand HTML and CSS
Understand how to use JavaScript and JQuery
Understand how to integrate Bootstrap 5 into your website
Use GitHub For Source Control
Use and Understand Visual Studio Code
Publish Website to internet with a few clicks
How to Use Netlify and GitHub
Learn JavaScript Syntax and Browser Debugging

Introduction To Website Development Technologies


No Programming Experience Needed


Why Learn HTML and CSS?HTML is the foundation of all web pages. Without HTML, you couldn’t organize text or add images or videos to your web pages. HTML is the beginning of everything you need to know to create engaging web pages! CSS Works in tandem with HTML to ensure that your content looks good. Using these two, you are in complete control of what your web pages look like. Why Learn JavaScript?HTML and CSS are static. JavaScript allows you to manipulate them while your webpage has already loaded. Imagine having an interactive document reading when their content can morph based on your actions…while you’re reading it! That is what JavaScript brings to the table.Take-Away SkillsLearn how to build a website using HTML, CSS, and Visual Studio Code. By the end of this course, you will have learned:How to create HTML DocumentsHow to link HTML Documents and create a websiteHow to insert elements in an HTML document (images, lists, tables, text, etc.)How to style one or more pages with CSS (Inline, Internal and External Style sheets)How to upload code to GitHub.How to publish your static website to the internet using Netlify.How to design a form to collect data.How to write JavaScript and jQueryHow to use Bootstrap 5Content and OverviewYou don’t need to know any programming language to take this course. The content of this course assumes no prior knowledge of programming or web development. It will teach you how to set up an environment to develop a website from scratch and deploy it on the internet for the world to see. This is a short course with just over 4 hours of content but smartly broken up to highlight related activities based on each module in the application being built. We will also look at troubleshooting and debugging errors as we go along, implementing best practices, writing efficient logic, and understanding why developers do things the way they do. Your knowledge will grow, step by step, throughout the course, and you will be challenged to be the best you can be.By the time you have finished the course, you will have moved around in Visual Studio Code and examined errors so much that it will be second nature for you when working in the Web development environment. This will put your newly learned skills into practical use and impress your boss and coworkers.The course is complete with working files hosted on GitHub, including some files to make it easier for you to replicate the demonstrated code. You will be able to work alongside the author as you work through each lecture and will receive a verifiable certificate of completion upon finishing the course.


Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Why learn Web Development?

Section 2: Environment Setup

Lecture 3 Web Development Tools

Lecture 4 Install Visual Studio Code

Lecture 5 Recommended Development Extensions

Lecture 6 Setup Git and GitHub

Lecture 7 Setup Website Project Workspace

Section 3: Basic HTML

Lecture 8 Explore HTML

Lecture 9 Write your first HTML Document

Lecture 10 Adding Text and Links

Lecture 11 Multiple HTML Pages

Lecture 12 Adding Images

Lecture 13 Adding Ordered and Unordered Lists

Lecture 14 Adding an HTML Table

Lecture 15 Adding an HTML Form – Part 1

Lecture 16 Adding an HTML Form – Part 2

Lecture 17 Embedding External Content

Lecture 18 Embedding Media Content (Video and Audio)

Lecture 19 Comments and Styling

Lecture 20 Add to GitHub

Lecture 21 Section Source Code

Section 4: Cascading Style Sheets

Lecture 22 What is CSS (Cascading Style Sheets)

Lecture 23 Inline CSS

Lecture 24 Internal CSS

Lecture 25 External Stylesheets

Lecture 26 HTML Semantics

Lecture 27 HTML Non-Semantic Layout – Part 1

Lecture 28 HTML Non-Semantic Layout – Part 2

Lecture 29 Consistent Web Page Layout and Design

Lecture 30 Using Classes

Lecture 31 Add to GitHub

Lecture 32 Section Source Code

Section 5: JavaScript

Lecture 33 What is JavaScript?

Lecture 34 Explore JavaScript and the Browser Console

Lecture 35 JavaScript Statements and Variable Declarations

Lecture 36 JavaScript Arithmetic Operations

Lecture 37 JavaScript Decision Statements

Lecture 38 JavaScript Repetition Statements

Lecture 39 JavaScript Functions

Lecture 40 JavaScript Variables and Scope

Lecture 41 JavaScript and HTML DOM

Lecture 42 JavaScript in HTML Syntax

Lecture 43 Adding JavaScript to HTML – Part 1

Lecture 44 Adding JavaScript to HTML – Part 2

Lecture 45 What is jQuery?

Lecture 46 Adding jQuery to a Website

Lecture 47 jQuery vs JavaScript

Lecture 48 Add to GitHub

Lecture 49 Section Source Code

Section 6: Web Development with the Bootstrap Framework

Lecture 50 What is Bootstrap?

Lecture 51 Explore Boostrap’s Documentation

Lecture 52 Adding Bootstrap to your Website

Lecture 53 Adding Boostrap Navbar and Layout – Part 1

Lecture 54 Adding Boostrap Navbar and Layout – Part 2

Lecture 55 Bootstrap Tables

Lecture 56 Bootstrap Forms

Lecture 57 Bootstrap Buttons

Lecture 58 Bootstrap Carousel

Lecture 59 Bootstrap Cards and Grid

Lecture 60 Bootstrap Accordion

Lecture 61 Clean Up Website

Lecture 62 Tracking Active Page – CSS + JavaScript

Lecture 63 Add to GitHub

Lecture 64 Section Source Code

Section 7: Publishing your Website

Lecture 65 Website hosting Principles

Lecture 66 What is Netlify?

Lecture 67 Publish Website using Manual Deploy on Netlify

Lecture 68 Publish Website using GitHub and Netlify (CI/CD Pipeline)

Lecture 69 Additional Netlify Features

Section 8: Conclusion

Lecture 70 Course Recap

Lecture 71 Recommendations

Section 9: Bonus Section

Lecture 72 Bonus Lecture

Anyone who wants to learn basic web develpment

Course Information:

Udemy | English | 8h 24m | 3.60 GB
Created by: Trevoir Williams

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top