Explore the fundamentals of html and css, practice opening and closing tags, and apply styles for colors and fonts. Create from a blank page and test results in your browser.

Discover how to build a web page using HTML basics, headings, images, links, forms, and basic JavaScript and CSS styling, with hands-on practice and source files.

Html basics show how html provides the browser with a blueprint to render content, including doctype, head, and body, while css styles the page and javascript adds interactivity.

Learn how to add paragraph elements in HTML using opening and closing p tags, compare paragraphs with line breaks, and structure content for clearer web pages.

Master html titles by placing a captivating title in the head, optimized for seo and aligned with page content, while targeting a 50–60 character display in Google search results.

Apply HTML heading tags from H1 to H6 to structure and highlight content, using size and boldness to indicate importance, with H1 as the main title.

Explore how divs and spans structure an HTML document by opening and closing tags to create blocks, lines, and organized containers, and when to use div versus span.

Explore HTML hyperlinks to connect internal and external pages, using href paths, target attributes, and anchors—including named anchors—for effective in-page and cross-page navigation.

Learn to add images on web pages with the img tag, using src and alt attributes, and explore placeholder images for design mockups while noting responsive sizing.

Wrap an image with a hyperlink using an anchor tag and href to make the image clickable, notice hover cursor changes and basic HTML structure supporting linked content.

Discover how to use HTML ordered lists and list items to structure content, customize numbering with type attributes (numeric, A/a, I/i), and prepare for styling with CSS and adding JavaScript.

Learn how to switch between ordered and unordered lists, apply CSS list-style-type options like circle, disc, and none, and use lists to create readable web pages and menus.

Apply source formatting and use HTML beautifiers to produce a readable, well-indented document. Add comments to guide developers and use inspect element to review structure without affecting output.

Learn to apply color, borders, backgrounds, fonts, and alignment to HTML using three styling methods: inline styles, class-based CSS, and external stylesheets, with external stylesheets enabling global updates.

Explore how to add basic JavaScript to HTML pages to create interactivity with buttons, alerts, and reusable functions, including inline and external scripts.

Explore creating forms with input types like text and email, including buttons and placeholders. Understand form structure with id/name, fieldsets, action, method, and labels for accessible submissions.

Master cascading style sheets (CSS) to transform a plain HTML page into a visually engaging site, using CSS with HTML and JavaScript, nesting selectors, and building sticky footers and navigation.

Add CSS to HTML using inline styles, on-page styles, and external stylesheets; explore color values, order of styles, and the importance of keeping styling in a separate stylesheet.

Learn to select HTML elements with CSS by tag names and by id, apply background and text colors, and target a single element using an id selector.

Learn to style the page body with background color or image, using shorthand and properties like background-attachment, no-repeat, repeat-x/y, and background-position to control placement.

Isolate sections by selecting h2 tags to highlight lesson titles and differentiate areas. Apply a background color with padding to h2 elements, ensuring contrast for readable text.

Style the navigation as a distinct nav bar by removing underlines from anchor tags, apply grayscale background, use uppercase text with padding, and link boxes to separate pages.

Explore the CSS box model, including content, padding, border, and margin, and learn to use shorthand padding and margin to control element spacing.

Learn how css nesting selectors target only elements inside a parent, such as anchors within the navigation bar, and how specificity, order, and !important affect overrides.

Explore CSS combinations, including descendant, child, adjacent sibling, and general sibling selectors, to style h2 elements inside lesson containers, and understand how padding and background color propagate.

Learn to create a sticky footer that remains visible across the page with css position fixed at the bottom, width: 100%, and clear comments.

Learn to structure a basic website with divs and spans, link a separate stylesheet, and document code with HTML comments for a clean layout featuring header, navigation, content, and footer.

Create a basic navigation bar using a ul with li items for home, about, and contact, linking internally and externally, while using target _blank for external pages.

Learn to populate a basic web page with lorem ipsum placeholder text, lay out header, navigation, content, and footer using templates, and prepare styling with CSS.

Explore web design basics with css styling, color palettes, and element selectors. Learn to apply colors using ids, classes, and tags, and preview changes in code pen.

