
Apply Basic CSS Selectors in Web Development
Learn fundamental CSS selector techniques to style web elements efficiently, including tag, class, and ID selectors with practical examples and best practices.
CSSJavaScriptHTML

Apply Margin Styles in CSS
Learn how to use CSS margin properties to control spacing around HTML elements, understand different margin syntaxes, and apply various margin styles to enhance web page layout.
CSSHTMLJavaScript

Apply Descendant Selectors in CSS
Learn how to use descendant selectors in CSS to style nested HTML elements, improving web page design and understanding selector targeting mechanisms.
CSSJavaScriptHTML

Create AJAX Requests with XMLHttpRequest
Learn to implement AJAX requests using XMLHttpRequest, understand asynchronous communication, and handle server responses effectively in web development.
HTMLJavaScriptCSS

Create Box Shadows with CSS
Learn how to create stunning visual depth and dimension in web design by mastering CSS box shadow techniques, from basic shadows to complex multi-layered effects.
JavaScriptCSSHTML

Define and Call Functions in JavaScript
Learn the fundamentals of JavaScript functions, including function definition, parameters, return values, and practical implementation techniques for effective coding.
CSSHTMLJavaScript

Apply Background Styles in CSS
Learn how to enhance web page design by applying various CSS background styles, including colors, images, positioning, and repetition techniques.
CSSHTMLJavaScript

Define and Use Variables in JavaScript
Learn the fundamentals of JavaScript variables, how to declare, assign, and use them in web development with practical hands-on exercises.
HTMLJavaScriptCSS

Create and Style div Elements in HTML
Learn how to create, style, and manipulate div elements in HTML, exploring their block-level characteristics, background colors, and positioning techniques.
JavaScriptCSSHTML

Embed and Customize Video in HTML
Learn how to embed and customize video elements in HTML, exploring various attributes, controls, and techniques to enhance video playback experience.
HTMLJavaScriptCSS

Create Rounded Corners with CSS Border-Radius
Learn how to use CSS border-radius to create rounded corners on web elements, exploring various techniques and properties for styling div elements.
CSSJavaScriptHTML

Create CSS3 Animations with Keyframes
Learn to create dynamic web animations using CSS3 keyframes, exploring syntax, properties, and advanced techniques to bring web elements to life with smooth, interactive motion effects.
CSSHTMLJavaScript

Create HTML Form Elements with Input Types
Learn to create interactive HTML forms with various input types, including text, radio buttons, checkboxes, file uploads, and submit buttons.
CSSHTMLJavaScript

Create CSS3 Transitions with Timing Functions
Learn how to create smooth and dynamic CSS3 transitions using timing functions, exploring hover effects, transition properties, and advanced animation techniques.
CSSHTMLJavaScript

Apply Relative Positioning in CSS
Learn how to use CSS relative positioning to control the layout of images and elements, creating flexible and dynamic web page designs with precise element placement.
CSSHTMLJavaScript

Call an API in JavaScript
In this lab, you will learn to interact with web APIs using modern JavaScript. You'll use the `fetch` API to make GET and POST requests, handle responses, parse JSON data, display it in HTML, implement error handling, and authenticate requests with an API key for dynamic web applications.
JavaScript

Create Fixed Positioning Layout in CSS
Learn how to implement fixed positioning in CSS to create static elements that remain in place while scrolling, with practical examples of side advertisements and navigation layouts.
CSSHTMLJavaScript

Create and Manipulate Arrays in JavaScript
Learn how to create, initialize, and manipulate JavaScript arrays through practical exercises, exploring array indexing, element access, and basic array operations.
JavaScriptHTMLCSS