Learn website development using HTML, CSS, JavaScript & PHP

Explore the basics of HTML by creating hello world examples and applying bold, italic (em), and underline (u) formatting with proper closing tags.

Learn the basics of HTML formatting on macOS, including bold, italic, and underline tags, using opening and closing tags, with hello world examples and live browser testing.

learn to structure html documents by defining the head and body, setting a title in the head, and using indentation for readable content.

Learn how to view and inspect a website’s HTML with view page source and inspect element, understand the HTML structure, and experiment locally with temporary edits.

Learn how to use HTML tags and attributes to style pages, including color with font, center alignment, font sizes, italics, strong, subscript, superscript, and other inline elements.

learn to add an image to a webpage using the img tag, src and alt attributes, and adjust size and center alignment for responsive display.

Learn to set a page background color using the body bg color attribute and build and style ordered and unordered lists with various list types.

Create new pages and link them to build a multi-page site with a menu; apply a background image, organize images in a folder, and use HTML to navigate.

Learn to construct a basic HTML menu by centering a title, adding home, about, and gallery links, using anchor tags with hashes, and applying spacing with non-breaking spaces.

Explore inline, internal, and external CSS to style HTML elements, using color, background color, font size, margins, and centering with margin auto for cleaner web pages.

Explore universal, tag, class, id, and group selectors in CSS; apply targeted styles, color, alignment, and text decorations to elements like p, a, and headings.

Learn to use css background properties, including color, image, repeat, size, attachment, and position, with practical examples for class and id selectors and universal selectors.

Apply borders to headings with the class stands and explore CSS border styles such as solid, dashed, double, groove, inset, and none, and learn the shorthand border property.

Explore margins and padding in CSS, learn how to use margin-top, margin-left, margin-right, and margin-bottom to create outer spacing, and how padding adds inner space inside elements.

Learn how to create an external stylesheet, link it to your HTML page, and use CSS shorthand for padding and margins to style a basic web page.

Explore how to build a basic website layout using div and span, grouping header, logo, navigation, content, sidebar, and footer, and learn when to use block-level divs versus inline spans.

Explore layout 1: build a webpage with a header, navigation menu, content area, and footer, using a centered container and basic HTML/CSS techniques.

Learn layout three by creating a header with a logo and a slogan, then align them using floats and precise sizing within a red and green theme.

Add a logo to the header by inserting an image and restrict its size to 80 percent. Center the logo with margins and prepare to add the slogan and links.

Design and constrain a slogan in the header, whether as an h1, image, or paragraph, with center alignment and 100 percent height and width for responsive layouts.

Design a navigation bar by building a menu with an unordered/ordered list, styling list items and anchors in CSS, removing bullets, and applying hover effects.

Create a content area by adding a div with id content inside the article and style it with zero padding and margins, a width, and a left margin.

Design and style a sidebar with css, tuning padding and margins, hash sidebar selectors, and typography, while building navigation links and social icons, with white anchor text and underlined headings.

Create a footer by adding a contact paragraph and copyright text, then style with color, padding, and centered alignment, including the copyright symbol.

Create a basic website with a home page and an about page, organizing files like index.html and style.css in a css folder, and implement an active class for the page.

Create a functional contact form using HTML inputs for name, email, phone, and a textarea for the message, plus a submit button and basic form validation.

Explore building a contact form with name, email, and message. Then add radio buttons for gender, checkboxes for services, a file upload, and a select box, plus form submission handling.

Learn to style a contact form with CSS, adjusting colors, font sizes, and borders, and style text areas, selects, radios, and the submit button.

Learn to build HTML tables using table, tr, and td to create rows and columns, add headers with th, and apply borders and font size for clear data display.

Style the table by setting width to 100 percent, collapsing borders, adjusting th font size and alignment, and applying padding, while using cell span and row span to control spanning.

Upload your website to a free hosting account, register a free domain, and organize files with css and images using the hosting panel.

Explore HTML5 fundamentals by defining the doctype, using semantic elements like header, nav, article, aside, and footer, and linking CSS, while forms showcase placeholders and required attributes.

Explore JavaScript fundamentals by creating HTML files and using inline, internal, and external scripts. Learn to trigger alerts with on-click events and build a basic HTML structure.

Explore what JavaScript can do by manipulating page elements: grab by id, read and set innerHTML, respond to clicks with onclick, and style with element.style for color, size, and layout.

Learn where to place javascript in web pages, using inline onclick and document.getElementById to change text, and why placing scripts at end of body helps loading.

Learn how to produce JavaScript outputs by manipulating the DOM with an id and innerHTML, printing with document.write, alert, and console.log, including bold and headings formatting.

Explore how to write inside JavaScript outputs using document.write and innerHTML. Choose quotes for strings and numbers, and learn concatenation and operator precedence with brackets.

Learn how variables store strings and numbers in JavaScript, including integers and decimals, and perform operations with printing and combining values.

Learn how to use comments in javascript, including // and /* */. Comments are not read by the program and can be seen in the page source.