Explore how to design a horizontal navigation bar with CSS, using display properties like inline-block, removing default list dots, and floating to align the logo and navigation for responsive layouts.

Refine navigation styling by using precise CSS selectors to remove list bullets and underlines, and style links with borders and padding within a box model.

Explore turning lists into an inline navigation, adding padding, inserting and resizing images with floats, and styling a footer and header using the css box model.

Learn to make a website responsive by refining layout with CSS padding, colors, and media queries, adjust header overflow, navigation, and logo styling for mobile resizing.

Create a basic contact form with first and last name text inputs and a submit button; learn to submit via JavaScript or Ajax to a PHP server-side script.

Practice and think like a web developer by tackling HTML and CSS challenges and building a portfolio. Start with small freelance projects on Fiverr and eBay classifieds.

Master the fundamentals of JavaScript to build interactive content and dynamic web pages by exploring data types, variables, arrays, objects, functions, and DOM interactions.

Learn how to add JavaScript to your HTML page, use variables and integers, perform operations like a+b and a*b, and view results in the browser console.

Explore how to work with strings in JavaScript, including creating string variables, using single or double quotes, maintaining case sensitivity, and best practices for inline vs external scripts.

Master JavaScript data types by examining booleans, true and false values, and how to comment with //, then apply booleans in conditionals and recognize undefined and null.

Master using boolean values in JavaScript conditions by testing with if (D) and using !D, and output results to the console with console.log while keeping script logic separate from HTML.

Declare and assign variables in JavaScript, including blank values and empty arrays. Output variables to the HTML and access string items and array elements by zero-based index.

Explore live JavaScript coding with CodePen IO, adding libraries, and manipulating the DOM using document.getElementById and innerHTML to update an output element.

Declare and call functions in JavaScript, pass first and last names as parameters, and return a full name. Reuse functions for dynamic output in HTML.

Explore how JavaScript functions handle single or multiple parameters, understand global versus function scope, and return values to perform calculations and produce outputs.

Master JavaScript scope by distinguishing global and local variables, avoid name clashes, and improve readability with clear naming and tidy code.

Explore JavaScript conditional statements and comparison operators to control flow using if-else, output content, and understand equality operators and type checks.

Explore how JavaScript uses complex operators to build conditional logic with comparison and logical operators, including and, or, not, type checks, and functions for random choices.

Explore how JavaScript arrays hold numbers and strings, and learn to declare, set up, and access elements within an array. The lesson covers adding elements and tidying code for readability.

Learn how JavaScript objects group multiple values under one variable, access properties with dot or bracket notation, and use methods to return combined data such as a full name.

Learn how to concatenate strings in JavaScript using plus signs to join multiple strings into one, building an output from an initial string and added first name and last name.

Learn to split a string into an array, sort its characters alphabetically, and join them back using a reusable JavaScript function, demonstrating array methods, sorting, and string manipulation.

Explore the jQuery library to perform dom manipulation, event handling, Ajax, and animations with cross-browser support. Follow along with included HTML, CSS, and JavaScript sources and exercises.

Explore how jQuery simplifies dom interaction, events, and animation by leveraging the document object model to access and manipulate html elements with concise, rapid development.

Set up jQuery on your web page using a Google CDN or downloaded libraries for quick loading and offline testing, and initialize with document.ready or $.

Compare JavaScript and jQuery for creating a clickable element and handling clicks. See how jQuery simplifies selecting by id or class and attaching event listeners.

Explore how jQuery CSS selectors identify HTML elements, using universal wildcards, child selectors, exclusions, and attribute selectors to target clickable elements and understand selection logic.

Explore how jQuery selects all elements by class or tag, attaches a single click event across them, and loops through matched items using length and innerText.

Use a jQuery selector to apply alternating background colors to table rows, selecting even or odd rows and styling with CSS, and explore further jQuery methods later.

Explore jQuery events, from click handlers and selectors to mouseenter, mouseleave, and hover, and learn to update CSS and text dynamically with console debugging.

