Fullstack Web Development

Document your HTML code with comments to describe what you implement and aid collaboration; remember that comments are not interpreted by browsers and use <!-- ... --> to annotate code.

Master HTML5, CSS, and JavaScript to build a responsive website, host it, and get a domain—practicing by coding to gain practical front-end skills.

Learn how to download and install VS Code, an IDE for coding your website, on Windows, macOS, or Linux, and set up an HTML document to start building your site.

Explore the HTML document structure, including doctype, html, head, and body tags, and learn to build and preview a web page with live server.

Learn how HTML tags and elements structure a web page, including opening and closing tags, heading tags (h1–h6), the p tag, and the line break tag (br).

Learn to format text with HTML tags like p, i, strong, and u; create ordered and unordered lists; and add external and internal hyperlinks with href for navigation.

Learn to insert media files in HTML, including images with src, width, and height, and add video and audio with controls on your webpage.

Explore semantic HTML tags like header, nav, aside, main, article, figure, and footer to structure content and learn when to use divs and create tables for tabular data.

Explore HTML semantics by building a page with header, nav, main, sections, and a footer, including a navigation menu and content sections such as about us and services.

Learn how to style an HTML page using CSS in a style tag, targeting elements from body to header, nav, sections, and footer, and apply colors, margins, padding, and alignment.

Explore building a contact form in html with labels, inputs of type text, email, textarea, checkboxes, radio buttons for gender, and a country select with options, plus a submit button.

Learn to apply css to a contact page by placing styles in the head and styling the body font, margins, h2 color, labels, inputs, selects, textareas, and buttons.

Learn to build HTML tables to organize data using table, tr, th, and td for headers, rows, and cells. Apply CSS to style borders, padding, and header backgrounds.

Learn how to integrate HTML and CSS through inline, internal, and external methods, styling elements with color, font family, and centered text, and linking an external stylesheet for scalable maintenance.

Learn how to submit form data to your email by wiring an HTML form to an API like formspring, using a post method and proper name attributes on inputs.

Learn how to import google fonts into your website by copying the import link from Google Fonts, inserting it into your CSS, and applying font-family to text.

Learn how to comment in css with the /* */ syntax, and see how comments in a separate css file are ignored, unlike html comments.

Learn CSS syntax and selectors, including tag, id, and class, and write rules with properties and values in an external stylesheet for color and font size.

Learn how to apply CSS colors to elements, IDs, and classes using color names, hex codes, and RGB values, with practical examples and a color palette reference.

Explore how CSS margin and padding shape layout, using a black box to demonstrate margins, padding, borders, and the box model with top, right, bottom, left values for positioning elements.

Explore the css box model, including content, padding, border, and margin. Learn how these properties shape element sizing and layout through hands-on browser inspection and examples.

Explore styling text with CSS in HTML by adjusting color, text-transform, text-decoration, letter and word spacing, and text alignment using IDs.

Style buttons with CSS, setting background and text colors, padding, borders, radius, font size and Georgia font, center with flex, and add hover effects using selectors.

Learn to create drop down effects with css, hover to reveal content, and toggle display from none to block using relative and absolute positioning, min width, padding, and box shadow.

Learn how the CSS z-index controls the stack order of elements, using absolute positioning to place an image behind or in front of text and other content.

Learn how to build responsive websites that fit mobile, tablet, laptop, desktop, and TV screens using CSS and media queries. Master viewport setups for consistent viewing across devices.

Master css layout and positioning by exploring absolute, relative, fixed, and sticky options. Use top, left, right, and bottom values and consider z-index to control element placement.

Use comments in JavaScript via script tags or files, declare and initialize a variable, print with document.write, and employ double backslashes to comment and uncomment code.

Explore JavaScript, a high-level language that adds interactivity beyond HTML and CSS. Learn to handle user events, manipulate the DOM, validate forms, and build browser games and geolocation apps.

Explore outputs in JavaScript by placing code in script tags or linking an external main.js, and use document.write, console.log, and alert.

Learn variables and data types in JavaScript, including numbers, text, booleans, objects, and arrays, and compare how var, let, and const declare containers for data.

Learn to declare and assign variables in JavaScript with var, let, and const, print results with document.write, and understand data types like strings, integers, and floats.

Explore JavaScript operators, including assignment, arithmetic, comparison, and logical operators, with practical examples using variables, document.write, if else, and modulus to demonstrate data manipulation.

Learn how to define and call JavaScript functions to organize code into reusable blocks, pass parameters, use return for output, and display results via document.write and button clicks.

Discover the dom concept in javascript and how the document object model represents a web page as a tree of html elements for manipulation and interactivity.

Explore DOM manipulation with get element by ID, get element by class name, and get element by tag name, including changing the paragraph color and counting paragraphs.

Explore arrays in JavaScript, including creating arrays with square brackets and the new Array() syntax, and learn how to store, access, output, and modify list items in HTML. Understand zero-based indexing, the length property, and how to print results to the page using DOM selectors.

Learn how to manipulate and merge arrays using common array methods such as pop, push, shift, unshift, delete, and concat with practical examples.

