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.

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.

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.

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.

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.

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.

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.

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.

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.

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.