Learn to attach multiple jQuery events to one element using the on method, handling click and mouseover with shared or separate functions, and accessing event details like type and timestamp.

Learn to detect the current page with the location pathname, add an active class to the corresponding navigation item using jQuery, and place the logic in a separate JavaScript file.

Rewrite css for the navigation menu to use grayscale colors, remove underlines, and set uniform height, padding, and hover/active states, with jQuery detecting the active item and including source code.

Explore jQuery css changes by reading element styles, accessing class names, and logging background colors, then apply inline styles and class-based updates to font size, color, and background.

Learn to read and log image attributes with jQuery, including the source, height, width, and other attributes, using console.log and various attribute access methods.

Explore how to use jQuery to synchronize a textarea and a checkbox with live validation, reading values, and updating checkbox state based on input content.

Explore how jQuery handles HTML and text, showing how to get and set attributes, innerHTML and innerText, and the difference between writing HTML versus plain text.

Master jQuery dom manipulation by replacing, emptying, removing, and inserting content with before, after, append, append to, and prepend, while chaining actions for dynamic pages.

Explore traversing the dom with jQuery to select the last or first elements, including sections and list items. Apply styles by chaining methods like css to change backgrounds.

jQuery using find demonstrates traversing the DOM to locate list items by class names and apply borders, showing how to chain find with css methods to style matches.

Learn to traverse an iframe with jQuery, access its document via contents, locate divs with find, and update styles by applying a red background to elements inside the iframe.

Explore jQuery animation effects by clicking boxes to animate their children—toggling height, adjusting opacity and left position, and changing parent color with a callback, plus CSS adjustments for motion.

Learn jQuery animation options by applying effects to parent and its children, animating left movement and style changes like height, width, font size, colors with slow, fast, or custom durations.

Explore jQuery sliding effects, including slide down, slide up, and slide toggle, and learn how to traverse elements to apply them to boxes and update styles on click.

Explore jQuery fading effects, including fade in, fade out, and fade toggle, with hide and show, and adjust duration using feed to values.

Learn to load external page content into a target div with jQuery Ajax on click, outputting HTML as it would appear in an iframe.

learn how to load JSON data with jQuery getJSON, handle the response, iterate through objects, and render values into HTML output with dynamic styling.

Learn how to post data from jQuery to a PHP server file using AJAX, handle the response, and display server output without page refresh.

Learn how to fetch data with jQuery ajax and parse JSON content. Build output by parsing text as JSON, looping through results, and displaying them in JSON format.

Intercepts navigation link clicks, prevents default behavior, logs actions to console, and loads content dynamically by reading each link’s href with a query, after verifying script paths.

Learn how JavaScript and jQuery unlock Bootstrap interactivity and how frameworks speed up web development. Practice implementing dynamic functionality and interactive components to showcase your skills.

Discover why bootstrap is popular, learn how to use bootstrap to build responsive websites in minutes, and explore bootstrap syntax, components, javascript, and practical resources.

Explore Bootstrap's mobile-first, responsive framework using ready-made templates, themes, and drag-and-drop editors to quickly design, customize, and deploy web sites across browsers.

Discover how to quickly set up bootstrap with default themes, use a basic template, and organize css, js, fonts, and images for a fast site.

Set up bootstrap on your site by downloading css, javascript, and fonts, or by using the bootstrap cdn; link files and include jQuery to enable bootstrap components.

Learn how bootstrap's 12-column grid enables responsive layouts with a mobile-first approach, using containers, rows, and columns that stack at breakpoints md and below.

Learn how Bootstrap grid columns adapt across breakpoints with media queries, use container and container-fluid, and apply wrapping, offsets, nesting, and order to build responsive layouts.

Discover bootstrap typography defaults in HTML5, including the doctype and viewport for responsive design, image responsive classes, and predefined assets for H1–H3, small texts, and body copy.

Explore bootstrap forms and buttons, including form groups, inline and horizontal layouts, checkboxes, radio buttons, textareas, and validation states. Learn to style buttons and links with colors, sizes, and glyphs.

