Web Development - Complete Fast Track Course

Explore a very simple full stack website that updates a password using client side and server side code, and see how the database on local host supports the interaction.

Master client-side basics by creating simple HTML pages, loading them in a browser, styling with CSS, and using divs, classes, IDs, and jQuery to build interactive elements.

Set up your local development environment by installing Apache, placing site files in htdocs, and enabling localhost to run as a live web server with PHP, MySQL, and phpmyadmin.

Build a local PHP form in htdocs to collect username, email, and password, handle get and post requests, and display submitted values while planning database integration.

Create and connect to a MySQL database, design a users table with id, username, email, and password, and use prepared statements to securely insert and retrieve data.

Learn the core html elements, from doctype to head and body, and use headers, paragraphs, links, images, and buttons to structure accessible pages optimized for search engines.

Learn how attributes like class and id work in HTML, reference them with CSS selectors (dots and hashes), and apply styles, links, titles, and alt text.

Apply the inline style attribute to adjust elements like font size, compare inline versus external CSS, and use IDs, classes, and comments for targeted styling and debugging.

Learn HTML text formatting fundamentals by using tags like b, strong, em, mark, small, sub, and sup, and compare span, div, and class for clean, semantic styling.

Explore adding images in HTML with the img tag, including alt text, width/height handling, and using CSS for background images and folder organization.

Learn to create and style HTML tables with table, tr, th, and td. Apply borders, padding, font-family, caption, and header alignment, and use colspan and rowspan while noting responsiveness.

Explore HTML lists, including unordered (ul) and ordered (ol) lists, their styling with list-style-type, and nested and description lists, plus building a navigation bar with links and hover effects.

Explore href links with hash anchors and file paths, css visited styling, and bookmarks using IDs to auto-scroll to sections like Wikipedia.

Explore the differences between block and inline elements, with divs as block-level wrappers and spans as inline elements, and learn how display, width, height, padding, and inline-block affect layout.

Learn how to embed external content with iframes, resizing and styling the frame, and using YouTube embeds with parameters like autoplay and playlists to display responsive content across devices.

Display symbols on web pages using named or numeric HTML entities, and ensure cross-browser reliability. Specify UTF-8 in a meta tag to support diverse characters.

Explore form elements in HTML, including text inputs, selects, data lists, textareas, and outputs; learn attributes like name, placeholder, multiple, maxlength, and the differences between get and post.

Analyze input types in forms, from text and email to color. Learn how features like autocomplete, autofocus, read only, disabled, and the form attribute shape user input and submission properly.

Explore CSS syntax and styling strategies, comparing inline, internal, and external stylesheets, and learn how to link external CSS files, apply styles to navigation, and understand cascading and overriding.

Master color basics for web design using hex codes, rgb/rgba values, and css color names. Explore gradients, linear, diagonal, radial, and repeating, and understand opacity and alpha channels.

Design full-page backgrounds for the body using solid colors, gradients, or images, applying the before pseudo-element, and keep the background fixed with z-index and background-size: cover.

Explore the box model essentials, including width, height, padding, border, and margin, and learn responsive sizing with percentages, max-width, and min-height.

Explore how padding, margins, borders, and border-box sizing affect element width in the box model, using 1000px examples to ensure consistent sizing.

Explore css text formatting techniques, including color, alignment (left, right, center, justify), text decoration, transform (uppercase, lowercase, capitalize), indent, letter spacing, line height, text direction (rtl, ltr), and shadow effects.

Explore font families—serif, sans serif, and monospace—and learn to download, install, and call fonts in css with fallbacks, while sizing with px, em, or vw.

Master the CSS display property, including block, inline, and inline-block layouts, and learn how display: none and visibility: hidden affect content and spacing.

Learn CSS positioning: compare static, relative, and absolute, move elements with top and left, and understand absolute positioning relative to the nearest positioned ancestor plus z-index.

Learn how to use position values such as absolute, fixed, and sticky to control element placement, keep a navigation bar fixed on scroll, with top, bottom, and z-index offsets.

Learn how to implement position sticky in CSS by blending relative and fixed behaviors, using top offsets and scrolling to create responsive banners without JavaScript.

Explore the overflow property in CSS to control content inside a div. Learn to use visible, hidden, scroll, overflow-x, overflow-y and auto to manage clipping and scrollbars.

Explore how the CSS float property controls image and text flow, enabling left or right wrapping around content with margins and borders.

Explore how the float property positions elements and how the clear property prevents displacement. Learn techniques such as overflow, after elements with clear, and box-sizing border-box for a three-column layout.

Learn practical techniques to center elements on a web page, using margin auto, absolute positioning with transform, line height, and padding, plus tips for centering text, buttons, and images.

Explore CSS selectors and pseudo-classes, including descendant and child selectors, the DOM hierarchy, and practical examples like first-child, hover, :not, and :empty to style specific elements precisely.

Explore how pseudo elements replace real elements in CSS, then use before and after to add generated content, including first line and first letter styling for clean layouts.

