The Complete Web Developer Course 3.0

Create and save your first Hello world HTML file in a dedicated project folder. View it in the browser and iterate with a two-pane split-screen setup.

This lecture explains HTML, the hypertext markup language, and how opening and closing tags define the head and body of a web page.

Explore how paragraph tags structure text in HTML, turning plain text into separate paragraphs. See how the br tag creates line breaks, and how paragraph and line break differ.

Learn to create ordered lists by using ol and li, and customize with start, reversed, and type attributes (1, capital I, small i, small a).

Learn to build interactive web forms using the form tag, with text inputs, checkboxes, radio buttons, dropdowns, and a submit button, plus attributes like name, value, placeholder, and defaults.

Learn to create hyperlinks with the a tag, using href for absolute and relative links, embed images in links, and navigate a page with id, hash, and anchors.

Learn how HTML entities display symbols on web pages by using named or numeric codes to render characters, including the less-than and greater-than signs, copyright, and currency symbols.

Learn to embed video and audio with HTML5 using video and audio tags, supply mp4 and mp3 sources for browser compatibility, provide controls, and display upgrade prompts for unsupported browsers.

Build a complete web page combining forms, tables, links, images, lists, and a video about Earth, using HTML entities and a form action to Earth facts.

Learn how to style a basic website using cascading style sheets (CSS), integrate CSS into pages, and apply text, images, layout, borders, and fonts to create a polished portfolio website.

Explore css, a cascading style sheet language that separates style from content, enabling easy readability and maintainability. Learn applying, swapping, and removing style sheets to restyle webpages without changing html.

Explore inline CSS by using the style attribute inside HTML elements to set color, font size, and heading styles, with practical tests and explanations.

Apply styles to HTML elements with classes and IDs, using dot and hash selectors; combine multiple classes and unique IDs, and style text with spans and text decoration.

Apply css color and background-color using hex color codes for precise shades. Use color pickers and ColorZilla to grab colors, then learn about floating in the next video.

Learn how padding differs from margins, control inner spacing with box sizing, and manage default browser gaps using CSS resets for consistent layouts.

Discover how to style text with CSS font-family, use web safe fonts with fallback options, and load fonts from Google Fonts to apply unique faces like shadows into light.

Learn to style text with CSS, applying bold, italic, and underline via classes; use font weight, font style, text decoration, hover effects, color, and font size.

Style links with css by applying hover, visited, and active states, removing underlines, adding underline on hover, and opening external links in new tabs with http href.

Discover how CSS pseudo-classes and pseudo-elements target elements by state and structure—from hover, focus, enabled, and disabled to first-child, last-child, first-of-type, nth-child, not, first-letter, and after content.

Explore creating css gradients with linear-gradient and radial-gradient on a div, setting fixed dimensions, and experimenting with top-to-bottom, left-to-right, diagonal directions and color choices.

Master CSS3 shadows by applying text-shadow and box-shadow with offset, blur, and color to text and divs, creating glow effects and depth while experimenting with multiple shadows and gradients.

Learn CSS transformations and animations by applying translate, rotate, scale, and skew with transitions and hover effects. Explore 2D and 3D transforms, easing options, and flexbox centering to enhance interactivity.

Discover how flexbox centers and aligns items without floats, using display:flex, flex-direction, and wrap for responsive horizontal and vertical layouts and multi-column arrangements.

Learn to style a portfolio site with gradient backgrounds, Google fonts, and interactive project cards featuring Earth facts and a BBC News clone.

Learn how to move css out of the html by creating an external stylesheet for portfolio.html, link it with a stylesheet tag, and load styles across pages to improve performance.

Clone BBC News tech page using CSS, applying layouts, floats, borders, and selectors (classes and IDs) to center top bar and style the logo, sign-in area, and navigation with pseudo-classes.

Learn to build interactivity by using a button to update page content with JavaScript and DOM methods like document.getElementById and innerHTML, handle on click events to alert or change text.

Learn how JavaScript arrays store values, create and modify them by index, log with console.log, check length, and add or remove items using push and splice, with tweets as examples.

Master conditional logic in JavaScript with if statements that compare values, use double equals, and branch to login and magic word checks with else branches.

Create a simple finger guessing game in JavaScript that uses Math.random and Math.floor to generate a 0–5 number, then compare user guesses with feedback.

Compare var, let, and const declarations, examine function and block scope, and learn how let and const prevent overwriting variables while using loops and constants.

Build an interactive reaction tester using JavaScript and HTML, featuring random square or circle shapes with random position, size, and color, and timers to measure response time.

Learn to update web content with jQuery by selecting a paragraph and using the html method to set or get content, triggered by click or hover on the green circle.

