
Explore the core web development stack from html skeletons and css styling to javascript logic. Understand how a browser and web server exchange requests and responses, forming a standard system.
Learn the basics of HTML and set up a web development workspace by installing Visual Studio, adding JavaScript extensions, and organizing a development folder to practice HTML and JavaScript.
Explore the basic HTML document structure, including opening and closing tags, the head and body, and meta descriptions and keywords guiding browsers.
Learn to link external CSS and JavaScript in HTML, declare the doctype, and use meta tags for SEO with descriptions, keywords, viewport, and noindex/nofollow controls.
Explore HTML basics in this live demo, covering headings and paragraphs, linking external files, and using bold, italics, and emphasis with strong, em, b, and i.
This live HTML demo covers adding links and images, opening links in new tabs, using img src and alt text, and resizing images with unsplash sources.
Explore creating and formatting lists in HTML during a live 7.3 demo, including ordered and unordered lists, nested lists, and simple table layouts for web development.
Explore building and styling HTML forms with text inputs, text areas, radio buttons, checkboxes, labels, and form actions, and learn how data is submitted to the back end.
Advance your HTML skills by working through templates, comparing block versus inline elements, and applying borders, colors, and simple styles to structure layouts.
Learn the difference between inline and block elements, and how to use unique ids and multiple classes to apply css across a page, including borders and backgrounds.
Master advanced html 4 techniques by using html entities, such as non-breaking spaces and symbols like copyright and ampersand, and manage spacing with multiple classes and css.
Learn how css selectors target elements and set properties, using element, class, and id selectors to apply colors and styles to a webpage.
Master element, id, class, and grouping selectors in css. Practice applying color and background changes and use dev tools to inspect and understand temporary versus permanent styling.
The css tutorial 15 teaches typography in web development by adjusting font family, color, size, and fallbacks, using boilerplate and importing fonts.
Explore importing external fonts using Google Fonts, select a font, copy its link, paste it into css, and preview different font styles to enhance typography.
Explore how CSS uses color names, RGB values, and hexadecimal codes to style text and backgrounds, with practical examples configuring IDs and paragraphs.
Master CSS borders and backgrounds, covering border color, style, radius, and width, plus background color and image placement from Unsplash with center top positioning.
Master the CSS box model, including padding, border, and margin. Apply box sizing to control element sizing and use the inspect feature to refine layouts.
Learn core CSS concepts like margins, borders, and box sizing while practicing side-by-side layouts with floats, alignment, and text justification to style containers and items.
Master practical CSS techniques by creating selectors, buttons, and pseudo selectors, styling a glass container, borders, colors, read more links, visited and active states, and Bootstrap concepts.
Web Development Mastery: Build Interactive Websites from Scratch
Web Development is the art and science of creating websites and web applications that live on the internet. Whether you’re curious about front-end design, fascinated by back-end logic, or aiming to master both through full-stack development, this course is your gateway into the dynamic world of modern web development.
Start your journey today—no prior web development experience required.
In this course by the Global Education Foundation, you'll be guided step-by-step through the essential technologies of web development. You’ll begin by creating your first website using HTML, learn how to style and format it with CSS, and then bring your site to life with JavaScript for interactivity.
Along the way, you’ll:
Understand how web pages are structured using HTML tags and attributes.
Style elements effectively using CSS classes, IDs, and responsive design techniques.
Learn about the box model, which determines how content is sized and spaced on the page.
Discover how JavaScript interacts with web pages using the Document Object Model (DOM).
Practice validating input and handling events to create dynamic, user-friendly websites.
In the final project, you’ll apply all the skills you’ve learned to design and build your own interactive quiz web page—a great way to showcase your new abilities and creativity.
What will you achieve?
By the end of this course, you’ll be able to:
Construct a fully functional HTML web page using correct semantic structure.
Style and layout your content using advanced CSS techniques.
Apply reusable styles with classes and IDs for clean, maintainable code.
Understand and implement the box model for structured layouts.
Manipulate web page elements using JavaScript and the DOM.
Build interactive, user-focused websites with functional input and feedback.
Who is this course for?
This course is ideal for teachers delivering computing lessons at a GCSE level or equivalent, as well as beginner programmers interested in exploring the world of web development. While you don’t need prior experience with HTML, CSS, or JavaScript, a basic understanding of programming fundamentals such as loops, if statements, and functions with parameters will be helpful, especially during the JavaScript module.
Learning with Community Support
Throughout the course, you'll have the opportunity to connect with other learners, ask questions, share ideas, and participate in active discussions. Learning becomes even more effective when done in collaboration!