Design a drop-down navigation using CSS selectors and pseudo-classes to reveal a nested list on hover, with centered, 100px wide links and a no-class, descendant-selector approach.

Master css techniques for styling buttons, including padding, borders, border radius, gradients, and shadows. Implement hover transitions, cursor pointers, and after pseudo-elements to add interactive arrows without javascript.

Apply media queries to build responsive web designs that adapt to different screen sizes and media types, including using external stylesheets with media attributes for phones and desktops.

Explore how flexbox simplifies responsive layouts by transforming divs into a flexible container and items, covering flex direction, wrap, alignment, space distribution, and growth or shrink behavior.

Design a responsive image grid with flexbox, starting from a four-column row, accommodating images of varying sizes, and using media queries to switch to two and then one column.

Explore what JavaScript can do to make sites more interactive and dynamic, including using script tags, external scripts, and jQuery to change images on button clicks.

Master JavaScript fundamentals, including variables, data types, arithmetic, strings, booleans, and basic functions. Apply DOM manipulation and jQuery concepts to select elements, handle events, and update HTML content.

Learn how JavaScript objects group related properties and methods into a single variable, access them with dot notation, and create methods that return a full description.

Explore JavaScript string manipulation: create and display strings, measure length, search with indexOf and lastIndexOf, slice and substring, replace and trim, and change case for clean input.

Learn how arrays work in JavaScript, with indexed elements and array methods like length, join, pop, push, shift, and unshift. Practice looping to render arrays in HTML and manipulate data.

Explore booleans in JavaScript, learn how to evaluate true or false with comparisons, and use if, else if, else, and switch to handle user input and complex conditions.

Learn how to use JavaScript for loops and while loops, including for in and do while variants, with practical examples that iterate arrays and objects, handle conditions, and increment variables.

Explore jQuery traversing to navigate the document object model, using closest, parents, children, find, siblings, next, prev, and eq, then apply hover and each for element-specific interactions.

Learn jQuery events and event handlers, including click, hover, and keyboard input, and apply change, submit, and file input techniques with ready and load concepts.

Master jQuery effects to show, hide, toggle, fade, slide, and animate elements, including smooth scrolling to an element with offset top using scrollTop.

Master jQuery dom manipulation by retrieving and setting content with html and text, reading or updating attributes and input values, and toggling classes and styles.

learn how to implement ajax in web forms to post data asynchronously to a PHP backend, avoiding page reloads, using form serialization, and displaying updated results in real time.

Learn to use jQuery ajax for get and post requests, handle data with form data and file uploads, and preview images with a file reader before uploading.

Learn the basics of PHP, a server-side language, and build dynamic web pages by echoing data, using GET variables, and powering backend logic to personalize content.

Explore PHP data types, syntax, and conventions, including variables with dollar signs, comments, semicolons, and case sensitivity, along with strings, integers, floats, booleans, arrays, objects, and null.

Learn to manipulate PHP strings using variables, interpolation, and the dot operator. Explore string length, position, replace, and the basics of regular expressions for sanitizing and validating input.

Explore PHP operators, assignments, arithmetic and comparison operators, increment and for loops, and string concatenation with dot equals to build dynamic scripts.

Master PHP conditional logic with if, else if, and else, using echo to run blocks when conditions are true or false. See examples for time of day and color choices.

Explore while loops, for loops, and foreach loops in PHP, learning conditions, increments, and array iteration. Compare do-while and for-each with indexed and associative arrays to output list items.

Explains how PHP functions work, including premade and user defined functions, parameter passing, return values, echo, and default arguments to streamline code.

Explore indexed, associative, and multi dimensional arrays in PHP, learn creation with the array function, access by index or key, and use foreach and count to loop and inspect arrays.

Explore advanced PHP arrays, sorting indexed and associative arrays and building multi-dimensional arrays, with foreach and for loops printing and accessing elements.

Explore PHP superglobals and variable scope, including GET, POST, and server data, to see how global arrays store user and server values. Identify global access across pages.

Learn how PHP forms capture input via get and post, and how to validate and sanitize data on the back end with filters, length checks, and email validation.

Explore PHP date and time functions, including formatting with date, building time stamps with make time and string to time, and handling time zones for accurate server times.

Learn how to securely upload files with PHP by building a form with multipart/form-data, validating image type with getimagesize, and saving to an image uploads directory with a unique id.

Explore how cookies remember users by storing a username on the client, enabling automatic sign-in for a month, with setcookie, expiration, and path handling in PHP.

Learn how PHP sessions differ from cookies, initialize with session_start, and store user data in a super global session array accessible across pages, with options like session_destroy.

learn how to connect to a mysqli database with php, configure settings, and safely insert and select data using prepared statements, bind parameters, and fetch results as an associative array.

Build a dynamic PHP login profile system using sessions and a database, featuring a login page and a profile page that stores and displays user information like username and description.

Process login and profile data by storing user details in the database, handling image uploads to an uploads folder, and retrieving a user's profile for display.