Explore Bootstrap navigation with a nav bar, tabs, pills, dropdowns, breadcrumbs, and a responsive collapse for mobile devices. Customize branding, search forms, and left or right aligned links.

Explore bootstrap components such as glyph icons, dropdown menus, button groups and jumbotrons, and learn to use data-toggle, button styles, labels, and label sizing for interactive pages.

Discover bootstrap components and Font Awesome icons, learn to add glyph icons, use headers, thumbnails, alerts with close buttons, progress bars, media objects, list groups, and panels to style pages.

Explore Bootstrap's JavaScript components, including modals, carousels, alerts, and accordions, with jQuery integration, data-target, tool tips, popovers, and scroll spy.

Learn to build a Bootstrap website quickly by customizing the theme, branding colors and fonts, and implementing a responsive grid, images, modals, and navigation with real-time previews.

Learn how PHP, a server-side scripting language, powers dynamic web pages and set up a local host with zap to run PHP locally.

Learn how php works as a server-side scripting language that outputs to the browser without compiling. Set up php on a web server by downloading from php.net, configuring php.ini, and using phpinfo.

Learn how to output content from a PHP script using echo and print, choose safe opening tags like <?php ... ?>, and understand how variables and booleans render.

Learn how to use echo with proper comments, and access server variables like server name and document root to build robust PHP applications.

Learn how to declare and assign PHP variables, understand data types like strings, integers, doubles, booleans, and null, and output values using echo, print, and here documents, including quoting differences.

Explore PHP operators, including arithmetic, assignment, and comparison, by building and echoing values, concatenating variables, using increment, decrement, and modulus for odd/even.

Explore PHP's type-aware comparisons using == and ===, and see how three equal signs compare type as well. Observe how PHP converts strings to integers and supports boolean conditionals.

Learn how to replace long if-else chains with a PHP switch statement, define cases, use break and default, and output results with echo.

Learn how PHP loops work by practicing while and do-while constructs that execute code while a condition stays true, increment variables, and print values with echo.

Learn how PHP loops work, including the four loops, comparing for, while, and do-while constructs; implement simple numerical increments, set conditions, manage increments, and debug errors like an unexpected semicolon.

Explore how PHP arrays store values, loop with foreach to access items by index or key, and output them with echo or var_dump, covering array length, keys, and key-value pairs.

Explore php array functions by dumping and printing arrays, sorting by value or key in ascending or descending order, checking values with in_array, shuffling, and removing duplicates with array_unique.

Explore how to generate alternating row colors with PHP using a short for loop and a modulus check to switch inline styles or classes, outputting values inside divs.

Learn how to create and call a PHP function that generates a random hex color, returns it, and applies it as a background style, with loops and hex digit handling.

Learn how to name PHP functions properly, pass arguments, use global values when needed, and replace repetition with loops, while choosing between return values and direct echoes.

Learn how to use PHP include and require to modularize headers and footers across pages, and how include_once and require_once prevent duplicates.

Set, read, and delete cookies in PHP, including checking existence, echoing values, and expiring them to persist user data across pages.

Explore PHP sessions, starting a session, setting and retrieving server-side session variables for authenticated users, sharing state across pages, and destroying sessions to clear data.

Set and update the visits cookie to track how many times a user visits. Increment the visits value and record the last visit date, expiring the cookie after one day.

Create a multi-page website with PHP and HTML templates by including header and footer and setting titles with PHP variables, using Bootstrap and enabling dynamic content from a database.

Explore setting up a local development environment with a local server package, using phpMyAdmin to manage MySQL databases, and connect PHP scripts to MySQL to create dynamic, database-driven web content.

Explore MySQL options and GUI interfaces like phpMyAdmin for local development; connect via localhost to create databases and tables, run SQL queries, and export or rename and delete tables.

Create a brand new database in phpMyAdmin and build a users table with an auto increment primary key, first name, last name, and age.

Organize PHP code into three separate PHP files for settings, connection, and bootstrap. Define the host, user, password, and database name, then connect using My sequel improved.

Discover connecting to a MySQL database in PHP using object oriented and procedural methods, implement error checks, and verify a successful connection.