Learn how to fade content with jQuery, using fade out and fade in, callbacks, and toggling text, with examples of hiding and showing elements.

Animate a circle with jQuery by resizing width and height to 400px over 2 seconds and updating margins, using a callback to change the background color to red on completion.

Regular expressions check the format or content of strings, from emails to dates. Define a regex with slashes, then use match with flags for case and global searches.

Learn how to make elements draggable with jQuery UI, constrain movement to vertical or horizontal axes, use containment to confine within a box, and explore the draggable API.

Learn to create resizable divs with jQuery by applying the resizable function, using grid snapping and the ability to resize another element at the same time, with callbacks on resize.

Learn Bootstrap, a CSS framework, to build responsive websites that look great on any screen and craft a responsive landing page from scratch as the final project.

Create a responsive Bootstrap website from scratch with a navigation bar, a jumbotron, cards, a compare plans table, and a polished footer using Bootstrap icons and grid layouts.

Explore WordPress, a popular open-source CMS built with PHP that uses a micro database to manage content. Install and customize with themes and plugins via the admin interface.

install WordPress using the one-click installer or manual setup, create a MySQL database, upload files to public_html, and complete wp-config and admin details for the site.

Use the theme customizer to adjust site identity, colors, logo, background image, and widgets. Set the home page to latest posts and publish to apply changes to the live site.

Learn to create, edit, and publish WordPress posts on the post page, organize them with categories and tags, and use blocks to add media and embeds.

Learn how WordPress blocks replace traditional editing, exploring block types for text, media, embeds, and widgets, to build posts and pages.

Configure a web server and PHP interpreter, then publish PHP scripts to a hosting service. Use VS Code and FileZilla to upload and view hello world on the server.

Learn how to create and use variables in PHP 8.4, explore strings, numbers, booleans, and ternary operations, and test variable variables with interpolation in a local folder.

Learn how PHP arrays store multiple elements, index from zero, and support associative keys. Create, access, modify, and count arrays using print_r, unset, and count for languages and favorites.

Master repetition control with for and foreach loops in PHP to iterate arrays, update values, and print results, including a countdown example from 10 to 0.

Learn the while loop in PHP as a versatile repetition control statement, contrasted with for loops, using arrays and counters, then tackle a counting-by-twos to 20 and preview get variables.

Learn to send emails in PHP with the mail function, handling to, subject, message, and headers, testing in VS Code and on a hosting server, and debugging header issues.

Create a PHP 8.12 contact form using Bootstrap and jQuery validation to securely post data, validate client- and server-side, send emails with PHP, and show success or error messages.

Learn to include one PHP file within another for modular, reusable code and to fetch external content with file_get_contents, as in the upcoming weather scraper project.

Explore MySQL, a DBMS using SQL to manage databases, create a users_db with a users table—id, email, and password—and learn basic data entry in phpMyAdmin.

Learn how to connect to a MySQL database with PHP using the MySQLi extension, and explore the three options — the deprecated MySQL extension, PDO, and MySQLi.

Learn to connect to a MySQL database with the improved extension, run a select query to retrieve user data, and fetch and print emails and passwords from the results.

Master inserting and updating data in a MySQL database using PHP, with insert and update queries on a users table, including where clauses and limit 1, verified via phpMyAdmin.

Loop through database query results in PHP, print each row, refine with where and like clauses, and implement signup form validation with mysql_real_escape_string to prevent SQL injection.

Call session_start to begin PHP sessions and store the user's username and email. Share session data across pages and redirect when a session is missing.

Learn how to securely store user passwords using hash functions in PHP, replacing plaintext storage. The lecture demonstrates password_hash and password_verify with bcrypt/blowfish, and discusses cookies, sessions, and database considerations.

Explore building a secret diary web app with login and signup forms, remember me cookies, and secure authentication using PHP and MySQL, including database setup, validation, and session management.

Polish the secret diary app with Bootstrap UI, implement login/signup, diary text area, and ajax save to a MySQL database; organize code with header, footer, and connection files.

Discover how application programming interfaces enable apps to talk and exchange information on the back end, with examples like maps and social apps, and learn to build them.

Learn to fetch Wikipedia page views from the client with the fetch API, building a simple user interface to query daily article views and total views for a date range.

Learn to query the cat API with a free API key, fetch breed data, and display cat images and descriptions by populating a dropdown and rendering results in the browser.

Update the cat api app to include a clickable wikipedia link for each cat and display total wikipedia page views via the wikipedia page view api using async/await or promises.

Set up and authenticate with Twitter API using OAuth, keys, and access tokens; use PHP and Composer to install Twitter OAuth, verify credentials, read home timeline, and post updates.