Become a Professional Web Developer | Version 3.0

Learn how to format text with lists, including ordered, unordered, and definition lists, using HTML tags like ol, ul, dl, and li; explore nesting, types, and simple styling notes.

Resize images to web-friendly widths and convert to jpeg, gif, or png for faster loading. Use save for web in Photoshop or alternatives to balance quality and file size.

Learn to build a multi-page HTML5 website by creating index.html with doctype, head, meta charset UTF-8, title, and semantic sections, images, and lists; extend with brewing, grinding, and roasting pages.

Master the basics of web styling with CSSA, including inline styles, style tags, and external stylesheets, plus cascading rules and simple selectors for p, h1, and h2.

Explore how to control text appearance by changing font sizes with relative and absolute measures: percent, em, rem, and pixels, and apply Arial, Helvetica, and sans-serif via body tag inheritance.

Customize list markers with CSS using list-style-type and list-style-image for ordered and unordered lists, apply across the page with a stylesheet, and even use images or none.

Learn to style a multi-page website by creating and linking a shared external stylesheet, applying heading colors, custom list bullets, and Google font integration for consistent typography.

Learn to build hyperlinks with the anchor tag and href, linking internal pages, external sites, and images; use target for new tabs and mailto for email messages with a subject.

Add and connect links across pages by setting up anchor tags, IDs, and a site navigation menu, then style with css for hover effects and consistent theming.

Learn how the CSS position property moves blocks using relative, absolute, and fixed values with top, left, bottom, and right. Understand how a parent block and scrolling affect positioning.

Master building HTML tables by using table, tr, and td, add captions and headings with thead, tbody, and tfoot, and span cells with colspan and rowspan to control layout.

Master table styling with borders, spacing, and sizing using css selectors for table and td. Adjust width, height, padding, and background colors for head, body, and foot.

Set up the drink page as a structured table with headers and blocks, add a caption and heading, then style borders, collapse borders, center text, and set equal columns.

Master HTML5 form elements by grouping inputs with fieldset and legend, using placeholders, autofocus, and required attributes, and exploring types like email, password, number, range, date, time, and color.

Learn to style and connect form elements by adding label tags with matching ids and for attribute, then align inputs, checkboxes, radios, and the submit button for a polished form.

Learn to build a coffee survey form in HTML using text and email inputs, radio and checkbox options, a select, textarea, and fieldsets.

Embed streaming video on a web page using the video tag and multiple source elements. Use width, height, autoplay, controls, and poster to ensure broad browser compatibility.

Learn how HTML and CSS work together by creating a global.css and linking it in the head. Style a button with colors, padding, borders, and text effects.

Learn to write efficient css selectors by removing unnecessary classes, grouping selectors, and using descendant and child selectors to target paragraphs and links with consistent styling.

Explore css display types (inline, block, and inline-block) and how display none and visibility hidden affect layout, alongside practical examples with anchors, paragraphs, divs, and buttons.

Define and use the z-index property to control stacking order of overlapping elements with absolute positioning. See how varying z-index values and DOM order determine which box appears on top.

Explore the CSS box model and learn how box sizing with border box changes default content box behavior to count borders and padding inside.

Learn how to specify colors in CSS using hex, rgb(a), and named colors for text, backgrounds, and borders, including hex shorthand and rgba transparency.

Learn how to implement borders with the border-image property in CSS, using an image as the border, and adjust border-width, slice, and repeat values while previewing results in the browser.

Create a pure CSS drop-down menu that reveals submenus on hover, without JavaScript, using CSS positioning, float clearing, and display techniques.

Explore the basics of jQuery by downloading the library, mastering the syntax, using selectors to target elements, and applying events and functions to perform actions.

Learn how jQuery makes it easier to write less JavaScript and do more on your website by simplifying DOM manipulation, events, and asynchronous AJAX calls.

Master the jQuery syntax by selecting elements with selectors (id and class), applying methods and functions, and handling events via document ready and hide actions.

Learn to use jQuery selectors to identify and manipulate DOM elements by id, class, and element name, and handle events with click and alerts.

Explore jQuery event methods such as click, double-click, focus, and mouse enter/leave, and learn how to attach event handlers to respond to user interactions on web pages.

Explore the Jake Query library to manipulate HTML elements with concise actions, learn offline and online inclusion, and use CSS-like selectors (#id, .class, tag) to react to focus events.

Learn to create a jQuery template file to quickly build and embed jQuery applications, and use core functions to set and get content, manage attributes, and leverage callbacks.

Explore two initialization methods for the jQuery library: the document.ready form and a concise $() shorthand, emphasizing readability and ease of use.

Initialize the browser-based jQuery workflow by loading the document, executing the anonymous function on ready, and updating the output div with jQuery syntax; the library is ready for use.

Explore CSS transitions to add visual effects and learn AJAX calls to communicate with a server and retrieve data, with beginner-friendly CSS functionality.

Explore how to define a PHP function without fixed parameters, using func_get_args to collect and sum any number of inputs. Handle unlimited arguments with func_get_args for flexible, scalable code.

Learn to create cookies with setcookie, assign expiration dates, and print specific or all cookies. Check existence with isset, unset, and update cookie values.

Learn to install and use phpMyAdmin to manage databases, run show databases, create and drop databases, and export or import data, with security considerations for public servers.

Learn how to delete records safely using delete from with a where clause, practice on the articles table, and avoid accidentally deleting all data.

Count database records efficiently by writing a single query with count and an alias, and compare with using found_rows to return data plus the total count for large datasets.

Learn how to connect to a database by instantiating a DB object with host, username, password, and database name, then check error numbers and handle failures securely.

Explore looping through query results with a while loop, store results in an array, and separate logic from presentation using a for each output approach in an MVC pattern.

Explore how unsafe handling of user input in a login query enables sql injections, shown with a small app. Learn how escaping and prepared statements protect data.

Create a test database table in the website database, define an auto-incrementing primary key, and add username and password fields while verifying structure with show and describe commands.