Web Coding for Absolute Beginners!

Define a computer as an electronic device that stores and uses data under a set of instructions, with data represented as information such as words and numbers in binary.

Learn how hardware and software work together to run a computer, from keyboards and screens to the CPU, RAM, and software programs like Microsoft Word and browsers.

Explore how hardware and software interact in tasks, from moving the mouse to launching a program via memory and display updates. Understand how bugs arise and why robust code matters.

Discover what programming is and how programmers write programs using code to tell a computer how to act, including html, css, javascript, and php.

Explore the internet as a network of connected computers exchanging data stored on servers and accessed via browsers. Learn how modems, routers, IP addresses, and the server–client relationship enable access.

Learn what a web page is: a server-stored file shown by a browser. Understand how HTML, CSS, JavaScript, and PHP shape its structure and behavior, and how URLs locate pages.

Explore the four internet languages, HTML, CSS, JavaScript, and PHP, and see how HTML provides a skeleton for web pages, CSS adds styling, JavaScript enables interactivity, and PHP handles tasks.

Summarizes core computer and internet theory, explains hardware and software interactions, data and instructions, and introduces HTML, CSS, JavaScript, and PHP for building interactive web pages.

Explore JS Bin, an online editor to write and run HTML, CSS, and JavaScript with a live preview, console access, multiple windows, saving templates, and downloading code.

Explore how HTML forms the skeleton of a web page, with tags and head and body. Learn about doctype, utf-8, viewport, and closing tags, plus CSS and JavaScript basics.

Learn to use divs as containers to structure and nest page content. Identify block versus inline elements, and explore header, footer, section, and nav as semantic containers.

Learn basic HTML text styling without CSS, including bold (b), italics (i), underline (u), strikethrough, and strong, with tag closing rules and how to combine styles.

Learn to build unordered and ordered lists in HTML using ul, ol, and li tags, with nesting examples and practical to-do list applications.

Learn to add links with the a tag and embed images with the img tag in HTML, using URLs, alt text, and optional width to control size.

Explore inputs in HTML by creating text, password, email, and number inputs, plus checkboxes, radio buttons, and image inputs. Learn how buttons and forms submit data, including login scenarios.

Learn how to build HTML tables for static data, using table, tr, td, and th, with header rows and proper alignment, while avoiding layout use.

Master how to apply IDs for unique elements and classes for groups in HTML, identify divs, inputs, and paragraphs, and prepare to style these elements with CSS.

Review HTML fundamentals, including containers (divs, navs), text elements, lists, links, images, inputs, tables, and IDs and classes, and preview how CSS will style them.

Learn how CSS, cascading style sheets, styles HTML elements with type, class, and ID selectors, applies color and background color, and manages cascade order so later styles prevail.

Learn how to size elements in CSS with pixels and percentages. Reset margins and paddings for clean layouts, and understand how parent height affects percentage heights.

Explore CSS positioning basics: static, relative, fixed, and absolute, with top, left, right, and bottom. See how elements relate to their parent or the page using simple div examples.

Master margins and padding in CSS to understand how they create space around and inside elements, and how margins differ from padding in affecting outer height.

Explore how to set background color for divs in CSS, compare background and text color, and use built-in colors, rgba values, and hex codes.

Explore text styling in css by adjusting alignment, color, decoration, transform, spacing, and font family, while learning to import google fonts, use fallbacks, and apply font sizes with vw.

Learn to make web pages respond to screen size changes using media queries. Adjust font sizes and layouts to provide mobile-friendly and desktop experiences.

Summarizes core CSS techniques—sizing, positioning, margins, padding, colors, and text styling—and explains responsive layouts based on screen size, using classes and IDs to build pages and introducing JavaScript for interactivity.

Explore how JavaScript makes web pages interactive by updating text, color, and visibility in response to user events with event listeners, using HTML and CSS as a foundational structure.

Learn to fetch HTML elements by their id with JavaScript using document.getElementById, store the element in a variable, and understand exact id matching and first-match behavior.

Fetch multiple elements by class name using document.getElementsByClassName, treat them as an array, access items by index, and handle out-of-bounds cases in JavaScript.

Explore how to fetch HTML elements by tag name using document.getElementsByTagName, retrieve all paragraphs or specific ones, and nest the search inside a div to target elements precisely.

Learn how to fetch and modify HTML element attributes with JavaScript, using divs, IDs, and style properties like height, background color, and padding, including inner HTML and text content.

Learn to add event listeners to web pages, enabling interactivity with clicks, hovers, and text changes by using get element by ID, add event listener, and simple color-changing functions.

Learn to display alerts in JavaScript by collecting text input, then use window.alert, window.confirm, and window.prompt to interact with users.

Learn to add and remove HTML elements with JavaScript by retrieving containers with getElementById, creating elements with document.createElement and text nodes with document.createTextNode, and using appendChild to modify the DOM.

Learn how to fetch elements by id, class name, and tag name, update attributes, and attach event listeners to create interactive web pages with HTML, CSS, and JavaScript.

Create a web page from scratch using HTML, CSS, and JavaScript. Add interactivity with a hover effect, a left-side topics list, a bio and projects section, and a contact panel.

Lay out the basic HTML skeleton with a header and main area. Add a contact-info div and a navigation of five items: bio, education, work, projects, interests; use hidden sections.

Learn html specifics to finish profile page: insert a resizable profile image, assign ids and classes, create a nav list and info containers, and plan css with a background image.

Learn how to improve page layout by adding margins and padding, adjusting body padding, header margins, and nav spacing with percentage widths to keep content aligned and ready for responsiveness.

In web coding for absolute beginners, explore fonts and colors in css, including using Google Fonts and enlarging headings. Apply a translucent rgba background and add hover effects on navigation.

Discover how to implement on click behaviour to show and hide info divs, using a for loop and display toggling, and plan for responsiveness and resizing in a web page.

Fix screen resizing by implementing media queries at 500px and 400px; adjust font sizes, margins, and image dimensions to prevent overlap and reveal contact info on hover.

Show and hide a centered contact box by hovering over an image, using on mouse over/out handlers and JavaScript to toggle display between none and block.

Explore how to build a simple, responsive web page with HTML, CSS, and JavaScript that displays bio, education, work projects, interests, and contact info. Implement an HTML skeleton, a header, main section, a navigation list, an info container with five divs, hover effects, and show and hide logic for responsive three size layouts.

Explore how the course covers computer theory, hardware software interaction, and building web pages with html, css, and javascript, culminating in a final project that encourages ongoing practice.