Learn Web Development

Explore the marquee tag for horizontal and vertical scrolling, with attributes like bgcolor, width, height, direction, loop, and behavior options (scroll, slide, alternate), plus delay and amount to control speed.

Explore HTML list tags—unordered, ordered, and description lists—using ul/li, ol/li, and dl/dt/dd, with circle, square, or none bullets and roman numerals.

Embed external resources on a webpage using the object tag, with data attributes to load images, pdfs, videos, audio, and other files, and control size with width and height.

Explore how HTML forms collect user input with the form tag and input elements, using name, action, and method (get or post) to send data to the server.

Apply internal cascading style sheets by placing a style tag in head, selecting elements p and h1 with tag selectors, and styling properties such as color, background, and alignment.

Explore box-shadow and text-shadow to add shadows to elements and text, adjust offset, blur, color, and spread. Compare outline and border to understand how shadows affect layout.

Explore how to position elements with static, relative, absolute, and fixed properties; learn how absolute needs a reference parent and how fixed elements stay in place while scrolling.

Learn how to build a responsive hover button with CSS transitions in this day 22 lesson, covering hover effects, transitions timing functions, easing curves, and styling a centered button.

Learn how to position images with float and clear in a container, using left or right alignment, borders, and display properties, so text auto-adjusts beside the image.

Explore css transformation properties by applying rotate on x, y, and z axes, scaling, translating, skewing, and setting transform origin, plus borders and box sizes for 2d layouts.

Design a responsive news grid with div.news, newsImages, and newsDescription, applying color, padding, and border-radius for a GTA 6 poster. Add a purchase section with a game-container and hover effects.

Explore how Node.js runs JavaScript outside the browser with Google's B8 engine, learn compiler and interpreter roles, and build first.js to log outputs via Node.js and Chrome console.

Explains variables as memory containers and data types in JavaScript, covering strings, numbers (integers and floats), booleans, null, and undefined, with examples using console.log and typeof.

Learn web development fundamentals by exploring constants vs variables, operands, and assignment, arithmetic, and comparison operators in JavaScript, including modulo and power operations.

Learn how let and var differ in block scope. The example shows b is local to the inner block while a is not, causing an error when accessed outside.

This lecture introduces looped statements and the for loop in JavaScript, explaining initialization, condition, and incrementation or decrementation, and showing how to print numbers with console.log from 0 to 5.

Explore how functions enable reusability and modular programming by declaring, calling, and returning values, with examples of arguments and function expressions.

Arrays are memory containers that store multiple values of any type, accessible by index starting at 0, with modifying and adding elements and printing results.

Explore JavaScript array operations with built-in functions such as push, pop, unshift, shift, length, indexOf, includes, slice, and splice to add, remove, inspect, and extract elements.

Explore accessing and manipulating HTML elements in the DOM, including the body, container, and boxes, using child nodes, first and last element children, and next or previous siblings.

Explore targeting elements by id and class, and apply colors using getElementById, getElementsByClassName, and querySelectorAll with forEach to color box B blue and all boxes green.

Learn how JavaScript listens for events such as click, keyboard, and mouse actions, and how to handle them with event listeners, arrow functions, and form and window events.

Learn how callback functions fix asynchronous browser behavior by passing a function as an argument to ensure the first function runs before the second, with practical examples.

Learn how promises replace callback hell by using resolve and reject, then and catch, and understand the three states spending, fulfilled, and rejected.

Explore how async and await simplify promises by pausing until a promise resolves, using a get number example and the clean, readable cook rice analogy.

Learners explore creating custom errors and robust error handling in JavaScript using parseInt, isNaN checks, and throw new Error, then manage errors with try, catch, finally to avoid crashing.

Learn to build a basic web calculator with HTML, CSS, and JavaScript, including a display, four-button grid, clear, backspace, percentage handling, and custom evaluate logic.