Web Wizards: Learn HTML, CSS and Javascript for beginners

Learn html fundamentals and css basics through hands-on exercises, building your first web page with tags, structure, and validation; explore common tags like html, head, body, and p.

Learn to add an image in html using the img tag with src, width, height, and alt attributes, displaying a kitten from place kitten.com and practicing size adjustments.

Create an HTML table with three columns (movie name, director, year released) using table, tr, th, and td, and populate it with Harry Potter films, setting width to 100%.

Use the w3c validator to check your HTML for errors by validating direct input. Paste your HTML and review the lang attribute suggestion to ensure correct rendering before CSS.

Explore the basics of cascading style sheets, learning how CSS adds color and decoration to web pages, and practice inline and external styles with practical examples.

Engage in a hands-on CSS basics exercise styling a simple HTML page, turning the h1 orange, paragraphs purple, bolding list items, and applying Arial fonts and a pink background.

Apply the css box model to a html page. Style the body with Arial, azure background, and 20px padding; center the h1 with cyan color and a bottom border.

Learn to apply the CSS box model to adjust margins and font size, remove list bullets with list-style-type none, and add padding, color, and rounded borders to list items.

Learn to style images with css by applying borders, rounded corners, shadows, and spacing, then add smooth hover animations that scale images with transitions.

Explore how JavaScript, a versatile beginner-friendly programming language, makes web pages interactive by linking to HTML with inline and external script tags.

Learn to write your first JavaScript program in jsbin by using inline scripts and an external file. Explore script tags, alert, and running code from main.js with a light preview.

Declare variables in JavaScript, assign values, and display them with alert. Use prompts for input and plus-based string concatenation to greet users, such as nice to meet you, username.

Explore number type variables in JavaScript by declaring x and y as numbers, computing sum = x + y, and displaying the result with an alert in a jsbin example.

Learn how control structures in JavaScript direct code flow using conditional statements like if else, else if, and switch case, illustrated by planet info and weather examples.

Explore JavaScript if statements to classify users by age using prompts and alerts, with else if chains covering kid, teenager, adult, and senior.

Demonstrate switch statements in JavaScript by prompting for a weather forecast and mapping inputs like rain, snow, sunny, and cloudy to messages, with a default and console output.

Learn loops and iterations in JavaScript, with a focus on the for loop, and introductions to while and do-while loops, syntax, and practice iterating over arrays like fruits.

Master JavaScript functions as reusable mini programs with arguments and return values. See how to name, define, and call them to keep code tidy and maintainable.

Learn how to use JavaScript to update the DOM by changing a text input value from good morning to good evening via an on click handler and getElementById.

Master events such as onload, onclick, onchange, and onkeydown across buttons and other elements, and use document methods like getElementById, querySelector, and createElement to manipulate the dom.

Explore building a calculator with HTML, CSS and JavaScript, featuring basic operations and clear functions, and create an interactive solar system with hover details, animations, twinkling stars, and meteors.

Design a calculator that looks like a device, supports digits 0–9 and four operations, includes a clear button and text box, shows results on equals, with html, css, and javascript.

Build a basic calculator user interface using HTML: a calculator container, a text input for the result, and a grid of 16 buttons for numbers and operations. Style with CSS to form a four-column grid with a 10-pixel gap for the buttons, a full-width input adjusted to about 95 percent, and a fixed 250-by-250 pixel calculator box with a 1-pixel solid silver border and 20-pixel padding.

Style the calculator with css by adding padding, borders, and a light color scheme; adjust display and width to 90%, and customize operator buttons, then enable click events with JavaScript.

Wire onclick events to number and operator buttons, call the functions button clicked, operator clicked, and calculate result, and log actions to the console to validate interactions.

Implement calculator button clicks by passing a number as an argument to identify which button was pressed, and display the pressed digit in the input using a show result function.

Track the current input and operator, split by the operator, parse numbers with parse float, and perform plus, minus, multiply, or divide using a switch.

Learn solar system project: display all planets, animate on hover with CSS, show planet facts, and render a glowing sun in a night sky with stars, in Visual Studio Code.

Download and install Visual Studio Code from code.visualstudio.com, choose Windows or Mac OS, then open folders and create a Solar System folder to prepare for the next video.

Style the solar system page with a black background, remove margins, and create a gold sun with CSS; use a flex container to center planets with equal spacing.

Create a solar system animation with CSS by sizing the container to 90% height, positioning a shooting star from off-screen, animating it with keyframes and gradients, and adding glowing stars.