list of programming languages
24. embed and object Elements The <embed> and <object> elements are used to embed external resources like videos, audio files, PDFs, or even entire web pages into an HTML document. While they are older than <video> and <audio>, they still have useful applications. Overview of Embedding Elements Element Purpose Key Features <embed> Embeds external content…
Destructuring assignment is a feature that allows you to extract data from arrays or objects into variables. It uses syntax that looks similar to array or object literal notation, making your code more concise and readable. A Quick Look at the Examples a. Introduction and Array Destructuring Destructuring assignment allows you to extract data from…
These two container properties control the direction of the main axis and how items wrap when they exceed the container’s size. Together, they form the foundation of any Flexbox layout. Overview of Properties Property Description Values flex-direction Sets the direction of the main axis row, row-reverse, column, column-reverse flex-wrap Controls whether items wrap nowrap, wrap,…
SVG (Scalable Vector Graphics) is a powerful way to create resolution-independent graphics directly in HTML. Unlike raster images (JPEG, PNG), SVGs maintain quality at any size and can be styled, animated, and manipulated with CSS and JavaScript. What is SVG? SVG is an XML-based markup language for describing two-dimensional vector graphics. It’s perfect for: Key…
The Math object in JavaScript is a versatile tool for performing a wide range of mathematical operations. It provides everything you need to handle most mathematical tasks — from basic arithmetic and rounding to advanced functions like trigonometry and random number generation. Note: Math is a built-in object — you don’t need to create it,…
These two properties control how flex items grow to fill available space and shrink when there isn’t enough space. They’re essential for creating flexible, responsive layouts. Overview of Properties Property Description Default Values flex-grow How much an item can grow relative to siblings 0 Number (e.g., 1, 2, 3) flex-shrink How much an item can…
SVG provides several elements for creating shapes and lines. This chapter covers four essential SVG elements: <ellipse>, <line>, <path>, and <polyline>. Each serves a unique purpose in vector graphics. Overview of SVG Shape Elements Element Purpose Key Attributes <ellipse> Elliptical/circular shapes cx, cy, rx, ry <line> Straight line x1, y1, x2, y2 <polyline> Connected straight…
JSON is a lightweight data interchange format — easy for humans to read and write, and easy for machines to parse and generate. It’s the standard for sending data between a client and a server. A Quick Look at the Examples a. What is JSON? JSON (JavaScript Object Notation) is a lightweight data interchange format….
These three properties give you precise control over initial sizing, space distribution, and direction/wrapping in Flexbox. They’re essential for building sophisticated, responsive layouts. Overview of Properties Property Description Type flex-basis Sets the initial main size of a flex item Longhand flex Shorthand for flex-grow, flex-shrink, flex-basis Shorthand flex-flow Shorthand for flex-direction and flex-wrap Shorthand 1….
The <canvas> element is a powerful HTML element used to draw graphics dynamically using JavaScript. It’s ideal for creating animations, games, data visualizations, image editing, and more. What is the Canvas Element? The <canvas> element provides a drawing surface that you can control with JavaScript. Unlike SVG, which is declarative, canvas uses imperative programming —…
We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.