Create a new database with php by executing a sql create database command from your bootstrap file, after confirming you have the necessary permissions.

Learn how to drop a database using PHP code, mirroring phpMyAdmin steps, and understand the caution needed when executing powerful commands while exploring MySQL data types in the next lesson.

Learn how to create a users table in MySQL using phpMyAdmin, including setting up connections, selecting databases, and choosing data types like integer, varchar, text, and date for optimized storage.

Pull and display MySQL queries on the index page using PHP and Bootstrap; insert into newsletter and output results to the page.

Explain how to fetch an array of results from a MySQL select, loop through all rows, and output data in a table for newsletter records.

Learn to insert array-style data into MySQL with phpMyAdmin, adding first name and last name columns, building insert queries, and using where, delete, and update operations.

Master MySQL selectors, wildcards, and the like operator to filter first-name data, using % wildcards to match starts with, ends with, or anything anywhere within the string.

Master sorting MySQL results with order by, choosing ascending or descending order for fields like id, first name, and last name. Use phpMyAdmin to apply and preview these sort orders.

Master deleting MySQL records using delete from, where clauses, and like with wildcards; learn exact id removal and the caution that deletions are permanent.

Master the MySQL update statement to modify specific columns, apply a where clause, and update multiple fields such as first name, last name, and email.

Discover how to group data in MySQL by location using group by, update records, and retrieve consolidated results such as Canada and the U.S.

Learn how to prevent SQL injections in MySQL by escaping and cleansing dynamic input before insertion, updating, or deleting data to avoid harmful query strings.

Install WordPress locally or on a server using zap, Apache, and MySQL. Download and unzip WordPress from WordPress.org, copy the files, and set up via phpMyAdmin.

Install WordPress quickly by creating a database in the c panel or phpMyAdmin, configuring wp-config.php with host, name, user, and password, then complete the site setup.

Navigate the WordPress dashboard and customize your site with themes, colors, and header images. Learn to manage posts, pages, plugins, backups, and use the help and documentation.

Install and manage WordPress plugins, explore Jetpack and backup plugins, and learn backup strategies across WordPress.com and WordPress.org, including local hosting and phpMyAdmin.

Configure WordPress general settings to update your site title, tag line, url structure, and admin email, then manage membership, default category, update services, and ping lists to speed indexing.

Explore customizing WordPress settings to control the front page, static pages, and posts pages, manage comments and spam, optimize permalinks for search engine optimization, and tune media sizes and avatars.

Learn how to create and manage posts in WordPress, using the posts dashboard to edit, preview, trash, and apply bulk actions, and organize content with categories, tags, and slugs.

Learn to publish posts in WordPress by adding media with drag-and-drop, optimize permalinks, manage galleries, captions, alt text, and set publish options, categories, tags, and featured images.

Manage WordPress posts and categories, edit and publish with quick edit and status options, and boost SEO with Yoast plugin to optimize your content.

Access the media library from the left menu, upload images, and customize their appearance. Learn to manage WordPress comments: approve, reply, edit, or trash, and consider plugins to reduce spam.

Explore how WordPress pages differ from posts, create static pages with parent-child hierarchies, manage permalinks and media, and link pages in navigation for a structured site.

Create a new page named blog, publish it, and assign it as your posts page in Reading settings to customize your WordPress site.

Customize WordPress themes through appearance, using live previews to adjust colors, headings, and background images. Install new themes, search, drag and drop, preview, and activate changes without altering content.

Explore WordPress site appearance by navigating themes, widget areas, and the dashboard; rearrange widgets, set up sidebars and footers, and apply custom menus with plugins.

Create and customize WordPress navigation menus, assign them to locations, add pages, posts, categories, and custom links, and integrate menus in sidebars or widgets.

Explore WordPress tools and plugins to add content from the web, convert content into categories and tags, and back up by importing or exporting posts, pages, media, and feeds.

Manage site users in WordPress by viewing, updating details and emails, exporting user lists, adding new users, configuring profiles and avatars, enabling moderation shortcuts, and assigning roles.