Web Development Bundle: Html, CSS and JavaScript

Learn HTML basics, including tags, elements, and the essential page structure with doctype, HTML, head, and body, and explore how title and H1 shape simple webpages with CSS and JavaScript.

Explore text in HTML, including headings (h1–h6) and paragraphs (p), plus bold, italic, big, and small tags. Test sizes and basic formatting in a sample page.

Learn to apply text color and background color in html using the style attribute on paragraph and body tags, with color values and hex codes.

Learn to display images on a web page with the img tag, using src and alt attributes, resize with width or height, and set a background image via css.

Link to other pages using the anchor tag and href, turn images into links, and choose to open in the same page or a new tab with target _blank.

Learn to embed videos using the html video tag, specify src, and control playback with attributes like controls, autoplay, muted, width, height, and loop to create a responsive web experience.

Format a web page by dividing the body into a header, a section, and a footer, and manage content with a head and the main content area.

Learn to build a portfolio website from scratch using HTML and styling, including a name, designation, photo, about, skills, video, and a contact page with social links.

Create a basic HTML page and apply CSS styling, differentiate front end from back end, and build a simple index.html with doctype, HTML, head, body, headings, and a paragraph.

Explore three HTML styling methods: inline styles, internal style blocks, and external stylesheets. Learn to color headings like h1 and link CSS files in the head.

Learn how to style web pages using tags, IDs, and classes, control colors, font sizes and families, apply Google fonts, and style images with borders and circular shapes.

Explore margins, padding, and borders in HTML/CSS by adjusting spacing, border radius, style, and color; apply them to elements and enhance pages with font awesome icons.

Master how float moves elements left and right, and how static, relative, fixed, sticky, and absolute positioning control top, bottom, left, right, and overlapping layout.

Learn how CSS transform and animation techniques rotate, scale, skew, translate, and animate elements with keyframes, timing functions, delays, and color changes for interactive web visuals.

Learn how JavaScript runs in web browsers and on servers, using V8 and SpiderMonkey. Create and link HTML and JavaScript files, and use variables and constants with console logging.

Explore JavaScript data types, covering primitive and reference types, including numbers, strings, booleans, undefined, and null, and learn arithmetic, string concatenation, indexing, length, and boolean comparisons.

Learn reference datatypes in JavaScript, including objects, arrays, and functions, and master accessing values with dot notation and indices, using prompts, alerts, and if-else conditions.

Master JavaScript control flow with switch statements and if-else patterns to determine eligibility, then learn loops like while and for through practical examples.

Explore how the DOM and the document object model connect JavaScript with HTML to manipulate text, color, and size, using querySelector, event listeners, and conditional logic with inputs.

Build a complete website from scratch with html, css, and javascript, featuring a centered image with text and a sandwich navigation menu with animations.

Create a right-aligned fixed navigation menu with three links, styled in blue uppercase, and toggle a hamburger into a close icon with a JavaScript class switch.

Build confidence by completing ten web development projects and customizing online templates. Practice reading templates from sites like W3Schools, fix syntax errors, and create your own portfolio site.