Web Development - Complete Fast Track Course

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.

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 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 href links with hash anchors and file paths, css visited styling, and bookmarks using IDs to auto-scroll to sections like Wikipedia.

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.

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 how padding, margins, borders, and border-box sizing affect element width in the box model, using 1000px examples to ensure consistent sizing.

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.

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 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.

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 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.

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.

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.

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 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.

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.