Explore how to define and group JavaScript functions, wire them to a button with onclick, and output alerts and page content using document.getElementById.

Explore taking user input in JavaScript using prompt and document.getElementById to display results with innerHTML, including converting inputs to numbers and building a basic calculator.

Learn how to use conditions in JavaScript to control flow with if and else, compare values (greater than, less than, equal to) using double equals for comparison.

Learn to build a JavaScript calculator from HTML inputs for value1, value2, and an operation, handling plus, minus, multiply, and divide with validation.

Explore combining conditions with and/or logic in JavaScript to control program flow, using if statements, nested conditions, and alerts for values greater than zero.

Build a vowel checker in JavaScript from user input using if-else logic. Handle both lowercase and uppercase letters and provide feedback via alerts.

Learn to build a simple JavaScript program that prompts for a number, uses the modulus operator to compute the remainder, and outputs whether the number is even or odd.

Learn how to define and call JavaScript functions with and without parameters, pass arguments, and output results using document.getElementById and inner HTML.

Explore how JavaScript events like click, mouseover, and mouseleave trigger functions that update the DOM using getElementById, innerHTML, and style.display.

Explore JavaScript strings, including choosing single or double quotes, escaping with backslashes, and updating page content with onclick, innerHTML, and document.getElementById.

Explore arrays in JavaScript by comparing them to objects, using square brackets and zero-based indexing to handle multiple values of a single type, with examples of names and car brands.

Explore loops in JavaScript, showing how initialization, a stopping condition, and incrementation drive repeated tasks like counting from 1 to 3 or 0 to 3, with prompts and alerts.

Learn how to loop through an array in JavaScript, printing car lists with for and while loops, including initialization, stopping condition, and user input prompts.

Learn how the for loop and while loop in JavaScript compare and convert between them, including initialization, stopping condition, and incrementation, using examples.

Create a script-based web page that takes a number from an input and uses a for loop to sum the natural numbers from 1 to that value. Display the sum.

Learn to implement a loop that multiplies numbers up to the input, converting a sum example into a product and correcting the accumulator initialization.

Learn how to build calculator-style numeric buttons with HTML and JavaScript, append digits to an input by clicking buttons, and implement clear functionality.

Build a JavaScript driven bulb toggle using two images to switch on and off, then add buttons to resize and apply a border for an interactive web demo.

Learn to run JavaScript as an external file by creating a .js file, linking it with a script tag using src, and handling a button click to display message.

Design a marksheet generator with JavaScript by reading subject names and marks, computing total and percentage, assigning a grade, and displaying results on the sheet with two decimal places.

Explore how jQuery, a free MIT-licensed JavaScript library, simplifies client-side scripting by creating custom functions, handling click events, and printing hello world on the page.

Discover how to load the jQuery library, include external JavaScript, and build a hello world program using document ready and a click event to update the page.

Master jQuery selectors, including the four selectors for id, class, and tag, to target elements, trigger actions on click, and hide with display none.

Master jQuery events and selectors in this course, including click, ready, focus, blur, mouse enter, and mouse leave. Apply events to elements, hiding or styling them with CSS properties.

Explore jQuery effects and actions, using click handlers to hide, show, slide up and down, toggle visibility, and fade elements to create interactive web interfaces.

Learn to build a toggle box with jQuery by clicking a header to show or hide content using slide toggle, with CSS styling, a plus/minus button, and basic jQuery selectors.

Learn to create interactive animations with jQuery by animating a box on button click. Control speed with milliseconds and adjust left, opacity, height, width, and border-radius to shape it.

Learn to use jQuery to read and set html attributes and input values, update content, and display results with alerts and prompts.

Learn to set and get values with jQuery by grabbing input values, storing them, and updating the page on a button click.

Learn how to remove and empty an element in jQuery, understand the difference between removing and hiding, and use append to add new elements like divs and lists.

Learn how to manipulate elements with jQuery by adding, removing, and toggling CSS classes, and applying multiple CSS properties like border and background color.

Learn how to load jQuery via a CDN, compare online versus offline usage, and implement jQuery snippets using the Google CDN for reliable, fast web development.

Learn how to add Bootstrap to a website by downloading or using the Bootstrap CDN, inspecting themes and mobile previews, and integrating CSS and JS files into your project.

Learn how bootstrap's grid system drives responsive web layouts using containers and container-fluid, then rows and columns with col-sm and col-md on a 12-column grid.

Design a bootstrap top bar by building a header with a blue background, a separate css stylesheet, and font awesome icons for contact and social links.

Design a header with Bootstrap by structuring a two-column layout for a logo and a navigation menu, then customize with CSS for height, background color, and spacing.

Learn to build a mobile-optimized Bootstrap navigation bar with a brand and links. Implement responsive collapse and toggle for small screens using Bootstrap classes.

Learn to build an about us section in Bootstrap, using container vs container-fluid for width, and implement a two-column layout with a heading, text, and image.

Utilize a responsive stats section with progress bars and cards, applying margins and background styling for mobile-friendly layouts in html, css, javascript, and php.