Learn JavaScript events within fullstack web development by building interactive elements with onClick, addEventListener, and change events; update the DOM with innerHTML to reflect city selections.

Learn how jQuery, a fast, lightweight JavaScript library, simplifies interacting with HTML, handling events, animations, and Ajax, and how to include it via CDN in your HTML header.

Master the jQuery syntax by pairing selectors with actions and using document.ready to run code. See a live demo where clicking a paragraph hides it, illustrating concise, efficient coding.

Explore jQuery events such as double click, mouse enter, mouse down, mouse up, and hover, and learn how to bind actions to elements using selectors and the document.ready pattern.

Explore jQuery effects like hide, show, fade, and slide for text and panels via click events. Use selectors and a main.js file to implement these behaviors.

Learn how to host a website with netlify, deploy manually by dragging your site files, view the production URL, and customize a domain for a personal site.

Learn PHP and MySQL to build dynamic, database-driven web apps, handling forms, data storage, access control, and secure server-side scripting.

Install XAMPP to run PHP locally by downloading from apachefriends.org, selecting your OS, and configuring the control panel; start Apache and MySQL to develop PHP scripts.

Explore PHP syntax and running a PHP file on a local server by creating a my site folder in Zamp's htdocs, using index.php, and echoing content.

Declare and manipulate php variables using the dollar sign, valid names, echo output, and the basic rules for semicolons, line breaks, and concatenation.

Explore variable scope in PHP by contrasting local, global, and static variables, showing how each is declared, accessed, and maintained across functions and scripts.

Discover data types in PHP, using variables to store strings, integers, and floats, and learn to print and concatenate them with the dot operator.

Explore arithmetic, logic, and relational operators in PHP, including not, using variables and echo to demonstrate addition, subtraction, modulus, and basic comparisons.

Explore how if, else if, and else control statements drive PHP program flow, with examples determining voting eligibility and assigning grades based on score ranges.

Explore switch statements and their syntax, using switch, cases, and break to test a number against days of the week, with a default fallback.

Explore PHP loops, including while, do while, for, and foreach, covering syntax, conditions, and increments, plus arrays and foreach printing with echo.

Explore PHP functions by declaring, calling, and using arguments, including returning values and performing arithmetic like adding two numbers.

Learn form handling in PHP by creating a self-submitting HTML form, compare get and post methods, use input name attributes with $_GET and $_POST, and print submitted names.

Demonstrates form handling and input validation using PHP by building a form with name, email, website, and gender options, and wiring a submit button to trigger validation.

Learn how to validate a web form with PHP by checking required fields, sanitizing input with a test_input function, handling errors, and displaying results using the post method.

Learn how MySQL, a relational database management system, via phpMyAdmin and Zam, uses SQL to create databases, tables, and perform insert, select, update, and delete operations.

Learn to write SQL statements with phpMyAdmin via localhost, create a Kitwe database and a hospital table with patient_id, name, and address, then insert and query data.

Master the sql select statement to fetch columns or all fields from the hospital table, using from and the asterisk, and filter with a where clause for address equals Kabwe.

Explore and, or, and not operators in SQL, and learn how to use where clauses to filter data and uniquely identify records in a hospital database.

Learn to insert records into a hospital table using SQL insert into and values, and to sort results with order by in ascending or descending order by name or id.

For fullstack web development, learn to update and delete records in MySQL on a hospital table, using update and delete statements with where clauses to target specific records.

Explore how to use count, avg, and sum functions in SQL on a sales table, counting records, calculating the average quantity, and summing totals.

Use the like operator in the where clause to search patterns in a column, using wildcards and % symbol to find names that start with, end with, or appear anywhere.

Learn how aliases in MySQL provide temporary names for columns or tables, using the as keyword in a select to display a column as first name for that query.

Learn how to manage MySQL databases by creating and dropping databases, creating and dropping tables, and altering tables with add, drop, and rename operations, plus basic constraints.

Explore SQL constraints, including not null, unique, primary key, foreign key, default, and autoincrement, and learn how to apply them when creating or altering tables.

Learn how the not null constraint works in MySQL by creating a persons table with id, first name, and last name columns that must always contain values.

Explain the SQL unique constraint, ensuring column values are distinct with examples like unique emails and IDs, and apply it to a table before defining a primary key.

Learn how to specify a primary key in a table, a constraint that uniquely identifies a row by enforcing unique and not null values on a column such as id.

Learn to build a PHP database connection to support CRUD operations, configure a local database with phpMyAdmin, and test connectivity via localhost using mysqli_connect.

Demonstrates building a PHP-based CRUD app by adding data to a MySQL database, validating forms, inserting records, and displaying them in a read view.

Learn how to edit existing database records using an edit form in PHP, retrieve a selected row by ID, prefill fields, and prepare for update.

Create an edit action in php to handle the update operation, updating the users table with new name, edge, and email values where id matches, and verify the update succeeds.

Implement a delete operation in a PHP CRUD app by creating delete.php, retrieving the id via $_GET, executing a MySQL delete from the users table, and returning to index.php.