
JavaScript Variables and Data Types
In this lab, you will learn the fundamentals of JavaScript by declaring variables using `let` and exploring basic data types like strings, numbers, and booleans.
JavaScript

Handle Form Input Events with JavaScript
Learn to enhance user interaction by implementing JavaScript event handlers for form inputs, focusing on dynamic text manipulation and visual feedback.
HTMLJavaScriptCSS

Manipulate Dates with JavaScript Date Object
Learn to create, manipulate, and format dates using JavaScript Date object, exploring methods for retrieving, modifying, and calculating date components.
CSSHTMLJavaScript

Manipulate DOM Elements with JavaScript Methods
Learn to dynamically interact with web page elements using JavaScript DOM manipulation techniques, including selecting, creating, modifying, and styling HTML elements.
JavaScriptCSSHTML

Handle Keyboard Events in Web Page
Learn to manipulate web page elements using JavaScript keyboard events, exploring onkeydown, onkeyup, and window onload event handlers to create interactive user experiences.
JavaScriptHTMLCSS

Style Lists with CSS Attributes
Learn how to customize list styles using CSS attributes, including changing markers, adding images, and adjusting list positioning for enhanced web design.
CSSHTMLJavaScript

Explore Math Object Methods in JavaScript
Learn how to use JavaScript's Math object methods for performing mathematical calculations, generating random numbers, and solving practical programming challenges.
JavaScriptHTMLCSS

Set Border Colors in CSS
Learn how to customize border colors in CSS using inline styles, individual border coloring, and exploring various color techniques for web design.
CSSJavaScriptHTML

Explore Loop Structures in JavaScript
Learn and practice different JavaScript loop structures including while, do-while, for, and for-in loops through hands-on coding exercises and practical examples.
JavaScriptCSSHTML

Set Border Styles for Web Elements
Learn how to apply and customize border styles to HTML elements using CSS, exploring different border types, properties, and techniques for enhancing web page design.
CSSJavaScriptHTML

Explore String Object Methods in JavaScript
Learn essential JavaScript string manipulation techniques including length checking, case conversion, substring extraction, content replacement, and character position finding.
HTMLJavaScriptCSS

Play Audio Files with HTML5 Audio Tag
Learn how to use HTML5 audio tag to embed and control audio playback in web pages, exploring basic and advanced audio embedding techniques.
HTMLJavaScriptCSS

Perform Arithmetic Operations in JavaScript
Learn fundamental JavaScript arithmetic operations, including basic operators, modulo, increment, and decrement techniques for building dynamic web applications.
JavaScriptCSSHTML

Style Hyperlinks with CSS Pseudo-classes
Learn how to enhance web link styles using CSS pseudo-classes, exploring different link states, interaction effects, and advanced styling techniques for creating engaging and responsive hyperlinks.
HTMLJavaScriptCSS

Explore Mouse Events in Web Development
Learn to handle mouse events in web development, including click, over, out, down, and up events. Understand event handling and interactive web design techniques.
CSSHTMLJavaScript

Set Border Width Styles in CSS
Learn how to control border width in CSS, explore different border styles, and customize individual border widths for HTML elements.
CSSJavaScriptHTML

Manipulate Arrays with JavaScript Array Methods
Learn essential JavaScript array methods to slice, add, remove, sort, and transform array elements, enhancing your data manipulation skills.
CSSJavaScriptHTML

Style Text with CSS Font Properties
Learn how to enhance web typography by applying CSS font properties, including family, size, style, weight, and line height to create visually appealing and readable text.
JavaScriptCSSHTML