Build a mobile-optimized footer for a bootstrapping page, featuring a two-column layout with about us, a subscribe form, and copyright text, styled for center alignment.

Learn to optimize a site for mobile by removing height restrictions and using padding instead. Implement in-page navigation by assigning section ids and linking with hash anchors in Bootstrap.

Implement a jQuery scroll effect to navigate to hash targets via click, applying smooth animation with configurable speeds, and update the active navigation state.

Learn how to position the navigation bar using fixed top, fixed bottom, and sticky top options, with mobile compatibility, and preview building a dropdown menu in the next video.

Build a responsive Bootstrap navigation bar with a dropdown, implementing dropdown-toggle, data-toggle, and data-target to reveal a dropdown-menu with dropdown-item links.

Explore bootstrap components such as alerts, badges, cards, carousels, modals, forms, and tooltips with practical examples.

Explore bootstrap utilities to control layout, display, floats, clear fix, and responsive behavior. Learn to apply image-fluid, table styles, and typography utilities for accessible, polished pages.

Design about us and contact pages with a sidebar by creating dedicated pages, wiring the navigation, adding breadcrumbs, and building a responsive two-column layout with content and a sidebar.

Upload your site to an online server, configure a subdomain, and upload html, css, js, and images; then test on mobile and enable mobile optimization with a viewport tag.

Learn how PHP functions as a server-side scripting language and why it requires a server to run a hello world PHP file, locally or online.

Install a local server to run PHP by downloading and installing the software, starting Apache and MySQL, and accessing projects via localhost.

Learn to identify and fix common PHP errors, including missing semicolons, syntax issues, and proper use of echo to print output in simple PHP scripts.

Build a simple html structure with php, set the page title, and echo a welcome message in an h1 tag to demonstrate php output.

Learn how to declare, initialize, and echo PHP variables using the dollar sign, with double versus single quotes and string concatenation via the dot operator.

Explore strings in PHP by using functions to measure length, count words, and reverse text. Learn how string length, word count, and reverse operations work on example strings.

Explore arithmetic operators in PHP, including plus, minus, multiply, divide, modulus, and exponent, and learn assignment operators such as value1 += value2 with practical examples.

Master comparing operators in PHP, including equals, greater than, less than, not equal, greater than or equal, less than or equal, and identical checks with integers and strings.

Explore PHP logical operators, including and and or, and learn how to combine conditions, then master the string concatenation dot operator to join text.

Explore how switch cases work in PHP, including case blocks, breaks, and default handling, through a calculator example that processes plus, minus, multiply, and divide.

Learn how for loops in PHP work by setting initialization, stopping condition, and incrementation in one line, then see how the loop prints values and uses breaks to control iterations.

Discover how PHP do-while differs from for and while, showing initialization, condition checks, and execution order.

Learn how to declare, index, and print PHP arrays, iterate with a for loop from zero to the last index, and use the count function to determine array length.

Learn how associative arrays in PHP use named keys instead of indices, define pairs like name and gender, access values such as Sarah's age, and print them with a loop.

Explore PHP functions, from built-in examples like count on arrays to creating and calling your own functions, including simple, accepting, returning, and both accepting and returning types.

Learn how PHP functions accept parameters to customize output, printing dynamic messages like 'my name is' plus user input, and build a full info function with name, age, and sex.

Explore how PHP functions receive input, compute results with return versus echo, and store outputs in variables, using examples like count and a sum function.

Build a PHP form with name and email inputs, post data, and handle submission when submit button is set using $_POST. Retrieve and echo the values to demonstrate form handling.

Learn how to handle PHP form submissions using post and get, validate submission, capture name and email, and redirect users to a confirmation page.

Learn to build a PHP form on a single page with post handling, enforce required fields, sanitize inputs with trim, stripslashes, htmlspecialchars, and display the submitted data in a table.

Explore how to build and iterate a multidimensional array in PHP to store car data (brand, price, engine) and display it in a PHP table using nested loops.

Learn how to build modular web pages using the PHP include function by creating reusable header, navigation, and footer components that propagate changes across all pages.

Learn to read a text file in PHP using readfile or fopen, loop with fgets until end of file, echo lines, handle errors with die, and close the file.

Build a complete filing program in PHP by creating files from a web form, writing and appending content, then reading and displaying file content on a reader page.

Learn to build a PHP file upload form, handle the file with $_FILES, inspect name, type, and tmp name, and move it to an uploads directory.

learn how to securely handle php file uploads: validate extensions, enforce size limits, manage upload errors, and move files to a unique destination in the upload directory.

Discover how to start and manage PHP sessions, store values in $_SESSION, and retrieve them across pages, while understanding the difference between sessions and variables and how to destroy sessions.

Discover the basics of databases, including structured data and common fields, with hands-on guidance on creating and viewing a database using phpMyAdmin.

Create a database, define a table with id, student name, class, fees, and fee status, enable auto increment primary key, and insert and browse records.

Learn to retrieve data with SQL queries, using select all from fees and filter by fee_status to find unpaid records. Update records to paid and delete entries by id.