Practical Full Stack Web Development Course (100+Challenges)

Explore text formatting with strong, bold, emphasis, italics, underline, subscript, superscript, and horizontal rules, and learn accessibility considerations for screen readers.

Study how to style multiple elements using tag and class selectors with css, applying colors to paragraphs and links, and using class-based grouping to target subsets.

Learn how to change background colors across HTML elements by applying the background-color property to paragraphs, inputs, and textareas, using selectors by class or id.

Learn to modify element borders in CSS by setting pixel borders, choosing styles including solid and dotted, and applying per-side borders, color, and border radius.

Learn how to change fonts on a web page using the font-family property, understand browser font fallbacks when fonts aren't available, and apply safe, similar fonts for consistent rendering.

Explore positioning elements on webpages using static, relative, absolute, fixed, and sticky layouts. Apply left and top adjustments, observe behavior, and practice creating elements for each position.

Learn to build fully responsive layouts using relative values, percentages and viewport to scale navigation, sidebars, content, and footer across devices.

Create a login page from scratch using an external CSS file, link it to the page, and apply responsive design while centering contents and styling the background, image, and container.

Learn to select and modify DOM elements with JavaScript by using getElementById to change text or innerHTML and replace content on page load.

Learn to define and invoke JavaScript functions using the function keyword, name them descriptively in camelCase, and update the DOM with getElementById on click.

Demonstrates a practical javascript example that uses two buttons to simulate registration outcomes, updating a message area with success or failure and applying a green background for success.

Learn to use conditions in JavaScript to display messages based on time, like hello good morning, good afternoon, and good evening, using if, else if, and else.

Learn practical JavaScript for loops to iterate over arrays, access elements by index, and use length to control iterations and prevent undefined values.

Learn to use the for-each loop to iterate over arrays with an anonymous function, processing each element and displaying results in the console.

Learn how to style buttons on web pages with classes for primary, success, warning, and danger, including outline variants, hover effects, size options, and disabled states.

Learn to build Bootstrap modals with trigger buttons and data-target, showing registration, login, and password forms. Create modal with header, body, and actions using grid layouts and form controls.

Create a responsive app landing page contact section using Bootstrap forms, grid layout, and icons; tailor inputs, margins, and styling to achieve a polished, mobile-friendly contact experience.

Learn how PHP arrays mirror JavaScript arrays with syntax differences, including creating numeric arrays, adding elements, counting length, and using associative arrays with string keys.

Explore Peach Pit conditions and learn how if, else if, else, and switch statements use blocks, cases, and breaks; apply && and || in age examples.

Master while and do while loops in javascript, using a count variable and incrementing to avoid infinite loops, and note that do while runs the block before checking the condition.

Learn how get requests pass key value pairs in the URL to fetch data from a server, access those parameters in code, and display results on a web page.

Understand why post requests hide data from the browser and improve security over get requests, and build a simple login form with username and password handled via isset.

Learn to simulate database data with PHP arrays and generate HTML tables using a foreach loop, displaying name, age, occupation, and favorite food in a dynamic web page.

Learn to define reusable functions, pass parameters, and invoke them with echo to compute results. Build a three-parameter function that outputs a personalized introduction using the name, age, and city.

Build a weather forecast app using bootstrap styling and a php-based workflow to search cities via an API, display city results, and show a six-day forecast.

Create a blog posts table in your new database with an auto_increment unsigned id, a 255-character title, a body, and a created timestamp defaulting to current_timestamp.

Learn how to delete data from a database with hard delete and soft delete approaches, including using where clauses and a boolean delete flag to exclude deleted records.

Learn to query data by dates in MySQL, using less than, equals, and between, and perform date arithmetic with date_add and date_sub to add or subtract days, months, and years.

Create an upload form template with file name, description, category select, and upload type radio buttons to switch between online and local file inputs, styled with bootstrap.

Learn to upload images from local computer to a web app, handling directories, file existence checks, and saving to user-specific uploads folders, with online vs local upload logic.

Retrieve and display images from the database on the index page, refine the grid layout, and implement an image details view with get image by id and a views counter.