List of programming languages
A Symbol is a unique, immutable primitive value used as an object property key. Every Symbol is guaranteed to be different from every other Symbol — even if they have the same description. Symbols let you add properties to objects without any risk of collision, and they power many of JavaScript’s built-in protocols. Key point:…
CSS transitions let you smoothly animate changes to CSS properties over a specified duration. They add polish, interactivity, and visual appeal — turning abrupt state changes into fluid motion. What is a Transition? A transition defines how a CSS property changes from one state to another over time. Instead of instantly jumping from red to…
A generator is a function that can pause and resume. Where a regular function runs to completion, a generator produces a sequence of values, one at a time, on demand. The function* syntax and yield keyword make this possible. Key point: Generators return an iterator. You pull values out one at a time with .next(),…
These four longhand properties give you precise control over how transitions behave — which properties animate, how long they take, when they start, and how discrete changes are handled. Overview of Properties Property Description Default transition-property Which properties to animate all transition-duration How long the transition takes 0s transition-delay Wait before starting 0s transition-behavior How…
JavaScript is single-threaded — it runs one piece of code at a time. Yet it can handle clicks, timers, network requests, and animations without freezing. The event loop is how. It’s the mechanism that lets JavaScript juggle many tasks on a single thread. Key point: JavaScript has one call stack, one heap, and a task…
The animation property is one of the most powerful tools in CSS. It lets you create complex, multi-step animations — with full control over timing, repetition, direction, and more. What is an Animation? An animation in CSS is defined by two parts: Unlike transitions (which animate between two states), animations can have many stages and…
This lesson covers six essential animation properties: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, and animation-direction. Overview of Properties Property Description Default animation-name Name of the @keyframes rule none animation-duration How long one cycle takes 0s animation-timing-function Speed curve ease animation-delay Wait before starting 0s animation-iteration-count How many times to repeat 1 animation-direction Direction of each cycle…
This lesson covers the remaining animation properties: animation-fill-mode, animation-play-state, animation-timeline, and animation-composition. Overview of Properties Property Description Default animation-fill-mode Styles before/after animation none animation-play-state Running or paused running animation-timeline Timeline that controls the animation auto animation-composition How multiple animations combine replace 1. animation-fill-mode Defines the styles applied to an element before and after the animation…
1. Selectors Basic Selectors Selector Syntax Description Element p { } Targets all elements by tag name Class .highlight { } Targets elements with a specific class ID #main-title { } Targets one unique element Universal * { } Targets all elements Attribute [type=”text”] { } Targets elements with a specific attribute Attribute Selectors Syntax…
CSS 1 IntroductionCSS 2 selectors and commentsCSS 3 unitsCSS 4 colors and color propertiesCSS 5 background related propertiesCSS 6 fonts and font propertiesCSS 7 line height and text decorationCSS 8 text-align, letter-spacing, word-spacing and text-transformCSS 9 text indent, vertical align, text align last, direction propertiesCSS 10 white space, text emphasis and text shadow propertiesCSS 11…
We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.
