# DevDocs10 > Beginner-friendly documentation for Swift, JavaScript, CSS, and HTML, written by Murat Bo. Each guide covers one topic with a quick answer, the basic syntax, step-by-step examples, common mistakes, best practices, and a practice exercise. Every article is also available as Markdown: add `.md` to its URL (for example /articles/swift/swift-structs.md). MCP server for AI coding tools (search and read these docs): https://devdocs10.com/mcp — for example `claude mcp add --transport http devdocs10 https://devdocs10.com/mcp`. Setup for Claude, Cursor and VS Code: https://devdocs10.com/ai-tools Section overviews: [Swift](https://devdocs10.com/swift), [JavaScript](https://devdocs10.com/javascript), [CSS](https://devdocs10.com/css), [HTML](https://devdocs10.com/html). About the author: https://devdocs10.com/about-me ## Swift: Welcome - [Swift Welcome Guide: What Swift Is and Why It Matters](https://devdocs10.com/articles/swift/swift-welcome): Learn what Swift is, why developers use it, where it fits, its key features, common myths, and the best next steps for learning Swift. - [Why Swift? A Practical Introduction to Apple’s Swift Language](https://devdocs10.com/articles/swift/swift-why-swift): Learn why Swift matters, what makes it distinctive, where it fits in Apple development, and whether it is the right language to learn today. - [Installing Xcode and Swift Tools on macOS for Development](https://devdocs10.com/articles/swift/swift-installing-tools): Learn how to install Xcode, command line tools, and Swift on macOS, verify the setup, fix common issues, and prepare your environment. - [Swift Versions and Compatibility Guide for Apple Platforms](https://devdocs10.com/articles/swift/swift-versions-compatibility): Learn how Swift versions differ, how to check compatibility, supported Apple platforms, migration tips, and safe recommendations for modern. - [Swift Your First Program: print("Hello World") Explained](https://devdocs10.com/articles/swift/swift-first-program): Learn how to write, run, and understand your first Swift program using print("Hello World"), with syntax, examples, mistakes, and practice. - [Swift Playgrounds Guide: Learn, Experiment, and Build Faster](https://devdocs10.com/articles/swift/swift-playgrounds): Learn what Swift Playgrounds is, why it matters, how it fits into Swift learning, and how to use it to experiment, practice, and prototype. - [Swift on Linux: Setup, Usage, and Platform Considerations](https://devdocs10.com/articles/swift/swift-swift-on-linux): Learn how to install Swift on Linux, verify your toolchain, configure your environment, fix common issues, and start building Swift apps. ## Swift: Swift Basics - [Swift Variables (var) and Constants (let) Explained](https://devdocs10.com/articles/swift/swift-variables-constants): Learn how Swift variables and constants work, when to use var vs let, common errors, best practices, and practical examples in Swift 5+. - [Swift Data Types Explained: Int, String, Double, Bool, and More](https://devdocs10.com/articles/swift/swift-data-types): Learn Swift data types like Int, String, Double, Bool, Float, and Character, with syntax, examples, common mistakes, and best practices. - [Swift Type Inference: How Swift Deduces Variable Types](https://devdocs10.com/articles/swift/swift-type-inference): Learn how Swift type inference works, when Swift can deduce types automatically, when to add annotations, and how to avoid common errors. - [Swift Type Annotation: Syntax, Inference, and Best Practices](https://devdocs10.com/articles/swift/swift-type-annotation): Learn what type annotation means in Swift, when to use it, how it differs from type inference, and how to avoid common type errors. - [Swift Literals and Raw Strings (#"..."#) Explained](https://devdocs10.com/articles/swift/swift-literals-raw-strings): Learn how Swift literals work, how raw strings with #"..."# differ from normal strings, when to use them, and common mistakes to avoid. - [Swift Comments and Documentation Comments (///) Explained](https://devdocs10.com/articles/swift/swift-comments-documentation): Learn how to write Swift comments and documentation comments using //, /* */, and ///, with syntax, examples, mistakes, and best practices. ## Swift: Operators - [Master Arithmetic Operators in Swift: Practice Exercises & Solutions](https://devdocs10.com/articles/swift/swift-operators-arithmetic): Learn Swift arithmetic operators (+, -, *, /, %, +=) with beginner-friendly practice exercises and solutions. - [Swift Comparison Operators: Best Practices & Exercises for Beginners](https://devdocs10.com/articles/swift/swift-operators-comparison): Learn Swift comparison operators with best practices, limitations, and beginner exercises. - [Swift Logical Operators: Guide with Examples](https://devdocs10.com/articles/swift/swift-operators-logical): Learn Swift logical operators (&&, ||, !) with examples, best practices, and tips to avoid mistakes for efficient iOS programming. - [Ternary Operator](https://devdocs10.com/articles/swift/swift-ternary-operator): Learn the ternary operator in Swift from basics to advanced usage with examples, best practices, mistakes, and exercises. - [Swift Range Operators (... and ..<): Complete Guide](https://devdocs10.com/articles/swift/swift-range-operators): Learn Swift range operators ... and ..< for loops, arrays, slicing, pattern matching, one-sided ranges, common mistakes, and best practices. - [Swift Identity Operators (===, !==): Compare Object References](https://devdocs10.com/articles/swift/swift-identity-operators): Learn how Swift identity operators === and !== compare class instances by reference, when to use them, common mistakes, and practical. - [Swift Bitwise and Shift Operators: &, |, ^, ~, <<, >>](https://devdocs10.com/articles/swift/swift-bitwise-shift): Learn Swift bitwise and shift operators with clear examples, binary reasoning, common mistakes, best practices, and a mini project. - [Swift Overflow Operators (&+, &-, &*) Explained Clearly](https://devdocs10.com/articles/swift/swift-overflow-operators): Learn how Swift overflow operators &+, &-, and &* work, when to use them, how they differ from normal arithmetic, and common mistakes to. - [Swift Operator Precedence and Custom Precedence Groups](https://devdocs10.com/articles/swift/swift-operator-precedence): Learn how Swift operator precedence works, how expressions are evaluated, and how to define custom precedence groups safely in Swift 5+. ## Swift: Strings & Characters - [Swift String Interpolation: Syntax, Examples, and Best Practices](https://devdocs10.com/articles/swift/swift-string-interpolation): Learn Swift string interpolation with syntax, examples, mistakes, and best practices for inserting values and expressions into strings. - [Swift String Methods: contains, hasPrefix, and More](https://devdocs10.com/articles/swift/swift-string-methods): Learn how Swift String methods like contains, hasPrefix, hasSuffix, lowercased, and replacingOccurrences work with clear examples and fixes. - [Swift Multiline Strings: Syntax, Indentation, and Examples](https://devdocs10.com/articles/swift/swift-multiline-strings): Learn how Swift multiline strings work, including triple quotes, indentation rules, interpolation, escaping, and common mistakes. - [Swift Unicode and Extended Grapheme Clusters Explained](https://devdocs10.com/articles/swift/swift-unicode-graphemes): Learn how Swift handles Unicode and extended grapheme clusters, why String indexing works differently, and how to avoid common text bugs. - [Swift Regular Expressions: Regex Literals and RegexBuilder](https://devdocs10.com/articles/swift/swift-regular-expressions): Learn Swift regular expressions with regex literals and RegexBuilder, including syntax, matching, captures, common mistakes, and practical. - [Swift String Performance and Copy-on-Write Explained](https://devdocs10.com/articles/swift/swift-string-performance-cow): Learn how Swift String performance works, how copy-on-write avoids unnecessary copies, and which operations are cheap or expensive. ## Swift: Control Flow - [Swift If Else: Conditions, Syntax, and Practical Examples](https://devdocs10.com/articles/swift/swift-if-else): Learn how to use if, else if, and else in Swift with clear syntax, examples, common mistakes, and best practices for everyday control flow. - [Swift Switch Statements Explained with Syntax and Examples](https://devdocs10.com/articles/swift/swift-switch-statements): Learn how Swift switch statements work, including syntax, pattern matching, ranges, tuples, where clauses, common mistakes, and best. - [Swift Pattern Matching and where Clauses Explained](https://devdocs10.com/articles/swift/swift-pattern-matching-where): Learn Swift pattern matching and where clauses with switch, if case, for case, tuple matching, value filtering, common mistakes, and. - [Swift defer: How to Run Cleanup Code Before Scope Exit](https://devdocs10.com/articles/swift/swift-defer): Learn how Swift defer works, when deferred code runs, execution order, common mistakes, and practical cleanup patterns with clear examples. - [Swift Early Exits: guard, break, continue, and return](https://devdocs10.com/articles/swift/swift-early-exits): Learn how Swift early exits work with guard, break, continue, and return, including syntax, examples, common mistakes, and best practices. ## Swift: Loops - [Swift for-in Loops: Syntax, Examples, and Common Mistakes](https://devdocs10.com/articles/swift/swift-for-in): Learn how Swift for-in loops work, how to loop over ranges, arrays, dictionaries, and strings, plus common mistakes and best practices. - [Swift while Loop: Syntax, Examples, and Common Mistakes](https://devdocs10.com/articles/swift/swift-while): Learn how the Swift while loop works, when to use it, how it differs from repeat-while, and how to avoid common infinite loop mistakes. - [Swift repeat-while Loop: Syntax, Examples, and Best Uses](https://devdocs10.com/articles/swift/swift-repeat-while): Learn how Swift repeat-while loops work, when to use them, how they differ from while, and how to avoid common mistakes with practical. - [Swift Iterating with stride: Forward and Reverse Looping](https://devdocs10.com/articles/swift/swift-stride): Learn how to iterate with stride in Swift using stride(from:to:by:) and stride(from:through:by:), with examples, mistakes, and best. - [Swift forEach Explained: Iterating with Closures Clearly](https://devdocs10.com/articles/swift/swift-foreach): Learn how Swift forEach works with closures, when to use it instead of for-in, common mistakes, limitations, and practical examples. ## Swift: Collections - [A Beginner's Guide to Arrays in Swift](https://devdocs10.com/articles/swift/swift-arrays): Beginner-friendly guide to arrays in Swift with examples and SwiftUI tips. - [Swift Sets: How to Use Unordered Unique Collections](https://devdocs10.com/articles/swift/swift-sets): Learn how Swift Set works, how to create and update sets, use common operations, avoid mistakes, and choose Set vs Array in real code. - [Swift Dictionaries: Key-Value Storage Explained Clearly](https://devdocs10.com/articles/swift/swift-dictionaries): Learn how Swift dictionaries work, how to create, read, update, and loop through key-value pairs, plus common mistakes and best practices. - [Swift Tuples Explained: Syntax, Examples, and Best Practices](https://devdocs10.com/articles/swift/swift-tuples): Learn how Swift tuples work, how to create and access them, when to use them, and common tuple mistakes with clear examples. - [Swift Sequence and Collection Protocols Explained Clearly](https://devdocs10.com/articles/swift/swift-sequence-collection-protocols): Learn Swift Sequence and Collection protocols, how they differ, required properties, indexing rules, and how to build custom iterable types. - [Swift Slices and Subsequences: How ArraySlice Works](https://devdocs10.com/articles/swift/swift-slices-subsequences): Learn how Swift slices and subsequences work, how ArraySlice differs from Array, common mistakes, and when to convert a slice to an array. - [Swift Lazy Collections Explained with map, filter, and Performance](https://devdocs10.com/articles/swift/swift-lazy-collections): Learn how Swift lazy collections defer work, improve performance, and work with map, filter, and chaining, plus common mistakes and best. - [Swift OptionSet Explained: Syntax, Use Cases, and Best Practices](https://devdocs10.com/articles/swift/swift-optionset): Learn how Swift OptionSet works, how to define bitmask-style flags, combine options safely, avoid common mistakes, and choose it over enums. ## Swift: Collection Methods & Properties - [Swift Collection isEmpty and count: How and When to Use Them](https://devdocs10.com/articles/swift/swift-collection-isempty-count): Learn how Swift collection isEmpty and count work, when to use each, common mistakes, performance tips, and practical examples. - [Swift first and last: Accessing Collection Boundary Elements](https://devdocs10.com/articles/swift/swift-collection-first-last): Learn how Swift first and last work on arrays, strings, and other collections, including optional results, safe access, examples, mistakes. - [Swift contains and allSatisfy: Check Collection Values](https://devdocs10.com/articles/swift/swift-collection-contains-allsatisfy): Learn how Swift contains and allSatisfy work, when to use each, how closures behave, and how to avoid common collection-checking mistakes. - [Swift reduce, compactMap, and flatMap Explained Clearly](https://devdocs10.com/articles/swift/swift-collection-reduce-compactmap-flatmap): Learn how Swift reduce, compactMap, and flatMap work, when to use each one, common mistakes, and practical examples for arrays and. - [Swift map, filter, and sorted: Transforming Collections](https://devdocs10.com/articles/swift/swift-collection-map-filter-sorted): Learn how Swift map, filter, and sorted work, when to use each, common mistakes, and practical examples for transforming arrays and other. ## Swift: Functions - [Swift Defining Functions: Syntax, Parameters, and Return Values](https://devdocs10.com/articles/swift/swift-defining-functions): Learn how to define functions in Swift with parameters, return values, labels, and examples. - [Swift Parameters and Return Values Explained with Examples](https://devdocs10.com/articles/swift/swift-parameters-return-values): Learn how Swift function parameters and return values work, including labels, defaults, tuples, inout, and common mistakes with clear. - [Swift Argument Labels and Default Values Explained](https://devdocs10.com/articles/swift/swift-argument-labels-defaults): Learn how Swift argument labels and default values work, how to call functions clearly, avoid common errors, and design better APIs. - [Swift Variadic Parameters: Syntax, Examples, and Best Practices](https://devdocs10.com/articles/swift/swift-variadic-parameters): Learn how Swift variadic parameters work, how to declare and call them, common mistakes, limitations, and practical examples. - [Swift In-Out Parameters (inout): Syntax, Examples, and Rules](https://devdocs10.com/articles/swift/swift-inout-parameters): Learn how Swift inout parameters work, when to use them, how to pass values with &, and how to avoid common inout errors and mistakes. - [Swift Nested Functions: Syntax, Scope, and Practical Examples](https://devdocs10.com/articles/swift/swift-nested-functions): Learn how Swift nested functions work, when to use them, how scope and captures behave, and common mistakes with clear Swift 5 examples. - [Swift Function Overloading Explained with Syntax and Examples](https://devdocs10.com/articles/swift/swift-function-overloading): Learn Swift function overloading, how it works, how Swift chooses overloads, common mistakes, and practical examples using Swift 5+ syntax. - [Swift Function Types as Parameters and Return Values](https://devdocs10.com/articles/swift/swift-function-types): Learn Swift function types, including how to pass functions as parameters, return functions from functions, and avoid common mistakes. - [Swift @discardableResult: Ignore Function Return Values Safely](https://devdocs10.com/articles/swift/swift-discardable-result): Learn what Swift @discardableResult does, when to use it, how it differs from normal returns, and how to avoid common mistakes and warnings. - [Swift Closures Explained: Syntax, Capture Values, and Uses](https://devdocs10.com/articles/swift/swift-closures): Learn Swift closures with clear syntax, examples, capture lists, trailing closures, common mistakes, and practical uses in Swift 5+ code. ## Swift: Optionals - [Swift Optionals Explained: What They Are and How They Work](https://devdocs10.com/articles/swift/swift-what-are-optionals): Learn what Swift optionals are, why they matter, how to declare and unwrap them, and how to avoid common nil-related mistakes. - [Swift Optional Binding with if let and guard let Explained](https://devdocs10.com/articles/swift/swift-optional-binding): Learn Swift optional binding with if let and guard let, including syntax, examples, differences, and common mistakes when unwrapping. - [Swift Nil-Coalescing Operator (??): Syntax, Examples, and Mistakes](https://devdocs10.com/articles/swift/swift-nil-coalescing): Learn how Swift’s nil-coalescing operator (??) works, when to use it with optionals, how it compares to if let, and common mistakes to. - [Swift Optional Chaining Explained with Syntax and Examples](https://devdocs10.com/articles/swift/swift-optional-chaining): Learn how Swift optional chaining works, how to safely access nested optional values, avoid common errors, and write cleaner Swift 5+ code. - [Swift Force Unwrapping (!) Explained with Safe Usage Examples](https://devdocs10.com/articles/swift/swift-force-unwrapping): Learn what Swift force unwrapping (!) does, when to use it, why it can crash your app, and safer alternatives with clear examples. - [Swift Implicitly Unwrapped Optionals Explained Clearly](https://devdocs10.com/articles/swift/swift-implicitly-unwrapped-optionals): Learn what implicitly unwrapped optionals are in Swift, how they work, when to use them, how they differ from regular optionals, and common. ## Swift: Custom Types - [Swift Structs Explained: Properties, Methods, and Value Types](https://devdocs10.com/articles/swift/swift-structs): Learn how Swift structs work, including properties, methods, initializers, value semantics, common mistakes, and when to use structs vs. - [Swift Enumerations Explained: Cases, Raw Values, and Associated Values](https://devdocs10.com/articles/swift/swift-enumerations): Learn Swift enumerations with clear examples of enum cases, raw values, associated values, switching, and when to use enums in Swift 5+. - [Swift Enums: Associated Values vs Raw Values Explained](https://devdocs10.com/articles/swift/swift-enums-associated-vs-raw): Learn the difference between Swift enum associated values and raw values, when to use each, common mistakes, and practical examples in. - [Swift Type Aliases (typealias): Syntax, Uses, and Best Practices](https://devdocs10.com/articles/swift/swift-type-aliases): Learn how Swift type aliases work, when to use typealias, how they differ from new types, and common mistakes with closures, tuples, and. - [Swift Value Semantics vs Reference Semantics Explained](https://devdocs10.com/articles/swift/swift-value-vs-reference-semantics): Learn Swift value semantics vs reference semantics, how structs and classes behave, when copies happen, and how to choose the right type. - [Swift Struct Memberwise Initializers Explained with Examples](https://devdocs10.com/articles/swift/swift-memberwise-initializers): Learn how Swift struct memberwise initializers work, when Swift creates them automatically, how custom init methods affect them, and common. - [Struct vs Class in Swift: How to Choose](https://devdocs10.com/articles/swift/swift-struct-vs-class): Choose between struct and class in Swift: decision criteria, performance, copy-on-write, Sendable, real scenarios, a checklist, and when to. ## Swift: Classes - [Swift Defining Classes: Syntax, Properties, Methods, and Init](https://devdocs10.com/articles/swift/swift-defining-classes): Learn how to define classes in Swift, including syntax, properties, methods, initializers, inheritance basics, and common mistakes. - [Swift Class Properties and Methods Explained with Examples](https://devdocs10.com/articles/swift/swift-class-properties-methods): Learn how Swift class properties and methods work, including syntax, examples, common mistakes, best practices, and real-world usage. - [Swift Initializers: Designated, Convenience, and Failable Initializers](https://devdocs10.com/articles/swift/swift-initializers): Learn how Swift initializers work, including designated, convenience, and failable initializers, with rules, examples, mistakes, and best. - [Swift Inheritance: Subclassing Classes and Overriding Methods](https://devdocs10.com/articles/swift/swift-inheritance): Learn Swift inheritance, subclassing, method overriding, designated and convenience initializers, and common mistakes with clear examples. - [Swift Method Overriding: How Subclasses Replace Behavior](https://devdocs10.com/articles/swift/swift-method-overriding): Learn how method overriding works in Swift, when to use override, how super works, and how to avoid common inheritance errors. - [Swift Type Properties and Methods: static vs class Explained](https://devdocs10.com/articles/swift/swift-type-properties-methods): Learn Swift type properties and type methods using static and class, including syntax, examples, differences, common errors, and best. - [Swift Deinitializers: How deinit Works and When It Runs](https://devdocs10.com/articles/swift/swift-deinitializers): Learn how Swift deinitializers work, when deinit runs, what cleanup belongs there, common mistakes, and how ARC affects object destruction. - [Swift Subscripts Explained: Syntax, Examples, and Best Practices](https://devdocs10.com/articles/swift/swift-subscripts): Learn how Swift subscripts work, how to define them in types, use multiple parameters, avoid common errors, and write cleaner. - [Swift Reference Identity (===): Compare Class Instances Safely](https://devdocs10.com/articles/swift/swift-reference-identity): Learn how Swift reference identity works with === and !==, how it differs from ==, when to use it with classes, and common mistakes to. ## Swift: Protocols & Extensions - [Swift Protocols Explained: What Protocols Are and How to Use Them](https://devdocs10.com/articles/swift/swift-what-are-protocols): Learn what Swift protocols are, how they define shared behavior, how to conform to them, and common mistakes beginners make. - [Swift Protocol Properties and Methods Explained Clearly](https://devdocs10.com/articles/swift/swift-protocol-properties-methods): Learn how Swift protocol properties and methods work, how to declare requirements, conform types, and avoid common mistakes. - [Swift Protocol Inheritance Explained with Syntax and Examples](https://devdocs10.com/articles/swift/swift-protocol-inheritance): Learn Swift protocol inheritance with clear syntax, examples, use cases, and common patterns for combining shared requirements in Swift 5+. - [Swift Protocol Conformance: Rules, Syntax, and Best Practices](https://devdocs10.com/articles/swift/swift-protocol-conformance): Learn how Swift protocol conformance works, how to adopt protocols, satisfy requirements, fix common errors, and design cleaner APIs. - [Swift Associated Types Explained for Protocols and Generics](https://devdocs10.com/articles/swift/swift-associated-types): Learn how Swift associated types work in protocols, how they differ from generics, and how to use them in practical, type-safe code. - [Swift Default Implementations in Protocol Extensions Explained](https://devdocs10.com/articles/swift/swift-default-implementations): Learn how Swift default implementations work in protocol extensions, when to use them, how dispatch behaves, and common mistakes to avoid. - [Swift Extensions Basics: Add Behavior to Existing Types](https://devdocs10.com/articles/swift/swift-extensions-basics): Learn Swift extensions basics, including syntax, computed properties, methods, protocol conformance, common mistakes, and practical. - [Swift Extensions: Adding Functionality to Existing Types](https://devdocs10.com/articles/swift/swift-adding-functionality-extensions): Learn how Swift extensions add methods, properties, initializers, and protocol conformance to existing types, plus rules, limits, and. - [Swift Protocol-Oriented Programming (POP) Explained Clearly](https://devdocs10.com/articles/swift/swift-protocol-oriented-programming): Learn Swift Protocol-Oriented Programming (POP), how protocols and protocol extensions work, when to use them, and common mistakes to avoid. - [Swift Conditional Conformance Explained with Practical Examples](https://devdocs10.com/articles/swift/swift-conditional-conformance): Learn how Swift conditional conformance works, when to use it, how to write it, and how to avoid common errors with generic types and. - [Swift Existentials (any) and Self Requirements Explained](https://devdocs10.com/articles/swift/swift-existentials-any-self): Learn Swift existential types with any, why Self requirements limit protocol use, and how to fix common compiler errors with examples. - [Swift Primary Associated Types Explained with Examples](https://devdocs10.com/articles/swift/swift-primary-associated-types): Learn what Swift primary associated types are, how they simplify protocol constraints, and how to use them in generic code and existentials. ## Swift: Advanced Swift - [Swift Generics for Functions and Types: Complete Guide](https://devdocs10.com/articles/swift/swift-generics-functions-types): Learn how Swift generics work in functions and types, with syntax, constraints, examples, and practical patterns for reusable type-safe. - [Swift Constraints with where in Generics and Extensions](https://devdocs10.com/articles/swift/swift-constraints-where): Learn how Swift constraints with where work in generics and extensions, when to use them, common mistakes, and practical examples. - [Swift KeyPaths (Person.name): A Complete Guide](https://devdocs10.com/articles/swift/swift-keypaths): Learn Swift key paths, how \Person.name works, and how to read, write, and pass property references in type-safe Swift code. - [Swift Custom Operators: Define and Use Your Own Symbols](https://devdocs10.com/articles/swift/swift-custom-operators): Learn how Swift custom operators work, how to declare precedence and associativity, and when to use them safely in real code. - [Swift Result Type (Result): Complete Guide](https://devdocs10.com/articles/swift/swift-result-type): Learn Swift Result: how to model success and failure, write throwing APIs, switch safely, and avoid common mistakes. - [Swift Type Casting: Using is, as, as?, and as!](https://devdocs10.com/articles/swift/swift-type-casting): Learn Swift type casting with is, as, as?, and as!. See how to test types, cast safely, handle failures, and avoid common runtime crashes. - [Swift Metatypes: Using Type.self and Protocol.self](https://devdocs10.com/articles/swift/swift-metatypes): Learn Swift metatypes, Type.self, and Protocol.self with clear examples, syntax, common mistakes, and practical uses for runtime type. - [Swift Opaque Types (some): Complete Guide and Examples](https://devdocs10.com/articles/swift/swift-opaque-types): Learn how Swift opaque types using some work, when to use them, how they differ from protocols and generics, and common mistakes to avoid. - [Swift Type Erasure: Hide Concrete Types Behind a Common API](https://devdocs10.com/articles/swift/swift-type-erasure): Learn Swift type erasure, why it exists, how to build erasing wrappers, and how to use AnySequence, AnyHashable, and custom abstractions. - [Swift Property Wrappers: A Practical Guide to @propertyWrapper](https://devdocs10.com/articles/swift/swift-property-wrappers): Learn Swift property wrappers, how @propertyWrapper works, how to create custom wrappers, and common mistakes with real Swift examples. - [Swift Result Builders: Build Custom DSLs and Declarative APIs](https://devdocs10.com/articles/swift/swift-result-builders): Learn Swift result builders, how they transform blocks into values, and how to use them to create clean declarative APIs. - [Swift Attributes and Annotations: @available, @MainActor, @Sendable](https://devdocs10.com/articles/swift/swift-attributes-annotations): Learn how Swift attributes and annotations work, including @available, @objc, @main, @frozen, @inline, @MainActor, and @Sendable. - [Swift Modules and Imports: Using import and @_exported](https://devdocs10.com/articles/swift/swift-modules-imports): Learn how Swift modules and imports work, when to use import, what @_exported does, and common mistakes when organizing Swift code. - [Swift Build Config and Conditional Compilation Explained](https://devdocs10.com/articles/swift/swift-build-config-conditional-compilation): Learn Swift build config and conditional compilation with #if, #available, os(), arch(), swift(), and canImport() using clear examples and. ## Swift: Higher-Order Functions - [Swift map, filter, reduce: How to Transform Collections](https://devdocs10.com/articles/swift/swift-map-filter-reduce): Learn how Swift map, filter, and reduce work, when to use each one, common mistakes, and practical examples for transforming arrays. - [Swift flatMap vs compactMap: How to Transform Collections](https://devdocs10.com/articles/swift/swift-flatmap-compactmap): Learn how Swift flatMap and compactMap work, when to use each, how they differ, and how to avoid common mistakes with practical examples. - [Swift forEach vs for-in: Differences, Use Cases, and Mistakes](https://devdocs10.com/articles/swift/swift-foreach-vs-forin): Learn the difference between Swift forEach and for-in, when to use each, how control flow behaves, and common mistakes beginners make. ## Swift: Swift Error Handling - [Swift Throwing Functions (throws): Syntax, Usage, and Errors](https://devdocs10.com/articles/swift/swift-throwing-functions): Learn how Swift throwing functions work with throws, try, catch, rethrows, and do-catch, plus common mistakes and best practices. - [Swift try, try?, and try! Explained with Examples](https://devdocs10.com/articles/swift/swift-try-variants): Learn how Swift try, try?, and try! handle throwing functions, optionals, and crashes, with examples, mistakes, and best practices. - [Swift do-catch Blocks: Error Handling Syntax and Examples](https://devdocs10.com/articles/swift/swift-do-catch-blocks): Learn how Swift do-catch blocks work, when to use try, catch, try?, and try!, plus common errors, examples, and best practices. ## Swift: Memory & Performance - [Swift ARC (Automatic Reference Counting): Memory Management Explained](https://devdocs10.com/articles/swift/swift-arc): Learn how Swift ARC manages object lifetimes, retain cycles, strong and weak references, and how to avoid memory leaks in Swift code. - [Swift Strong, Weak, and Unowned References Explained](https://devdocs10.com/articles/swift/swift-strong-weak-unowned): Learn how Swift strong, weak, and unowned references work, when to use each one, and how they help prevent reference cycles and leaks. - [Swift Retain Cycles & Memory Leaks: A Practical Guide](https://devdocs10.com/articles/swift/swift-retain-cycles-leaks): Learn how retain cycles and memory leaks happen in Swift, how to spot them, and how to fix them with weak, unowned, and better ownership. - [Swift Value Semantics vs Reference Semantics Explained](https://devdocs10.com/articles/swift/swift-value-vs-reference-semantics): Learn Swift value semantics vs reference semantics, how structs and classes behave, when copies happen, and how to choose the right type. - [Swift Copy-on-Write Optimization Explained](https://devdocs10.com/articles/swift/swift-copy-on-write): Learn how Swift copy-on-write works, why it improves performance, and how to design value types that share storage safely. - [Swift Lazy Properties: Deferred Initialization and Performance](https://devdocs10.com/articles/swift/swift-lazy-properties): Learn how Swift lazy properties work, when to use them, how initialization is deferred, and common mistakes with lazy stored properties. - [Swift Performance Benchmarks: Structs vs Classes, Arrays, Strings, and Loops (Swift 6.4, -O)](https://devdocs10.com/articles/swift/swift-performance-benchmarks): Measured with swiftc -O on Swift 6.4: structs vs classes, reserveCapacity, String += vs joined(), for-in vs forEach vs reduce, Dictionary. ## Swift: Concurrency - [Grand Central Dispatch (GCD) in Swift: Queues, Async, and Sync](https://devdocs10.com/articles/swift/swift-gcd): Learn Grand Central Dispatch in Swift: queues, async vs sync, main queue usage, common mistakes, and practical concurrency examples. - [Swift Operation Queues: Concurrency, Priorities, and Dependencies](https://devdocs10.com/articles/swift/swift-operation-queues): Learn how Swift operation queues schedule work, manage dependencies, control priorities, and replace manual thread management with safer. - [Swift Async & Await: Writing and Reading Asynchronous Code](https://devdocs10.com/articles/swift/swift-async-await): Learn Swift async and await, how to call async functions, handle errors, and write readable concurrency code with practical examples. - [Swift Structured Concurrency: Task Groups, Async Let, and Child Tasks](https://devdocs10.com/articles/swift/swift-structured-concurrency): Learn Swift structured concurrency, including async let, task groups, child tasks, cancellation, and how it keeps async work organized. - [Swift Actors: A Beginner-Friendly Guide to Safe Concurrency](https://devdocs10.com/articles/swift/swift-actors): Learn Swift actors, how they protect mutable state, how actor isolation works, and how to use them safely in concurrent code. - [Swift Task Groups: Running and Collecting Concurrent Child Tasks](https://devdocs10.com/articles/swift/swift-task-groups): Learn how Swift task groups work, when to use them, how to collect results, and how to avoid common concurrency mistakes. - [Swift Cancellation Handling: Cancel Tasks Safely and Cleanly](https://devdocs10.com/articles/swift/swift-cancellation-handling): Learn Swift cancellation handling in async tasks, how to check for cancellation, stop work early, and clean up resources correctly. - [Swift Sendable, @MainActor, Global Actors, and Isolation Rules](https://devdocs10.com/articles/swift/swift-sendable-mainactor-isolation): Learn Swift concurrency isolation rules, Sendable, @MainActor, and global actors. - [Swift async let, nonisolated, and Main-Thread Affinity](https://devdocs10.com/articles/swift/swift-asynclet-nonisolated-mainthread): Learn how async let, nonisolated, and main-thread affinity work in Swift concurrency, with examples, mistakes, and UI-safe patterns. - [Combine vs async/await: Which to Use in 2026](https://devdocs10.com/articles/swift/swift-combine-vs-async-await): Combine vs async/await in 2026: a default for new code, cancellation and backpressure differences, real scenarios, a decision checklist. - [Swift 6 Concurrency Migration Playbook: Moving a Swift 5 Codebase to Strict Concurrency](https://devdocs10.com/articles/swift/swift-6-concurrency-migration): Migrate a Swift 5 codebase to the Swift 6 language mode: enable strict concurrency checking, fix Sendable and @MainActor errors in order. ## Swift: SwiftUI - [Introduction to SwiftUI for Building Apple App Interfaces](https://devdocs10.com/articles/swift/swift-swiftui-intro): Learn what SwiftUI is, how it works, where it fits in Apple development, and why developers use it to build iPhone, iPad, Mac, and watch. - [SwiftUI Views and Modifiers Explained with Practical Examples](https://devdocs10.com/articles/swift/swift-views-modifiers): Learn how SwiftUI views and modifiers work, how to build interfaces step by step, avoid common mistakes, and write cleaner SwiftUI code. - [SwiftUI VStack, HStack, and ZStack Explained Clearly](https://devdocs10.com/articles/swift/swift-stacks): Learn how SwiftUI VStack, HStack, and ZStack arrange views, when to use each one, common mistakes, spacing, alignment, and real examples. - [SwiftUI LazyVGrid and LazyHGrid Explained with Examples](https://devdocs10.com/articles/swift/swift-grids): Learn how SwiftUI LazyVGrid and LazyHGrid work, how to define grid items, build adaptive layouts, and fix common grid mistakes. - [SwiftUI Lists and ForEach: Displaying Dynamic Data Clearly](https://devdocs10.com/articles/swift/swift-lists-foreach): Learn how SwiftUI List and ForEach work, how to show dynamic data, handle identity correctly, and avoid common errors in repeating views. - [SwiftUI Navigation with NavigationView and NavigationStack](https://devdocs10.com/articles/swift/swift-navigation): Learn SwiftUI navigation using NavigationView and NavigationStack, including links, titles, paths, common mistakes, and when to use each. - [SwiftUI State Management: @State, @Binding, @ObservedObject, @EnvironmentObject](https://devdocs10.com/articles/swift/swift-state-management): Learn SwiftUI state management with @State, @Binding, @ObservedObject, and @EnvironmentObject. See when to use each one and common mistakes. - [SwiftUI Animations & Transitions: A Complete Beginner's Guide](https://devdocs10.com/articles/swift/swift-animations-transitions): Learn SwiftUI animations and transitions with state-driven examples, view modifiers, common mistakes, and practical tips for smooth UI. - [SwiftUI Custom Views: Build Reusable, Composable UI Components](https://devdocs10.com/articles/swift/swift-custom-views): Learn how to create SwiftUI custom views, pass data with properties and bindings, reuse components, and avoid common view design mistakes. - [Drawing with SwiftUI: Path and Shape Basics](https://devdocs10.com/articles/swift/swift-drawing-swiftui): Learn how SwiftUI Path and Shape work, how to draw lines, curves, and custom shapes, and when to use each in real apps. - [SwiftUI for iOS Widgets: Building Home Screen Widgets](https://devdocs10.com/articles/swift/swift-widgets): Learn how SwiftUI powers iOS widgets with WidgetKit, timelines, views, and configuration so you can build useful Home Screen widgets. - [Combine Basics in Swift: Reactive Programming with Publishers and Subscribers](https://devdocs10.com/articles/swift/swift-combine-basics): Learn Combine basics in Swift, including publishers, subscribers, operators, cancellation, and how reactive data flow works in practice. - [Result Builders in SwiftUI: How Declarative View Code Works](https://devdocs10.com/articles/swift/swift-result-builders-swiftui): Learn how SwiftUI result builders turn declarative view code into trees, how they work, common mistakes, and practical usage patterns. - [NavigationView to NavigationStack Migration Playbook (SwiftUI)](https://devdocs10.com/articles/swift/swift-navigationview-to-navigationstack): Migrate SwiftUI NavigationView to NavigationStack and NavigationSplitView: value-based links, navigationDestination, NavigationPath. ## Swift: Interoperability - [Swift & Objective-C Interoperability: A Practical Guide](https://devdocs10.com/articles/swift/swift-objc-interop): Learn how Swift and Objective-C interoperate, including @objc, @IBOutlet, bridging, nullability, and common compatibility pitfalls. - [Using C Libraries in Swift: Importing and Calling C APIs](https://devdocs10.com/articles/swift/swift-using-c-libraries): Learn how to import C libraries in Swift, call C functions, use C structs and enums, and fix common interoperability errors. - [Swift Bridging Headers: Use Objective-C from Swift Projects](https://devdocs10.com/articles/swift/swift-bridging-headers): Learn what a Swift bridging header is, how to configure it, and how to import Objective-C headers so Swift code can call them safely. - [Swift Mixed-Language Projects: Integrating Swift with Other Code](https://devdocs10.com/articles/swift/swift-mixed-language-projects): Learn how Swift mixed-language projects work, including bridging, targets, headers, and common setup issues when combining Swift with other. - [Swift Bridging Types: String ↔︎ NSString and Value Bridging](https://devdocs10.com/articles/swift/swift-bridging-types): Learn how Swift bridges types like String and NSString, when bridging happens automatically, and how to avoid common interoperability bugs. - [Swift KVC, KVO, and dynamic: Interoperability Guide](https://devdocs10.com/articles/swift/swift-kvc-kvo-dynamic): Learn how Swift works with Key-Value Coding, Key-Value Observing, and dynamic dispatch, plus when to use @objc and dynamic. ## Swift: Testing & Debugging - [Unit Testing with XCTest in Swift: A Practical Beginner Guide](https://devdocs10.com/articles/swift/swift-unit-testing-xctest): Learn how to write, run, and organize Swift unit tests with XCTest, including assertions, setup, async tests, and common mistakes. - [Swift UI Testing: Xcode UI Tests for Apps and Flows](https://devdocs10.com/articles/swift/swift-ui-testing): Learn Swift UI testing with Xcode: write stable UI tests, launch apps, tap controls, verify text, and debug common XCTest issues. - [Debugging in Xcode: Breakpoints, LLDB, and Console Basics](https://devdocs10.com/articles/swift/swift-debugging-xcode): Learn how to debug Swift apps in Xcode using breakpoints, the LLDB console, variables view, and common troubleshooting workflows. - [Swift Performance Testing: Measure and Benchmark Code Correctly](https://devdocs10.com/articles/swift/swift-performance-testing): Learn how to write Swift performance tests, use XCTest metrics, compare runs, and avoid common benchmarking mistakes in Xcode. - [Swift Assertions: assert, precondition, and fatalError](https://devdocs10.com/articles/swift/swift-assertions): Learn how Swift assertions work, when to use assert, precondition, and fatalError, and how they differ in debug and release builds. - [LLDB Basics in Swift: Debugging Your Code in Xcode](https://devdocs10.com/articles/swift/swift-lldb-basics): Learn LLDB basics in Swift: breakpoints, stepping, printing variables, evaluating expressions, and common debugging mistakes in Xcode. - [Swift Logging with os.Logger: A Practical Guide to Structured Logs](https://devdocs10.com/articles/swift/swift-logging-os-logger): Learn how to use Swift os.Logger for fast, structured logging, privacy control, log levels, and best practices for debugging and testing. - [XCTest to Swift Testing Migration Playbook](https://devdocs10.com/articles/swift/swift-xctest-to-swift-testing): Migrate XCTest to Swift Testing: @Test, #expect, #require, suites, parameterized tests, traits, confirmation, and what stays in XCTest. ## Swift: Expert Topics - [Swift Package Manager (SPM): Packages, Targets, and Dependencies](https://devdocs10.com/articles/swift/swift-spm): Learn Swift Package Manager (SPM): package structure, dependencies, targets, products, commands, and common setup and troubleshooting tips. - [Swift Modularization & Large Codebases: Building Maintainable Apps](https://devdocs10.com/articles/swift/swift-modularization): Learn Swift modularization for large codebases, including module boundaries, targets, dependencies, testing, and common scaling pitfalls. - [Swift Macros (Swift 5.9+) — A Practical Guide](https://devdocs10.com/articles/swift/swift-macros): Learn Swift macros in Swift 5.9+: how they work, how to write and use them, common mistakes, and when to choose them. - [Domain-Specific Languages (DSLs) in Swift: Build Clearer APIs](https://devdocs10.com/articles/swift/swift-dsls): Learn what DSLs in Swift are, why they matter, how result builders enable them, and common mistakes when designing expressive APIs. - [Swift Metaprogramming: Reflection, Macros, and Code Generation](https://devdocs10.com/articles/swift/swift-metaprogramming): Learn Swift metaprogramming with reflection, macros, and code generation. See how to inspect types, reduce boilerplate, and avoid common. - [Swift Reflection & Mirror API: Inspecting Values at Runtime](https://devdocs10.com/articles/swift/swift-reflection-mirror): Learn Swift Mirror reflection to inspect types, properties, children, and labels at runtime, plus common pitfalls, limits, and examples. - [Contributing to Swift Open Source: A Practical Developer Guide](https://devdocs10.com/articles/swift/swift-open-source-contributing): Learn how to contribute to Swift open source projects, from finding issues and setting up a workflow to submitting pull requests and. - [Unsafe Swift: Pointers, Buffers, and Unmanaged](https://devdocs10.com/articles/swift/swift-unsafe-swift-pointers): Learn Swift unsafe pointers, buffers, and Unmanaged: how they work, when to use them, memory rules, common mistakes, and safe patterns. - [Swift MemoryLayout and Alignment: Size, Stride, and Padding](https://devdocs10.com/articles/swift/swift-memorylayout-alignment): Learn how Swift MemoryLayout reports size, stride, and alignment, why padding exists, and how these values affect structs, arrays, and. ## Swift: Core Rules of Thumb - [Swift Naming Conventions: camelCase, PascalCase, and Constants](https://devdocs10.com/articles/swift/swift-naming-conventions): Learn Swift naming conventions for types, variables, functions, and constants, including camelCase, PascalCase, and clear, idiomatic style. - [Swift Immutability First: Why You Should Prefer let Over var](https://devdocs10.com/articles/swift/swift-immutability-first): Learn Swift’s immutability-first rule: when to use let over var, how it improves safety, and common mistakes to avoid in real code. - [Swift Optionals: How to Use Optionals Wisely](https://devdocs10.com/articles/swift/swift-use-optionals-wisely): Learn how to use Swift optionals wisely with safe unwrapping, defaults, pattern matching, common mistakes, and practical best practices. - [Swift Value Types vs Classes: Why Structs Are the Default Choice](https://devdocs10.com/articles/swift/swift-prefer-value-types): Learn why Swift recommends structs over classes, when value semantics help, and how to choose the right type for safer, simpler code. - [Swift Protocol-Oriented Programming Over Inheritance](https://devdocs10.com/articles/swift/swift-pop-over-inheritance): Learn why Swift favors protocol-oriented programming over inheritance, how it works, and when to choose protocols, protocol extensions, or. - [Swift Force Unwrapping (!) — Why to Avoid It and What to Use](https://devdocs10.com/articles/swift/swift-avoid-force-unwrap): Learn why Swift force unwrapping is risky, how crashes happen, safer alternatives like optional binding and guard let, and when ! - [Swift Small Functions: How to Keep Functions Small and Focused](https://devdocs10.com/articles/swift/swift-keep-functions-small): Learn how to keep Swift functions small and focused with practical rules, examples, common mistakes, and refactoring tips for cleaner code. - [Swift Type Inference vs Explicit Types: When to Rely on Each](https://devdocs10.com/articles/swift/swift-type-inference-vs-explicit): Learn when Swift type inference improves clarity and when explicit types make code safer, easier to read, and less error-prone. - [Swift forEach: Prefer forEach Only for Side Effects](https://devdocs10.com/articles/swift/swift-foreach-side-effects): Learn when to use Swift forEach for side effects, how it differs from map and loops, and common mistakes to avoid. - [Swift guard for Early Exits: How and When to Use It](https://devdocs10.com/articles/swift/swift-guard-for-early-exits): Learn how Swift guard works for early exits, cleaner control flow, and safe unwrapping with practical examples, mistakes, and best. - [Swift Readability Over Cleverness: Write Clearer Code](https://devdocs10.com/articles/swift/swift-readability-over-cleverness): Learn why readable Swift is better than clever Swift, with examples, common mistakes, and practical rules for clearer code. ## Swift: Appendix - [Swift Evolution Proposals: How Swift Language Changes Are Proposed](https://devdocs10.com/articles/swift/swift-evolution-proposals): Learn what Swift Evolution proposals are, how they work, how to read them, and how they shape Swift language changes and version updates. - [Swift Common Mistakes and Best Practices](https://devdocs10.com/articles/swift/swift-common-mistakes-best-practices): Learn the most common Swift mistakes, how to fix them, and practical best practices for safer, clearer Swift code. - [Swift Style Guide & Linting: Writing Consistent, Safe Code](https://devdocs10.com/articles/swift/swift-style-guide-linting): Learn how Swift style guides and linting improve readability, catch mistakes early, and keep teams aligned with practical rules and. - [Swift Migration Guides: Upgrading from Swift 4 to 5 to 6](https://devdocs10.com/articles/swift/swift-migration-guides): Learn how to migrate Swift projects from 4 to 5 to 6, handle source changes, fix compatibility issues, and upgrade safely. - [Glossary of Swift Terms: Key Language Concepts Explained](https://devdocs10.com/articles/swift/swift-glossary): Learn essential Swift glossary terms, from variables and optionals to closures, structs, value types, and protocols, with clear. - [Swift DocC and Doc Comments: Write API Documentation That Scales](https://devdocs10.com/articles/swift/swift-docc-doc-comments): Learn how Swift DocC and doc comments work, how to write documentation comments, and how to generate readable API docs from Swift source. ## JavaScript: Welcome - [JavaScript Welcome Guide: What JavaScript Is and Why It Matters](https://devdocs10.com/articles/javascript/js-welcome): Learn what JavaScript is, why it matters, where it runs, what it can do, and the best next steps for starting your JavaScript journey. - [Where JavaScript Runs: Browser vs Node.js Explained](https://devdocs10.com/articles/javascript/js-runtime-environments): Learn where JavaScript runs in browsers and Node.js, what each environment provides, and how to choose the right runtime for your code. - [JavaScript Editor, Linter, and Formatter Setup Guide](https://devdocs10.com/articles/javascript/js-setup-tools): Set up JavaScript editors, linters, and formatters for a smoother workflow, cleaner code, and faster feedback in everyday projects. - [ECMAScript Versions & Compatibility in JavaScript](https://devdocs10.com/articles/javascript/js-versions-compatibility): Learn how ECMAScript versions affect JavaScript features, browser support, and compatibility so you can choose syntax that runs safely. - [JavaScript Your First Program: console.log Basics for Beginners](https://devdocs10.com/articles/javascript/js-first-program): Learn how to write your first JavaScript program with console.log, run it in the browser or Node.js, and avoid common beginner mistakes. ## JavaScript: JavaScript Basics - [JavaScript Values and Types: Number, String, Boolean, null, undefined](https://devdocs10.com/articles/javascript/js-values-types): Learn JavaScript values and types, including Number, String, Boolean, null, and undefined, with syntax, examples, common mistakes, and best. - [JavaScript Variables: var, let, and const Explained](https://devdocs10.com/articles/javascript/js-variables): Learn how JavaScript var, let, and const work, when to use each one, scope differences, hoisting, reassignment, and common mistakes. - [JavaScript typeof vs instanceof: How to Check Types Correctly](https://devdocs10.com/articles/javascript/js-typeof): Learn how JavaScript typeof and instanceof work, when to use each one, common mistakes, and how to avoid unreliable type checks. - [JavaScript Numbers, BigInt & Math: A Complete Beginner Guide](https://devdocs10.com/articles/javascript/js-numbers-math): Learn JavaScript numbers, BigInt, and Math: numeric syntax, safe integer limits, rounding, calculations, common mistakes, and practical. - [JavaScript Date: Working with Dates and Times in JS](https://devdocs10.com/articles/javascript/js-dates): Learn JavaScript Date basics, parsing, formatting, timestamps, time zones, and common mistakes so you can handle dates and times correctly. - [JavaScript Symbol: Unique Primitive Values, Uses, and Examples](https://devdocs10.com/articles/javascript/js-symbols): Learn JavaScript Symbol values, how they create unique keys, when to use them, and how Symbol.for, Symbol.iterator, and common mistakes. ## JavaScript: Strings & Regular Expressions - [JavaScript Strings and Encodings: Characters, Bytes, and Unicode](https://devdocs10.com/articles/javascript/js-strings-basics): Learn how JavaScript strings work with Unicode, UTF-16, and encodings, plus common pitfalls, conversions, and safe handling tips. - [JavaScript String Methods: slice, includes, replace, and More](https://devdocs10.com/articles/javascript/js-string-methods): Learn JavaScript string methods like slice(), includes(), replace(), and trim() with examples, common mistakes, and practical use cases. - [JavaScript Template Literals & Tagged Templates](https://devdocs10.com/articles/javascript/js-template-literals): Learn JavaScript template literals and tagged templates: syntax, interpolation, multiline strings, escaping, practical examples, and common. - [JavaScript Regex Basics: Literals, Flags, and Core Syntax](https://devdocs10.com/articles/javascript/js-regex-basics): Learn JavaScript regex basics, including literal syntax, common flags, test and match examples, and mistakes to avoid when building. - [JavaScript Regex Methods: test(), exec(), match(), and replace()](https://devdocs10.com/articles/javascript/js-regex-methods): Learn how JavaScript regex methods test(), exec(), match(), and replace() work, when to use each one, and common mistakes to avoid. - [JavaScript Regex Patterns: Groups, Lookarounds, and Quantifiers](https://devdocs10.com/articles/javascript/js-regex-patterns): Learn JavaScript regex patterns with groups, lookarounds, and quantifiers. Build, read, and debug practical patterns in ES2020+ code. ## JavaScript: Operators - [JavaScript Arithmetic Operators: Addition, Subtraction, Multiplication](https://devdocs10.com/articles/javascript/js-arithmetic-operators): Learn JavaScript arithmetic operators, how +, -, *, /, %, **, ++, and -- work, common pitfalls, and practical examples. - [JavaScript Comparison Operators: ==, ===, !=, !== and More](https://devdocs10.com/articles/javascript/js-comparison-operators): Learn JavaScript comparison operators, including ==, ===, !=, !==, <, >, <=, and >=, with examples, pitfalls, and best practices. - [JavaScript Logical Operators: &&, ||, and ! Explained](https://devdocs10.com/articles/javascript/js-logical-operators): Learn JavaScript logical operators &&, ||, and !, how they work, short-circuiting, truthy values, and common mistakes with examples. - [JavaScript Ternary Operator: Syntax, Examples, and Common Mistakes](https://devdocs10.com/articles/javascript/js-ternary-operator): Learn the JavaScript ternary operator, its syntax, practical examples, common mistakes, and when to use it instead of if...else. - [JavaScript Nullish Coalescing (??): Fallback Values for null and undefined](https://devdocs10.com/articles/javascript/js-nullish-coalescing): Learn JavaScript nullish coalescing (??), how it differs from ||, when to use it, and common mistakes with safe fallback examples. - [JavaScript Optional Chaining (?.): Safely Read Nested Values](https://devdocs10.com/articles/javascript/js-optional-chaining): Learn JavaScript optional chaining (?.), how it prevents null errors, how to read nested properties, call methods, and use it safely. - [JavaScript Bitwise & Shift Operators: &, |, ^, ~, <<, >>, >>>](https://devdocs10.com/articles/javascript/js-bitwise-operators): Learn JavaScript bitwise and shift operators, how they work with 32-bit integers, practical examples, common mistakes, and real-world uses. - [JavaScript Operator Precedence: How Expressions Are Evaluated](https://devdocs10.com/articles/javascript/js-operator-precedence): Learn JavaScript operator precedence, associativity, and grouping so you can predict how expressions are evaluated and avoid subtle bugs. ## JavaScript: Control Flow - [JavaScript if / else: Conditional Statements Explained](https://devdocs10.com/articles/javascript/js-if-else): Learn how JavaScript if/else statements work, when to use each branch, common mistakes, and practical examples for real-world control flow. - [JavaScript switch Statement: Syntax, Cases, and Break](https://devdocs10.com/articles/javascript/js-switch): Learn how the JavaScript switch statement works, when to use it, how case and break behave, and common mistakes to avoid. - [JavaScript try / catch / finally: Handling Errors Safely](https://devdocs10.com/articles/javascript/js-try-catch-finally): Learn JavaScript try/catch/finally for safe error handling, cleanup, and reliable control flow with examples, mistakes, and best practices. - [JavaScript throw Errors: Throwing Exceptions and Custom Errors](https://devdocs10.com/articles/javascript/js-throw): Learn how JavaScript throw works, when to use it, how to throw custom errors, and how to handle exceptions with try...catch. ## JavaScript: Loops & Iteration - [JavaScript for, while, and do...while Loops Explained](https://devdocs10.com/articles/javascript/js-for-while-do): Learn JavaScript for, while, and do...while loops with syntax, examples, common mistakes, and when to use each loop type. - [JavaScript for...of vs for...in: Differences and Use Cases](https://devdocs10.com/articles/javascript/js-forof-forin): Learn the difference between JavaScript for...of and for...in, when to use each, common mistakes, and practical examples. - [JavaScript Iterators: How They Work and How to Use Them](https://devdocs10.com/articles/javascript/js-iterators): Learn JavaScript iterators, how the iterator protocol works, how to create custom iterators, and how they differ from iterable objects. - [JavaScript Generators (function*) Explained with Examples](https://devdocs10.com/articles/javascript/js-generators): Learn JavaScript generators, how function* and yield work, when to use iterators, and common mistakes with practical examples. ## JavaScript: Data Structures - [JavaScript Arrays: Basics, Methods, and Practical Examples](https://devdocs10.com/articles/javascript/js-arrays): Learn JavaScript arrays, how they store ordered data, common methods, mistakes, and practical examples for everyday coding. - [JavaScript Array Methods: map, filter, reduce, and More](https://devdocs10.com/articles/javascript/js-array-methods): Learn JavaScript array methods like map, filter, and reduce with clear examples, common mistakes, best practices, and practical use cases. - [JavaScript Objects: Properties, Methods, and Object Literals](https://devdocs10.com/articles/javascript/js-objects): Learn JavaScript objects, how to create and read properties, use methods, copy objects, and avoid common object mistakes. - [JavaScript Map, Set, WeakMap, and WeakSet: Complete Guide](https://devdocs10.com/articles/javascript/js-maps-sets): Learn JavaScript Map, Set, WeakMap, and WeakSet with syntax, examples, differences, common mistakes, and best practices. - [JavaScript Typed Arrays: Binary Data, Buffers, and Views](https://devdocs10.com/articles/javascript/js-typed-arrays): Learn JavaScript Typed Arrays, ArrayBuffer, and DataView. See how binary data works, when to use each view, and common mistakes to avoid. - [JavaScript JSON: Parse, Stringify, and Work with Data](https://devdocs10.com/articles/javascript/js-json): Learn JavaScript JSON parsing, stringifying, syntax, common errors, and best practices for storing, sending, and reading structured data. ## JavaScript: Functions - [JavaScript Defining Functions: Syntax, Examples, and Best Practices](https://devdocs10.com/articles/javascript/js-defining-functions): Learn how to define functions in JavaScript with declarations, expressions, arrow functions, parameters, and common mistakes to avoid. - [JavaScript Parameters, Defaults & Return Values](https://devdocs10.com/articles/javascript/js-params-returns): Learn JavaScript function parameters, default values, and return values with clear examples, common mistakes, and practical usage. - [JavaScript Arrow Functions (=>): Syntax, Behavior, and Examples](https://devdocs10.com/articles/javascript/js-arrow-functions): Learn JavaScript arrow functions, their syntax, how they handle this, and when to use them with clear examples and common mistakes. - [JavaScript this Binding Explained: How Context Works](https://devdocs10.com/articles/javascript/js-this-binding): Learn JavaScript this binding, how call site affects it, and how to use call, apply, bind, arrow functions, and methods correctly. - [JavaScript Closures: How They Work and Why They Matter](https://devdocs10.com/articles/javascript/js-closures): Learn JavaScript closures, how they capture variables, common mistakes, practical examples, and when to use them in real code. - [JavaScript Rest & Spread (...) Explained with Examples](https://devdocs10.com/articles/javascript/js-rest-spread): Learn JavaScript rest and spread syntax (...) with clear examples, differences, common mistakes, and practical uses in functions and arrays. - [JavaScript Higher-Order Functions: Functions That Use Functions](https://devdocs10.com/articles/javascript/js-higher-order): Learn what higher-order functions are in JavaScript, how they work, common examples like map and filter, and practical patterns and. - [JavaScript Currying and Composition: Functions That Chain Cleanly](https://devdocs10.com/articles/javascript/js-currying-composition): Learn JavaScript currying and function composition with clear examples, common mistakes, practical uses, and tips for building reusable. ## JavaScript: Objects & Prototypes - [JavaScript Prototype Chain Explained: How Inheritance Works](https://devdocs10.com/articles/javascript/js-prototypes): Learn how the JavaScript prototype chain works, how property lookup resolves, and how to use prototypes safely in modern code. - [JavaScript Object Literals and Enhancements](https://devdocs10.com/articles/javascript/js-object-literals): Learn JavaScript object literals, shorthand properties, computed property names, method syntax, and common mistakes with practical ES2020. - [JavaScript Property Descriptors: Getter and Setter Basics](https://devdocs10.com/articles/javascript/js-property-descriptors): Learn JavaScript property descriptors with get and set accessors, how they work with Object.defineProperty, and common mistakes to avoid. - [JavaScript Reflection: Object.* and Reflect Methods Explained](https://devdocs10.com/articles/javascript/js-reflection): Learn JavaScript reflection with Object.* and Reflect: inspect, read, write, delete, and enumerate object properties safely and predictably. - [JavaScript Proxy and Revocable Proxy Explained](https://devdocs10.com/articles/javascript/js-proxy): Learn how JavaScript Proxy and revocable Proxy objects intercept operations, validate data, customize behavior, and safely disable proxies. ## JavaScript: Classes & Modules - [JavaScript Classes: Constructor, Fields, and #Private](https://devdocs10.com/articles/javascript/js-classes): Learn JavaScript classes, constructor methods, public fields, and #private fields with clear examples, common mistakes, and best practices. - [JavaScript Inheritance and super: Extend Classes and Call Parents](https://devdocs10.com/articles/javascript/js-inheritance): Learn JavaScript inheritance and super in ES2020+: how classes extend other classes, call parent constructors, and override methods safely. - [JavaScript Static Fields and Methods: Class-Level Members](https://devdocs10.com/articles/javascript/js-static-members): Learn JavaScript static fields and methods, how they differ from instance members, how to use them, and common mistakes to avoid. - [JavaScript ES Modules (import and export) Guide](https://devdocs10.com/articles/javascript/js-modules): Learn JavaScript ES modules, including import and export syntax, default and named exports, module files, and common module loading. - [JavaScript Module Patterns: Encapsulation, Privacy, and Reuse](https://devdocs10.com/articles/javascript/js-module-patterns): Learn JavaScript module patterns for encapsulation, private state, reusable APIs, and organizing code with practical ES2020 examples. - [CommonJS to ES Modules Migration Playbook for Node.js](https://devdocs10.com/articles/javascript/js-commonjs-to-esm): Migrate a Node.js project from CommonJS to ES modules: type module, require to import, import.meta.dirname, JSON imports, require(esm) and. ## JavaScript: Asynchronous JavaScript - [JavaScript Callbacks: How They Work in Asynchronous Code](https://devdocs10.com/articles/javascript/js-callbacks): Learn JavaScript callbacks, how they work in asynchronous code, common mistakes, and practical examples for beginners and intermediate. - [JavaScript Promises: A Complete Guide to Async Workflows](https://devdocs10.com/articles/javascript/js-promises): Learn JavaScript promises, how they work, how to chain them, handle errors, and use Promise.all, race, allSettled, and finally. - [JavaScript async / await: Promises, Syntax, and Common Pitfalls](https://devdocs10.com/articles/javascript/js-async-await): Learn JavaScript async/await syntax, how it works with Promises, practical examples, error handling, and common mistakes to avoid. - [JavaScript Promise Patterns: all, race, any, and allSettled](https://devdocs10.com/articles/javascript/js-promise-patterns): Learn JavaScript Promise patterns with all, race, any, and allSettled. Compare their behavior, use cases, pitfalls, and practical examples. - [JavaScript Event Loop, Task Queue, and Microtask Queue](https://devdocs10.com/articles/javascript/js-event-loop): Learn how the JavaScript event loop schedules tasks and microtasks, why promise callbacks run first, and how async code executes in. - [JavaScript Web Workers: Run CPU-Heavy Code in the Background](https://devdocs10.com/articles/javascript/js-web-workers): Learn what Web Workers are, how to create them, send messages, handle errors, and avoid common threading pitfalls in browser JavaScript. - [JavaScript Streams: Readable, Writable, and Transform Streams](https://devdocs10.com/articles/javascript/js-streams): Learn JavaScript streams, including readable, writable, and transform streams, how they work, common methods, backpressure, and real use. - [JavaScript Observables: Concepts, Behavior, and Practical Uses](https://devdocs10.com/articles/javascript/js-observables): Learn JavaScript Observables, how they model streams of values, how subscriptions work, and how they differ from Promises in practice. ## JavaScript: Advanced Concurrency - [JavaScript SharedArrayBuffer: Shared Memory for Worker Concurrency](https://devdocs10.com/articles/javascript/js-shared-array-buffer): Learn JavaScript SharedArrayBuffer, how shared memory works with workers, how to create views, sync with Atomics, and avoid cross-origin. - [JavaScript Atomics API: Shared Memory, Atomic Operations, and Concurrency](https://devdocs10.com/articles/javascript/js-atomics): Learn the JavaScript Atomics API for safe shared memory access in workers, including atomic reads, writes, waits, notifications, and common. - [JavaScript Lock-free Patterns: Concurrency Without Blocking](https://devdocs10.com/articles/javascript/js-lockfree): Learn JavaScript lock-free patterns for safe shared-state coordination, compare them with locking, and avoid race conditions in concurrent. ## JavaScript: DOM & Browser APIs - [JavaScript DOM Basics: querySelector and createElement](https://devdocs10.com/articles/javascript/js-dom-basics): Learn JavaScript DOM basics with querySelector and createElement, including how to find elements, build nodes, and avoid common mistakes. - [JavaScript Events and Event Delegation: Complete Guide](https://devdocs10.com/articles/javascript/js-events): Learn how JavaScript events work, how to handle bubbling and capturing, and how event delegation simplifies dynamic UI code. - [JavaScript Fetch API and AJAX: Make HTTP Requests in the Browser](https://devdocs10.com/articles/javascript/js-fetch): Learn JavaScript Fetch API and AJAX to send requests, read responses, handle errors, and replace older XMLHttpRequest code in the browser. - [JavaScript URL, FormData & Search Params: A Practical Guide](https://devdocs10.com/articles/javascript/js-url-forms): Learn how URL, FormData, and URLSearchParams work in JavaScript to build, read, and send query strings and form data in the browser. - [JavaScript Storage: localStorage, sessionStorage, and Cookies](https://devdocs10.com/articles/javascript/js-storage): Learn how JavaScript localStorage, sessionStorage, and cookies work, when to use each, and how to store data safely in the browser. - [JavaScript History & Navigation: Window History API Guide](https://devdocs10.com/articles/javascript/js-history): Learn the JavaScript History API and browser navigation methods: back, forward, go, pushState, replaceState, popstate, and common pitfalls. - [JavaScript Canvas: Drawing Shapes, Images, and Animation](https://devdocs10.com/articles/javascript/js-canvas): Learn how JavaScript Canvas works, how to draw shapes and images, animate graphics, and avoid common canvas setup and rendering mistakes. - [JavaScript Web Components: Custom Elements, Shadow DOM, and Slots](https://devdocs10.com/articles/javascript/js-web-components): Learn JavaScript Web Components, including custom elements, Shadow DOM, and slots. - [JavaScript Performance API: Measure Page and App Performance](https://devdocs10.com/articles/javascript/js-performance-api): Learn the JavaScript Performance API to measure navigation, marks, measures, and resource timing in the browser with practical examples. - [JavaScript i18n (Intl.*): Formatting Dates, Numbers, and Text](https://devdocs10.com/articles/javascript/js-internationalization): Learn JavaScript Intl APIs for locale-aware date, number, and text formatting with practical examples, common mistakes, and best practices. ## JavaScript: Node.js - [Node.js Overview: What It Is, How It Works, and Why It Matters](https://devdocs10.com/articles/javascript/js-node-intro): Learn what Node.js is, how it runs JavaScript outside the browser, where it fits, and when to use it for servers, tools, and APIs. - [Node.js Modules: ESM vs CommonJS Explained](https://devdocs10.com/articles/javascript/js-node-modules): Learn the differences between Node.js ESM and CommonJS, how they load modules, syntax differences, interop rules, and when to use each. - [Node.js fs and path: File System and Path Basics](https://devdocs10.com/articles/javascript/js-node-fs-path): Learn Node.js fs and path modules for reading files, writing files, joining paths, resolving directories, and avoiding common file errors. - [Node.js http and https Modules: Servers, Requests, and TLS](https://devdocs10.com/articles/javascript/js-node-http): Learn how Node.js http and https modules create servers, send requests, and handle TLS, with examples, common mistakes, and practical uses. - [Node.js process and CLI: Reading Arguments, Exit Codes, and stdio](https://devdocs10.com/articles/javascript/js-node-process): Learn how Node.js process works with CLI arguments, environment data, exit codes, stdin, stdout, and stderr in real command-line apps. - [Node.js Streams: A Complete Guide to Streaming Data](https://devdocs10.com/articles/javascript/js-node-streams): Learn Node.js streams, how readable, writable, duplex, and transform streams work, and when to use them for efficient data handling. - [Node.js Worker Threads and Clusters: Parallelism Guide](https://devdocs10.com/articles/javascript/js-node-workers): Learn how Node.js worker threads and clusters work, when to use each, and how they differ for CPU-bound and multi-core scaling. ## JavaScript: Tooling - [npm vs Yarn vs pnpm: Package Manager Comparison for JavaScript](https://devdocs10.com/articles/javascript/js-npm-yarn-pnpm): Compare npm, Yarn, and pnpm for JavaScript projects, including installs, workspaces, lockfiles, speed, disk use, and when to choose each. - [JavaScript Bundlers Explained: Vite, Webpack, Rollup, and Parcel](https://devdocs10.com/articles/javascript/js-bundlers): Learn what JavaScript bundlers do, how Vite, Webpack, Rollup, and Parcel differ, and how to choose the right one for your project. - [JavaScript Transpilers: Babel, SWC, and esbuild Explained](https://devdocs10.com/articles/javascript/js-transpilers): Learn what JavaScript transpilers do, when to use Babel, SWC, or esbuild, and how they fit into modern build workflows. - [JavaScript Linting & Formatting with ESLint and Prettier](https://devdocs10.com/articles/javascript/js-lint-format): Learn how ESLint and Prettier work together in JavaScript, what each tool does, how to configure them, and common setup mistakes to avoid. - [JavaScript Testing with Jest, Vitest, and Mocha](https://devdocs10.com/articles/javascript/js-testing): Learn JavaScript testing with Jest, Vitest, and Mocha: setup, test structure, assertions, mocks, async tests, and common mistakes. - [JavaScript E2E Testing with Playwright and Cypress](https://devdocs10.com/articles/javascript/js-e2e-testing): Learn how JavaScript end-to-end testing works with Playwright and Cypress, when to use each, common mistakes, and best practices. ## JavaScript: Testing & Debugging - [JavaScript Console & Debugging Basics: Log, Warn, and Inspect](https://devdocs10.com/articles/javascript/js-console): Learn JavaScript console basics, including log, warn, error, table, trace, and debugging workflows for finding and fixing bugs faster. - [JavaScript Browser DevTools: Inspect, Debug, and Profile Web Apps](https://devdocs10.com/articles/javascript/js-browser-devtools): Learn how JavaScript Browser DevTools help inspect DOM, debug code, monitor network activity, and profile performance in the browser. - [Node.js Debugger and Inspector: Debug JavaScript with Chrome DevTools](https://devdocs10.com/articles/javascript/js-node-debugger): Learn how the Node.js debugger and inspector work, how to start debugging, set breakpoints, inspect state, and fix common issues. - [JavaScript Performance Profiling: Find and Fix Slow Code](https://devdocs10.com/articles/javascript/js-performance-profiling): Learn JavaScript performance profiling with browser and Node.js tools, how to read results, spot bottlenecks, and fix slow code. - [JavaScript Logging & Error Tracking: Console, Errors, and Monitoring](https://devdocs10.com/articles/javascript/js-logging-errors): Learn JavaScript logging and error tracking with console methods, try/catch, custom errors, and practical patterns for debugging and. ## JavaScript: Security - [JavaScript XSS and CSRF Basics: Protecting Web Apps](https://devdocs10.com/articles/javascript/js-xss-csrf): Learn XSS and CSRF basics in JavaScript, how each attack works, how they differ, and the practical defenses every web app needs. - [JavaScript Content Security Policy (CSP): A Practical Guide](https://devdocs10.com/articles/javascript/js-csp): Learn what Content Security Policy is, how it blocks XSS, how to write CSP rules, and common mistakes that break web pages. - [JavaScript Dependency Security: Auditing and Updating Packages](https://devdocs10.com/articles/javascript/js-deps-security): Learn how to audit JavaScript dependencies, interpret vulnerability reports, update packages safely, and reduce supply-chain risk in. ## JavaScript: Performance & Memory - [JavaScript Garbage Collection and Memory Leaks Explained](https://devdocs10.com/articles/javascript/js-garbage-collection): Learn how JavaScript garbage collection works, what causes memory leaks, and how to spot and prevent leaks in real code. - [JavaScript Performance Optimizations: Faster Code and Lower Memory Use](https://devdocs10.com/articles/javascript/js-optimizations): Learn practical JavaScript performance optimizations, from reducing reflows and allocations to writing faster loops, lookups, and DOM code. - [JavaScript Core Web Vitals: Concepts, Metrics, and Meaning](https://devdocs10.com/articles/javascript/js-web-vitals): Learn what Core Web Vitals measure, why they matter, and how LCP, INP, and CLS affect user experience and page performance. - [JavaScript Off-Main-Thread Patterns for Faster UIs](https://devdocs10.com/articles/javascript/js-workers-off-main-thread): Learn JavaScript off-main-thread patterns with Web Workers, when to use them, how to share data safely, and common performance pitfalls. - [JavaScript Performance Benchmarks: Loops, Arrays, Strings, and Map vs Object (Node 24)](https://devdocs10.com/articles/javascript/js-performance-benchmarks): Measured on Node 24: for vs for...of vs forEach vs reduce, array building, string concatenation, Map vs Object, and spread vs concat, with. ## JavaScript: JavaScript Engines & Internals - [JavaScript Call Stack and Execution Context Explained](https://devdocs10.com/articles/javascript/js-call-stack): Learn how the JavaScript call stack and execution context work, how function calls are tracked, and why stack overflow errors happen. - [JavaScript Event Loop Phases: Macrotasks vs Microtasks](https://devdocs10.com/articles/javascript/js-event-loop-phases): Learn how the JavaScript event loop schedules macrotasks and microtasks, how execution order works, and why promises run before timers. - [JavaScript Memory Model: Heap, Stack, and Garbage Collection](https://devdocs10.com/articles/javascript/js-memory-model): Learn how JavaScript uses the stack, heap, and garbage collection to store values, manage references, and avoid common memory bugs. - [JavaScript JIT Optimizations: Hidden Classes and Inline Caching](https://devdocs10.com/articles/javascript/js-jit-optimizations): Learn how JavaScript JIT optimizations work, including hidden classes and inline caching, and how to write code that runs faster. - [JavaScript Deoptimization and Performance Traps Explained](https://devdocs10.com/articles/javascript/js-deoptimization): Learn how JavaScript deoptimization happens, what triggers performance traps, and how to write code engines can optimize reliably. ## JavaScript: Patterns & Architecture - [JavaScript MVC, MVVM & Other Architecture Patterns](https://devdocs10.com/articles/javascript/js-mvc-mvvm): Learn JavaScript MVC, MVVM, MVP, and related patterns: what they are, how they differ, when to use them, and common mistakes. - [JavaScript Modularization and Code Splitting: A Practical Guide](https://devdocs10.com/articles/javascript/js-modularization): Learn how JavaScript modularization and code splitting work, why they matter, and how to structure, load, and maintain faster apps. - [JavaScript State Management Patterns: A Practical Guide](https://devdocs10.com/articles/javascript/js-state-management): Learn JavaScript state management patterns, from local state to centralized stores, with examples, mistakes, and best practices. - [JavaScript Functional Programming Principles: A Practical Guide](https://devdocs10.com/articles/javascript/js-fp-principles): Learn JavaScript functional programming principles, including pure functions, immutability, composition, higher-order functions, and common. - [JavaScript OOP Principles: Objects, Classes, and Inheritance](https://devdocs10.com/articles/javascript/js-oop-principles): Learn JavaScript OOP principles, including objects, classes, inheritance, encapsulation, and polymorphism with practical ES2020+ examples. ## JavaScript: TypeScript - [Why TypeScript? Benefits, Tradeoffs, and When to Use It](https://devdocs10.com/articles/javascript/ts-intro): Learn why TypeScript is used, what problems it solves, how it improves JavaScript code, and when it may or may not be worth adopting. - [TypeScript tsconfig and Setup: Configure a Project Correctly](https://devdocs10.com/articles/javascript/ts-setup): Learn how tsconfig.json works, how to create a TypeScript setup, and how to configure compiler options, includes, excludes, and output. - [TypeScript Basic Types: Strings, Numbers, Booleans, Arrays, and More](https://devdocs10.com/articles/javascript/ts-types-basics): Learn TypeScript basic types, including strings, numbers, booleans, arrays, tuples, enums, any, unknown, void, and how to annotate values. - [TypeScript Functions & Generics: Syntax, Examples, and Patterns](https://devdocs10.com/articles/javascript/ts-functions): Learn TypeScript functions and generics with syntax, examples, common mistakes, and practical patterns for safer reusable code. - [TypeScript Interfaces vs Type Aliases: Key Differences](https://devdocs10.com/articles/javascript/ts-interfaces-types): Learn when to use TypeScript interfaces or type aliases, how they differ, and which one is best for objects, unions, extension, and. - [TypeScript Classes & Decorators: Syntax, Uses, and Pitfalls](https://devdocs10.com/articles/javascript/ts-classes): Learn TypeScript classes and decorators, how they work together, when to use them, and common mistakes to avoid in real projects. - [TypeScript Modules & Project Structure: Organizing Code Cleanly](https://devdocs10.com/articles/javascript/ts-modules): Learn how TypeScript modules and project structure work, how to split code across files, use imports and exports, and avoid common module. ## JavaScript: Interoperability - [JavaScript WebAssembly Interop: Calling Wasm from JavaScript](https://devdocs10.com/articles/javascript/js-webassembly): Learn how JavaScript and WebAssembly interoperate, pass values, share memory, call exports, and avoid common integration mistakes. - [Node.js C++ Addons with N-API: Build Native Extensions](https://devdocs10.com/articles/javascript/js-node-cpp-addons): Learn how Node.js C++ addons work with N-API, when to use them, how to build them, and common pitfalls when bridging native code and. - [JavaScript ESM & CommonJS Interop: Importing Between Module Systems](https://devdocs10.com/articles/javascript/js-esm-cjs-interop): Learn how JavaScript ESM and CommonJS interoperate, including import, export, require, default exports, named exports, and common pitfalls. ## JavaScript: Framework Ecosystem (Overview) - [React Basics: Core Concepts, JSX, Components, and State](https://devdocs10.com/articles/javascript/js-react): Learn React basics, including components, JSX, props, state, events, rendering, and common beginner mistakes in modern JavaScript. - [Vue Basics: A Beginner's Guide to the Vue.js Framework](https://devdocs10.com/articles/javascript/js-vue): Learn Vue basics, including components, reactive data, directives, events, and templates, with clear examples for building interactive web. - [Angular Basics: Core Concepts, Components, and Data Binding](https://devdocs10.com/articles/javascript/js-angular): Learn Angular basics, including components, templates, data binding, directives, services, and the app structure beginners need to start. - [Svelte Basics: A Beginner’s Guide to Svelte Components and Reactivity](https://devdocs10.com/articles/javascript/js-svelte): Learn Svelte basics, how components work, reactivity, bindings, and common mistakes so you can build fast web UIs with less code. ## JavaScript: Error Handling - [JavaScript Error Types: Error, TypeError, and RangeError](https://devdocs10.com/articles/javascript/js-error-types): Learn JavaScript Error, TypeError, and RangeError: what each means, when to throw them, and how to fix common mistakes. - [JavaScript Custom Errors: Creating and Throwing Your Own Errors](https://devdocs10.com/articles/javascript/js-custom-errors): Learn how to create, throw, and handle custom errors in JavaScript, extend Error correctly, and build clearer error messages for debugging. - [JavaScript Logging & Monitoring: Debugging and Observability Basics](https://devdocs10.com/articles/javascript/js-logging): Learn JavaScript logging and monitoring basics, from console methods and error logs to practical monitoring patterns for debugging web apps. ## JavaScript: Core Rules of Thumb - [JavaScript Strict Mode: When and Why to Use It](https://devdocs10.com/articles/javascript/js-strict-mode): Learn what JavaScript strict mode does, how to enable it, common errors it catches, and when to use it safely in modern code. - [JavaScript const vs let vs var: Prefer const and let](https://devdocs10.com/articles/javascript/js-const-let-over-var): Learn why JavaScript const and let are preferred over var, how scope and reassignment differ, and common mistakes to avoid. - [JavaScript Avoid Implicit Coercion Pitfalls: Clear Rules](https://devdocs10.com/articles/javascript/js-avoid-implicit-coercion): Learn how implicit coercion works in JavaScript, why it causes bugs, and how to write predictable comparisons, checks, and conversions. - [JavaScript Favor Immutability: Why and How to Avoid Mutation](https://devdocs10.com/articles/javascript/js-immutability): Learn why immutability matters in JavaScript, how to avoid mutation, and practical ways to create safer, easier-to-debug code. - [JavaScript Keep Functions Small and Focused: Best Practices](https://devdocs10.com/articles/javascript/js-small-functions): Learn why small, focused JavaScript functions are easier to read, test, reuse, and debug, with examples, mistakes, and best practices. - [JavaScript Handle Errors Early: Fail Fast and Simplify Control Flow](https://devdocs10.com/articles/javascript/js-error-first): Learn how to handle JavaScript errors early with fail-fast checks, guard clauses, and clear error messages that simplify control flow. - [JavaScript Readability Over Cleverness: Write Code People Can Maintain](https://devdocs10.com/articles/javascript/js-readability-over-cleverness): Learn why readable JavaScript is better than clever code, how to simplify expressions, and how to write maintainable code teams can trust. ## JavaScript: Appendix - [JavaScript Glossary: Essential JS Terms Explained](https://devdocs10.com/articles/javascript/js-glossary): Learn essential JavaScript terms, symbols, and concepts with clear definitions, comparisons, and examples for beginners and intermediate. - [JavaScript Common Mistakes and Best Practices](https://devdocs10.com/articles/javascript/js-common-mistakes): Learn JavaScript common mistakes, why they happen, and best practices for writing safer, clearer ES2020+ code with practical examples. - [JavaScript Style Guides and Linters: Write Consistent Code](https://devdocs10.com/articles/javascript/js-style-guides): Learn what JavaScript style guides and linters do, how they differ, and how to use them to keep code consistent, readable, and error-free. - [JavaScript Migration Guide: ES5 to ES2015+](https://devdocs10.com/articles/javascript/js-migration-guides): Learn how to migrate JavaScript from ES5 to ES2015+, replace legacy syntax, avoid common breakages, and modernize code safely. - [ECMAScript Specs and Proposals: Reading JavaScript's Future](https://devdocs10.com/articles/javascript/js-specs-proposals): Learn how ECMAScript specs and proposals work, how new JavaScript features are standardized, and how to track changes safely. - [Contributing to JavaScript Open Source Projects: A Practical Guide](https://devdocs10.com/articles/javascript/js-open-source): Learn how to contribute to JavaScript open source projects, from finding issues and making changes to tests, pull requests, and review. ## CSS: Welcome - [CSS Welcome Guide: What CSS Is and Why It Matters](https://devdocs10.com/articles/css/css-welcome): Learn what CSS is, why it matters, where it fits in web development, and how beginners can start using CSS to style web pages clearly. - [What Is CSS? A Beginner-Friendly Introduction to Cascading Style Sheets](https://devdocs10.com/articles/css/css-what-is-css): Learn what CSS is, how it styles web pages, where it fits with HTML, key features, common misconceptions, and the best next steps for. - [How to Include CSS: Inline, Internal, and External Styles](https://devdocs10.com/articles/css/css-how-to-include): Learn how to include CSS with inline, internal, and external styles, when to use each method, and how to avoid common beginner mistakes. - [CSS Syntax and Rules Explained for Beginners](https://devdocs10.com/articles/css/css-syntax): Learn CSS syntax and rules: selectors, declarations, properties, values, comments, and common mistakes with clear examples and practice. - [Editors, Formatters & Stylelint for CSS Workflow Setup](https://devdocs10.com/articles/css/css-tools-setup): Set up a practical CSS workflow with editors, formatters, and Stylelint. Learn what each tool does, how they work together, and common. ## CSS: Cascade, Specificity & Inheritance - [CSS Cascade and Rule Order: How Browsers Choose Styles](https://devdocs10.com/articles/css/css-cascade): Learn how the CSS cascade and rule order work, including origin, importance, specificity, and source order with clear examples and mistakes. - [CSS Specificity: How the Cascade Chooses the Winning Rule](https://devdocs10.com/articles/css/css-specificity): Learn CSS specificity, how selectors are ranked, and why some rules override others. Includes examples, common mistakes, and best practices. - [CSS Inheritance: How Property Values Flow to Child Elements](https://devdocs10.com/articles/css/css-inheritance): Learn how CSS inheritance works, which properties inherit by default, how to control inherited values, and common mistakes to avoid. - [When to Use CSS !important: Proper Use, Risks, and Alternatives](https://devdocs10.com/articles/css/css-important): Learn when CSS !important is appropriate, why it overrides normal cascade rules, common mistakes, and safer ways to manage specificity. - [CSS @layer and Cascade Layers: Organize and Control the Cascade](https://devdocs10.com/articles/css/css-layers): Learn how CSS @layer works, how cascade layers change specificity, and how to use layers to manage component, utility, and override styles. - [CSS @scope (Scoping Styles): Localize Cascades in Style Sheets](https://devdocs10.com/articles/css/css-scope): Learn how CSS @scope limits where selectors apply, how proximity affects cascade, and how to avoid common scoping mistakes. ## CSS: Selectors - [CSS Type, Class, and ID Selectors: Basic Selector Guide](https://devdocs10.com/articles/css/css-basic-selectors): Learn CSS type, class, and ID selectors, how they differ, when to use each, and common mistakes that prevent styles from applying. - [CSS Attribute Selectors: Match Elements by Attribute Value](https://devdocs10.com/articles/css/css-attribute-selectors): Learn CSS attribute selectors, including exact, partial, prefix, suffix, and presence matches, with practical examples and common mistakes. - [CSS Pseudo-classes (:hover, :focus-visible, :has, :is, :where, :not)](https://devdocs10.com/articles/css/css-pseudo-classes): Learn CSS pseudo-classes like :hover, :focus-visible, :has, :is, :where, and :not with syntax, examples, mistakes, and best practices. - [CSS Pseudo-elements (::before, ::after, ::marker, ::selection, ::backdrop)](https://devdocs10.com/articles/css/css-pseudo-elements): Learn CSS pseudo-elements like ::before, ::after, ::marker, ::selection, and ::backdrop with syntax, examples, mistakes, and best practices. - [CSS Combinators Explained: Descendant, Child, Sibling Selectors](https://devdocs10.com/articles/css/css-combinators): Learn CSS combinators: descendant, child, adjacent sibling, and general sibling selectors, with examples, mistakes, and practical use cases. - [CSS Nesting: How to Write Nested CSS Selectors](https://devdocs10.com/articles/css/css-nesting): Learn CSS Nesting syntax, how nested selectors work, when to use &, common mistakes, and practical examples for cleaner stylesheets. ## CSS: Units, Values & Functions - [CSS Length Units: px, em, rem, ch, and ex Explained](https://devdocs10.com/articles/css/css-length-units): Learn CSS length units px, em, rem, ch, and ex, how they differ, when to use each one, and common sizing mistakes to avoid. - [CSS Viewport Units (vh, vw, vmin, vmax, svh, lvh, dvh)](https://devdocs10.com/articles/css/css-viewport-units): Learn CSS viewport units like vh, vw, vmin, vmax, svh, lvh, and dvh, including syntax, practical examples, and mobile browser quirks. - [CSS Percentages: How Percent Values Work in Layout and Sizing](https://devdocs10.com/articles/css/css-percentages): Learn how CSS percentages are calculated, when they inherit from parent sizes, and how percentages behave in width, height, spacing, and. - [CSS Time & Angle Units: s, ms, and deg Explained](https://devdocs10.com/articles/css/css-time-angle): Learn CSS time and angle units, when to use s, ms, and deg, plus syntax, examples, common mistakes, and practical usage tips. - [CSS calc(), min(), max(), and clamp(): Responsive Value Functions](https://devdocs10.com/articles/css/css-calc-clamp): Learn how CSS calc(), min(), max(), and clamp() work, when to use each one, and how to combine them for responsive layouts. - [CSS image-set() and Gradients: Responsive Background Image Techniques](https://devdocs10.com/articles/css/css-image-set): Learn how CSS image-set() and gradients work, how to combine them, and when to use each for responsive, efficient background styling. - [CSS env() and Safe Area Insets: Viewport-Aware Spacing Guide](https://devdocs10.com/articles/css/css-env): Learn how CSS env() and safe area insets work, when to use them, and how to avoid notch and rounded-corner layout issues. - [CSS Custom Properties (Variables): How CSS Variables Work](https://devdocs10.com/articles/css/css-variables): Learn CSS custom properties, how to define and use CSS variables, scope them with the cascade, and avoid common fallback and inheritance. - [Design Tokens with CSS Variables: Build Consistent, Flexible Themes](https://devdocs10.com/articles/css/css-design-tokens): Learn how to use CSS custom properties as design tokens for colors, spacing, typography, and themes with practical examples and best. ## CSS: Box Model - [CSS Box Model: Content, Padding, Border, and Margin](https://devdocs10.com/articles/css/css-box-model): Learn the CSS box model, including content, padding, border, and margin, and how these layers affect sizing, spacing, and layout. - [CSS Borders & Radius: border, border-width, and border-radius](https://devdocs10.com/articles/css/css-border-radius): Learn CSS borders and border-radius, including shorthand syntax, rounded corners, circular shapes, and common mistakes that break borders. - [CSS box-sizing: content-box vs border-box Explained](https://devdocs10.com/articles/css/css-box-sizing): Learn how CSS box-sizing changes an element’s width and height calculations, when to use border-box, and how it affects layouts. - [CSS Overflow & Scrollbars: Controlling Clipped Content and Scrolling](https://devdocs10.com/articles/css/css-overflow): Learn CSS overflow and scrollbars: how to clip content, enable scrolling, choose overflow values, and fix common layout problems. - [CSS Visibility & Opacity: Hiding Elements Without Removing Layout Space](https://devdocs10.com/articles/css/css-visibility): Learn how CSS visibility and opacity hide elements, how they differ from display, and when to use each for layout, interaction, and. - [CSS Outline & Focus Rings: How Outlines Work and When to Use Them](https://devdocs10.com/articles/css/css-outline): Learn CSS outlines and focus rings, including outline, outline-offset, focus styles, accessibility, common mistakes, and practical examples. ## CSS: Display & Positioning - [CSS display: block, inline, and inline-block Explained](https://devdocs10.com/articles/css/css-display): Learn CSS display values block, inline, and inline-block, how they affect layout, sizing, and spacing, plus common mistakes and fixes. - [CSS Positioning: static, relative, absolute, fixed, and sticky](https://devdocs10.com/articles/css/css-positioning): Learn CSS positioning values static, relative, absolute, fixed, and sticky, with examples, common mistakes, and practical layout guidance. - [CSS z-index and Stacking Contexts: Layering Elements Correctly](https://devdocs10.com/articles/css/css-z-index): Learn how CSS z-index works, what stacking contexts are, and why elements overlap the way they do. Fix layering bugs and control page order. - [CSS Floats and Clearfix (Legacy Layout) Explained](https://devdocs10.com/articles/css/css-floats): Learn CSS floats and clearfix, how float-based layouts work, when to clear floats, and why this legacy technique still appears in older. - [CSS Block Formatting Context (BFC): How It Works and When to Use It](https://devdocs10.com/articles/css/css-bfc): Learn what a CSS block formatting context is, how it affects floats, margin collapse, and overflow, and when to create one safely. ## CSS: Flexbox - [CSS Flexbox Basics: How Flexible Layouts Work](https://devdocs10.com/articles/css/css-flexbox-basics): Learn CSS Flexbox basics, including containers, items, direction, alignment, wrapping, sizing, and common layout mistakes. - [CSS Flexbox Alignment, Justify Content, and Gap](https://devdocs10.com/articles/css/css-flexbox-alignment): Learn how CSS Flexbox alignment, justify-content, align-items, align-content, and gap control spacing and placement in flexible layouts. - [CSS Flexbox Common Patterns: Navbars, Cards, and Layouts](https://devdocs10.com/articles/css/css-flexbox-patterns): Learn practical CSS Flexbox patterns for navbars, card layouts, and reusable UI components, with examples, mistakes, and best practices. - [CSS Flexbox Gotchas & Debugging: Common Layout Problems Explained](https://devdocs10.com/articles/css/css-flexbox-gotchas): Learn how to debug CSS Flexbox issues, fix common alignment problems, and understand why flex layouts do not behave as expected. ## CSS: Grid - [CSS Grid Basics: Layout Foundations for Beginners](https://devdocs10.com/articles/css/css-grid-basics): Learn CSS Grid basics, including containers, tracks, gaps, columns, rows, and item placement with practical examples and common fixes. - [CSS Grid Areas and Template: Place Layout Regions with Grid](https://devdocs10.com/articles/css/css-grid-areas): Learn CSS Grid template areas, how to name layout regions, place items, and build readable page layouts with grid-template-areas. - [CSS Grid Auto-Placement and minmax() Explained](https://devdocs10.com/articles/css/css-grid-auto-placement): Learn how CSS Grid auto-placement fills empty tracks and how minmax() creates flexible columns and rows with practical examples. - [CSS Grid Alignment, Gap, and fr Units Explained](https://devdocs10.com/articles/css/css-grid-alignment): Learn CSS Grid alignment, gap, and fr units with practical examples, common mistakes, and layout patterns for responsive grid designs. - [CSS Subgrid: Use Parent Grid Tracks Inside Nested Grid Layouts](https://devdocs10.com/articles/css/css-subgrid): Learn CSS subgrid, how it inherits rows and columns from a parent grid, when to use it, and common layout mistakes to avoid. - [CSS Grid Common Patterns: Holy Grail Layouts and Masonry Ideas](https://devdocs10.com/articles/css/css-grid-patterns): Learn common CSS Grid patterns, including Holy Grail layouts and masonry-style grids, with practical examples, pitfalls, and best practices. - [CSS Grid vs Flexbox: How to Choose for Each Layout](https://devdocs10.com/articles/css/css-grid-vs-flexbox): CSS Grid vs Flexbox: content- vs layout-driven sizing, wrapping, alignment, subgrid, real layout scenarios with live previews, and a. ## CSS: Other Layout Systems - [CSS Multi-column Layout: Column Count, Width, and Spanning](https://devdocs10.com/articles/css/css-multicol): Learn CSS multi-column layout, including column-count, column-width, column gaps, spanning, balancing, and common pitfalls. - [CSS Tables & Table Layout: Complete Guide to Table Rendering](https://devdocs10.com/articles/css/css-tables): Learn how CSS table display values, table-layout, captions, borders, and sizing work to build and control table-based layouts correctly. - [CSS flow-root and Containment: Creating Independent Block Formatting Contexts](https://devdocs10.com/articles/css/css-flow-root): Learn how CSS flow-root and containment create independent formatting contexts, prevent float collapse, and improve layout predictability. - [CSS contain and content-visibility: Performance and Rendering Control](https://devdocs10.com/articles/css/css-containment): Learn CSS contain and content-visibility to improve rendering performance, isolate layout, and skip offscreen content with practical. ## CSS: Responsive Design - [CSS @media Queries for Width, Height, Color Scheme, and Motion](https://devdocs10.com/articles/css/css-media-queries): Learn how CSS @media queries adapt layouts to width, height, color scheme, and reduced motion with practical examples and common mistakes. - [CSS @container Queries: Size and Style Container Queries](https://devdocs10.com/articles/css/css-container-queries): Learn CSS @container queries for responsive components with size and style queries, syntax, examples, common mistakes, and best practices. - [Responsive Images in CSS: srcset, sizes, and object-fit](https://devdocs10.com/articles/css/css-responsive-images): Learn how responsive images work with srcset, sizes, and object-fit in CSS and HTML to serve the right image and control layout fit. - [CSS Fluid Type & Space with clamp()](https://devdocs10.com/articles/css/css-fluid-typography): Learn how CSS clamp() creates fluid typography and spacing that scales smoothly between minimum and maximum values. - [CSS Print Styles: Using @page, size, and margin Rules](https://devdocs10.com/articles/css/css-print): Learn CSS print styles with @page, size, and margins. Control printed layout, page size, page margins, and common print-specific pitfalls. ## CSS: Typography & Fonts - [CSS System Stacks & Web-safe Fonts: Reliable Font Fallbacks](https://devdocs10.com/articles/css/css-font-stack): Learn how CSS system stacks and web-safe fonts work, how to build fallback font lists, and how to choose readable typography that loads. - [CSS @font-face and Font Loading: Web Font Syntax and Best Practices](https://devdocs10.com/articles/css/css-font-face): Learn how CSS @font-face works, how font loading affects performance, and how to define, name, and optimize web fonts safely. - [CSS Variable Fonts: How to Use Flexible Font Axes](https://devdocs10.com/articles/css/css-variable-fonts): Learn what CSS variable fonts are, how to load them, and how to adjust weight, width, and other axes with font-variation-settings. - [CSS font-feature-settings and font-variation-settings Guide](https://devdocs10.com/articles/css/css-font-features): Learn how CSS font-feature-settings and font-variation-settings control OpenType features and variable font axes for precise typography. - [CSS Line-Height, Measure, Hyphenation, and Wrapping](https://devdocs10.com/articles/css/css-text-layout): Learn how CSS line-height, measure, hyphenation, and wrapping improve readability, control text width, and prevent awkward overflow. - [CSS Text Effects: shadow, stroke, and clamp](https://devdocs10.com/articles/css/css-text-effects): Learn CSS text effects with text-shadow, text-stroke, and clamp(). Create readable shadows, outlined text, and responsive type sizes. ## CSS: Color, Backgrounds & Effects - [CSS Color Spaces: hex, rgb, hsl, lab, and lch](https://devdocs10.com/articles/css/css-color): Learn CSS color spaces, including hex, rgb, hsl, lab, and lch. Compare syntax, use cases, browser support, and common color mistakes. - [CSS Linear and Radial Gradients: Syntax, Examples, and Uses](https://devdocs10.com/articles/css/css-gradients): Learn CSS linear and radial gradients, including syntax, color stops, repeating gradients, practical examples, and common mistakes. - [CSS Backgrounds: Multiple Layers, Attachment, and Clip](https://devdocs10.com/articles/css/css-backgrounds): Learn CSS background layers, background-attachment, and background-clip with examples, common mistakes, and practical patterns. - [CSS Blend Modes and Isolation: mix-blend-mode and isolation](https://devdocs10.com/articles/css/css-blend-modes): Learn CSS blend modes and isolation with practical examples, layering behavior, stacking contexts, and common issues that affect. - [CSS Filters and backdrop-filter: blur, brightness, and effects](https://devdocs10.com/articles/css/css-filters): Learn CSS filter and backdrop-filter effects, how they work, common pitfalls, syntax, examples, and practical uses for images and overlays. - [CSS Masks and Clipping with clip-path: Shapes, Syntax, and Use](https://devdocs10.com/articles/css/css-masks): Learn CSS clip-path for masking and clipping elements, including shapes, polygon syntax, examples, common mistakes, and practical use cases. - [CSS Shapes (shape-outside): Wrap Text Around Custom Shapes](https://devdocs10.com/articles/css/css-shapes): Learn CSS Shapes with shape-outside: wrap text around circles, images, and custom paths, plus syntax, examples, limits, and mistakes. ## CSS: Transforms, Transitions & Animations - [CSS 2D and 3D Transforms: rotate, scale, skew, and translate](https://devdocs10.com/articles/css/css-transforms): Learn CSS 2D and 3D transforms, including translate, rotate, scale, skew, transform-origin, and perspective with practical examples. - [CSS Transitions and Easing: Smooth Property Changes in CSS](https://devdocs10.com/articles/css/css-transitions): Learn CSS transitions and easing: how transition timing works, how to animate property changes smoothly, and common mistakes to avoid. - [CSS @keyframes and Animation Shorthands Explained](https://devdocs10.com/articles/css/css-animations): Learn how CSS @keyframes and animation shorthands work, how to write animations, and how to avoid common mistakes with timing and fill. - [CSS Motion and Accessibility: Using prefers-reduced-motion](https://devdocs10.com/articles/css/css-motion-accessibility): Learn how CSS prefers-reduced-motion works, when to use it, and how to reduce animations safely for motion-sensitive users. - [CSS Scroll Animations and View Timelines: A Practical Guide](https://devdocs10.com/articles/css/css-scroll-animations): Learn CSS scroll animations and view timelines, including scroll-timeline, view-timeline, animation-range, and how to build scroll-linked. ## CSS: Images, Media & Art Direction - [CSS object-fit and object-position: Crop and Align Replaced Elements](https://devdocs10.com/articles/css/css-object-fit): Learn how CSS object-fit and object-position control image cropping, scaling, and alignment inside fixed-size boxes. - [CSS Color Schemes and prefers-color-scheme Media Query](https://devdocs10.com/articles/css/css-media-queries-color): Learn how CSS color schemes and the prefers-color-scheme media query work to adapt light and dark themes to user preferences. - [CSS image-rendering: Crisp Pixels, Scaling, and Sharp Images](https://devdocs10.com/articles/css/css-image-rendering): Learn CSS image-rendering values, when to use crisp-edges and pixelated, and how to keep sprites and low-res art sharp when scaled. - [CSS image() and image-set() for Responsive Image Values](https://devdocs10.com/articles/css/css-image-functions): Learn how CSS image() and image-set() work, when to use them, and how to choose the right image for backgrounds and art direction. ## CSS: Forms & UI Controls - [CSS Base Form Styling: A Practical Guide to Form Reset and Defaults](https://devdocs10.com/articles/css/css-form-basics): Learn CSS base form styling to normalize inputs, buttons, selects, and textareas with clean defaults, spacing, focus states, and. - [Styling Native CSS Form Controls: select and range Inputs](https://devdocs10.com/articles/css/css-native-controls): Learn how to style native CSS form controls like select and range inputs with appearance, track, thumb, sizing, and cross-browser tips. - [CSS accent-color and appearance: Style Native Form Controls](https://devdocs10.com/articles/css/css-accent-appearance): Learn how CSS accent-color and appearance control native form controls, when to use each, and how to avoid common browser issues. - [CSS ::placeholder and ::file-selector-button: Styling Form Control Parts](https://devdocs10.com/articles/css/css-placeholder-file): Learn how CSS ::placeholder and ::file-selector-button work, where to use them, browser limits, common mistakes, and best practices. - [CSS Accessible Focus States: Styling Keyboard-Friendly Focus](https://devdocs10.com/articles/css/css-focus-states): Learn how to design accessible CSS focus states with :focus, :focus-visible, outlines, and contrast-safe styles for keyboard users. ## CSS: Internationalization - [CSS Logical Properties & Shorthands: Flow-Relative Layout Basics](https://devdocs10.com/articles/css/css-logical-properties): Learn CSS logical properties and shorthands, how they follow writing mode and direction, and how to replace left/right and top/bottom. - [CSS Writing Modes and Direction: Vertical Text, RTL, and Inline Flow](https://devdocs10.com/articles/css/css-writing-modes): Learn CSS writing modes and direction, including horizontal, vertical, RTL flow, and how to control layout for internationalized text. - [CSS Vertical Text & CJK Considerations: Writing Modes and Layout](https://devdocs10.com/articles/css/css-text-vertical): Learn how to create vertical text in CSS and handle CJK layout correctly with writing-mode, text-orientation, spacing, and browser-safe. ## CSS: Scrolling & Viewport - [CSS scroll-behavior and Smooth Scrolling Explained](https://devdocs10.com/articles/css/css-scroll-behavior): Learn how CSS scroll-behavior controls smooth scrolling, where it applies, browser support, common issues, and best practices. - [CSS Scroll Snap: Smooth, Precise Scrolling for Carousels and Panels](https://devdocs10.com/articles/css/css-scroll-snap): Learn CSS Scroll Snap, how snap points work, and how to build smooth carousels, panels, and paged scrolling with CSS only. - [CSS overscroll-behavior: Control Scroll Chaining and Bounce](https://devdocs10.com/articles/css/css-overscroll): Learn how CSS overscroll-behavior controls scroll chaining, bounce, and pull-to-refresh with practical examples and common pitfalls. - [CSS Anchor Positioning (Advanced): Position Elements Relative to Anchors](https://devdocs10.com/articles/css/css-anchor-positioning): Learn CSS Anchor Positioning to place popovers, tooltips, and menus relative to anchor elements with practical syntax, examples, and. ## CSS: Architecture & Methodologies - [BEM, OOCSS, SMACSS, and ITCSS in CSS Architecture](https://devdocs10.com/articles/css/css-bem): Learn BEM, OOCSS, SMACSS, and ITCSS in CSS architecture, how each works, when to use them, and how they help organize scalable styles. - [Utility-first and Atomic CSS: How the Styling Method Works](https://devdocs10.com/articles/css/css-utility-first): Learn utility-first and atomic CSS, how it differs from semantic CSS, when to use it, and common mistakes to avoid in real projects. - [CSS Modules and Scoped CSS: Isolation, Scope, and Style Safety](https://devdocs10.com/articles/css/css-css-modules): Learn how CSS Modules and scoped CSS isolate styles, prevent selector collisions, and fit into modern component-based CSS workflows. - [CSS-in-JS Overview: What It Is, Why It Matters, and Tradeoffs](https://devdocs10.com/articles/css/css-css-in-js): Learn what CSS-in-JS is, why teams use it, how it works, and the tradeoffs compared with traditional CSS and modern styling methods. - [CSS Design Tokens & Theming: Build Consistent, Flexible UI Systems](https://devdocs10.com/articles/css/css-tokens-theming): Learn CSS design tokens and theming with custom properties, scalable naming, theme switching, and practical patterns for consistent UI. ## CSS: Tooling - [Sass vs SCSS vs Less: CSS Preprocessors Explained](https://devdocs10.com/articles/css/css-preprocessors): Learn what Sass/SCSS and Less are, how they extend CSS, when to use them, and how they compare with standard CSS workflows. - [PostCSS and Autoprefixer: CSS Processing, Prefixes, and Workflow](https://devdocs10.com/articles/css/css-postcss): Learn what PostCSS and Autoprefixer do, how they fit into a CSS workflow, and how to configure, use, and troubleshoot them. - [CSS Build Pipelines with Vite, Webpack, and Parcel](https://devdocs10.com/articles/css/css-build-pipelines): Learn how CSS build pipelines work in Vite, Webpack, and Parcel, including bundling, post-processing, source maps, and common setup. - [CSS Linters & Prettier: Formatting and Linting Stylesheets](https://devdocs10.com/articles/css/css-linters-formatters): Learn how CSS linters and Prettier help catch mistakes, enforce style rules, and keep stylesheets consistent across teams and projects. - [CSS Visual Regression Testing: How to Catch Style Regressions](https://devdocs10.com/articles/css/css-visual-testing): Learn CSS visual regression testing, how it works, where it fits in a workflow, and how to spot unintended style changes before release. ## CSS: Performance - [CSS Rendering Pipeline: Paint and Composite Explained](https://devdocs10.com/articles/css/css-rendering-pipeline): Learn how the CSS rendering pipeline turns styles into pixels, and how paint and composite affect performance, smoothness, and animations. - [CSS will-change and GPU Hints: Performance, Usage, and Pitfalls](https://devdocs10.com/articles/css/css-will-change): Learn how CSS will-change hints the browser to prepare for animation, when it helps, and the memory and rendering risks to avoid. - [CSS contain and content-visibility: Performance and Rendering Control](https://devdocs10.com/articles/css/css-contain): Learn how CSS contain and content-visibility improve rendering performance, isolate layout and paint, and avoid common visibility pitfalls. - [Critical CSS and CSS Code Splitting: Faster First Paint](https://devdocs10.com/articles/css/css-critical-css): Learn critical CSS and CSS code splitting to speed up first paint, reduce render-blocking styles, and ship only the CSS each page needs. ## CSS: Progressive Enhancement & Compatibility - [CSS @supports and Feature Queries: Progressive Enhancement Guide](https://devdocs10.com/articles/css/css-supports): Learn how CSS @supports feature queries work, how to test browser support, and how to build safer progressive enhancements. - [CSS Fallbacks & Graceful Degradation: Reliable Progressive Enhancement](https://devdocs10.com/articles/css/css-fallbacks): Learn CSS fallbacks and graceful degradation: how to provide backup styles, layer modern features safely, and support older browsers. - [CSS Vendor Prefixes (Legacy): What They Are and When to Avoid Them](https://devdocs10.com/articles/css/css-prefixes): Learn what legacy CSS vendor prefixes are, why they existed, how to use them safely, and when to replace them with standard properties. - [CSS Browser Compatibility Strategy: Progressive Enhancement Guide](https://devdocs10.com/articles/css/css-compat-strategy): Learn a practical CSS browser compatibility strategy with progressive enhancement, fallbacks, feature queries, and safe ways to support. ## CSS: Houdini & Advanced APIs - [CSS Houdini Overview: What It Is and Why It Matters](https://devdocs10.com/articles/css/css-houdini-overview): Learn what CSS Houdini is, how it extends CSS, which APIs it includes, and when to use it for custom painting, layout, and typing. - [CSS Typed OM: Use Typed CSS Values in Styles and Scripts](https://devdocs10.com/articles/css/css-typed-om): Learn CSS Typed OM, how typed CSS values work, and why it makes reading and setting styles more reliable than string-based CSS text. - [CSS Paint API (Worklets): Custom Paint for Houdini](https://devdocs10.com/articles/css/css-paint-api): Learn how the CSS Paint API lets you generate custom backgrounds and borders with paint worklets, including syntax, use cases, and pitfalls. - [CSS @property and Custom Property Registration](https://devdocs10.com/articles/css/css-properties-values): Learn CSS @property and custom property registration, including syntax, typed values, inheritance, animation, and common mistakes. ## CSS: Accessibility - [CSS :focus-visible and :focus-within: Accessible Focus Styling](https://devdocs10.com/articles/css/css-focus-visible): Learn how CSS :focus-visible and :focus-within work, when to use each, and how to style accessible keyboard focus without harming usability. - [CSS Color Contrast & Legibility: Improve Readability and Accessibility](https://devdocs10.com/articles/css/css-contrast): Learn how CSS color contrast affects readability, accessibility, and text legibility, with practical rules, examples, and common mistakes. - [CSS Reduced Motion & User Preferences: prefers-reduced-motion](https://devdocs10.com/articles/css/css-reduced-motion): Learn how CSS prefers-reduced-motion lets you respect user motion settings, disable animations, and build more accessible interfaces. - [Common A11y Patterns in CSS: Accessible Styling Patterns That Work](https://devdocs10.com/articles/css/css-a11y-patterns): Learn common CSS accessibility patterns for focus states, hidden content, contrast, motion, and responsive text to build usable interfaces. ## CSS: Debugging - [DevTools for CSS Debugging: Box Model, Grid, and Flex Layouts](https://devdocs10.com/articles/css/css-devtools): Learn how to debug CSS with browser DevTools, inspect the box model, and troubleshoot grid and flex layouts with practical techniques. - [CSS Debugging Strategies & Gotchas: Find and Fix Layout Issues](https://devdocs10.com/articles/css/css-debug-strategies): Learn practical CSS debugging strategies, inspect computed styles, trace specificity, and fix common gotchas like overflow, stacking, and. - [Catching CSS Errors with Linters: A Practical Debugging Guide](https://devdocs10.com/articles/css/css-linting-errors): Learn how CSS linters catch syntax mistakes, flag risky patterns, and help you debug styles faster with clear warnings and fixes. ## CSS: Core Rules of Thumb - [CSS Cascade Discipline: Avoiding !important in Real Stylesheets](https://devdocs10.com/articles/css/css-cascade-discipline): Learn how to keep CSS predictable without !important, using specificity, source order, layering, and better overrides for maintainable. - [CSS Design Layout First, Then Details: A Practical Rule of Thumb](https://devdocs10.com/articles/css/css-layout-first): Learn why CSS layout should come before visual polish, how it prevents rework, and how to build stable page structures before styling. - [CSS Accessibility Before Animations: Safer Motion and Motion Reduction](https://devdocs10.com/articles/css/css-accessibility-first): Learn how to design CSS animations with accessibility first, including reduced motion, safe defaults, and common motion-related mistakes. - [CSS Performance Mindset: How to Write Faster Stylesheets](https://devdocs10.com/articles/css/css-performance-mindset): Learn a practical CSS performance mindset: what affects rendering, how to avoid costly patterns, and how to keep styles fast and. - [CSS Consistency with Tokens and Scales](https://devdocs10.com/articles/css/css-consistency): Learn how CSS tokens and scales keep spacing, color, typography, and sizing consistent across a design system and reduce one-off values. ## CSS: Appendix - [Glossary of CSS Terms: Essential CSS Vocabulary Explained](https://devdocs10.com/articles/css/css-glossary): Learn essential CSS glossary terms, from selectors and cascade to specificity, inheritance, and layout concepts, with clear. - [CSS Cheat Sheets and Quick Reference Guide](https://devdocs10.com/articles/css/css-cheatsheets): Learn how to read CSS cheat sheets, use quickrefs effectively, and find the rules, properties, values, and patterns you need faster. - [CSS Migration Guides: Legacy to Modern CSS Features](https://devdocs10.com/articles/css/css-migration): Learn how to migrate legacy CSS to modern CSS with practical replacements for floats, tables, clearfix hacks, and outdated layout patterns. - [CSS Common Mistakes & Best Practices: Avoiding Layout Bugs](https://devdocs10.com/articles/css/css-best-practices): Learn common CSS mistakes and best practices for writing maintainable styles, avoiding layout bugs, and fixing specificity, cascade, and. - [CSS Resources & Open Source: Where to Learn and Contribute](https://devdocs10.com/articles/css/css-resources): Find trusted CSS resources, documentation, community references, and open-source projects to learn faster and contribute with confidence. ## HTML: Welcome - [HTML Welcome Guide: What HTML Is and How to Start Learning](https://devdocs10.com/articles/html/html-welcome): Learn what HTML is, why it matters, how it fits the web, its key features, common myths, and the best next steps for beginners. - [What Is HTML? A Beginner-Friendly HTML5 Introduction](https://devdocs10.com/articles/html/html-what-is-html): Learn what HTML is, how it structures web pages, where it fits in web development, and why semantic HTML5 matters for accessibility and SEO. - [HTML Setup and Editors: Install Tools and Start Writing HTML](https://devdocs10.com/articles/html/html-setup): Learn how to set up a simple HTML environment, choose an editor, verify your tools, fix common issues, and start building web pages. - [HTML Basic Syntax: Elements, Tags, Attributes, and Nesting](https://devdocs10.com/articles/html/html-basic-syntax): Learn HTML basic syntax, including tags, attributes, nesting, comments, and semantic structure, with clear examples and common mistakes. - [Your First HTML Page: A Beginner’s Guide to Semantic HTML](https://devdocs10.com/articles/html/html-first-page): Learn how to build your first HTML page with semantic tags, metadata, headings, links, images, and accessible page structure. - [HTML Doctype and HTML Versions: What the Declaration Means](https://devdocs10.com/articles/html/html-doctype): Learn what the HTML doctype is, how it affects browser rendering, and how HTML versions evolved from HTML4 to HTML5. ## HTML: Document Structure - [HTML Head and Body: Structure, Purpose, and Best Practices](https://devdocs10.com/articles/html/html-head-body): Learn what the HTML head and body do, what belongs in each one, how they work together, and common mistakes to avoid. - [HTML Metadata: Using meta, charset, and viewport Tags](https://devdocs10.com/articles/html/html-metadata): Learn how HTML metadata works, including meta, charset, and viewport tags for encoding, mobile scaling, SEO basics, and accessibility. - [HTML Title and Favicon: Page Titles, Tabs, and Site Icons](https://devdocs10.com/articles/html/html-title): Learn how to set the HTML page title and favicon, why they matter for SEO and accessibility, and how to add them correctly in the head. - [HTML Comments: Syntax, Uses, and Common Mistakes](https://devdocs10.com/articles/html/html-comments): Learn how HTML comments work, when to use them, how to write them correctly, and common mistakes that break markup or expose hidden content. ## HTML: Text Content - [HTML Headings (h1–h6): Structure Pages with Semantic Text](https://devdocs10.com/articles/html/html-headings): Learn how HTML heading tags h1 to h6 structure content, improve accessibility, and create clear page hierarchies without common heading. - [HTML Paragraphs: How to Use the Paragraph Element Correctly](https://devdocs10.com/articles/html/html-paragraphs): Learn how HTML paragraphs work, when to use the p element, common mistakes to avoid, and accessibility best practices for text content. - [HTML Lists (ul, ol, dl): Unordered, Ordered, and Description Lists](https://devdocs10.com/articles/html/html-lists): Learn how to use HTML lists with ul, ol, and dl, including nesting, accessibility, semantics, and common mistakes to avoid. - [HTML Links: Anchor Tags, href, and target Explained](https://devdocs10.com/articles/html/html-links): Learn how HTML links work with the anchor tag, href, and target. See accessibility tips, common mistakes, and practical examples. - [HTML Text Formatting: b, i, em, strong, and More](https://devdocs10.com/articles/html/html-text-formatting): Learn HTML text formatting tags like b, i, em, and strong, when to use each, accessibility tips, common mistakes, and examples. - [HTML Quotations: blockquote, q, and cite Explained](https://devdocs10.com/articles/html/html-quotations): Learn how to use HTML blockquote, q, and cite correctly for quoted text, citations, and accessible semantic markup. - [HTML Code, Keyboard Input, and Sample Output Tags](https://devdocs10.com/articles/html/html-code-kbd): Learn when to use HTML code, pre, kbd, and samp tags to mark code, keyboard input, and sample output with correct semantic and accessible. - [HTML Character Entities (&nbsp;, &copy;): Meaning and Usage](https://devdocs10.com/articles/html/html-entities): Learn HTML character entities like &nbsp; and &copy;, when to use them, how they render, and common encoding mistakes to avoid. ## HTML: Media - [HTML Images: Using img, srcset, and alt Correctly](https://devdocs10.com/articles/html/html-images): Learn how HTML images work with img, srcset, and alt. See responsive image examples, accessibility guidance, and common mistakes to avoid. - [HTML Responsive Images with picture and source](https://devdocs10.com/articles/html/html-picture): Learn how HTML responsive images work with picture and source, including art direction, format switching, fallbacks, and common mistakes. - [HTML Audio: How to Embed and Control Sound on the Web](https://devdocs10.com/articles/html/html-audio): Learn how to use the HTML audio element to embed sound, add controls, support multiple formats, and make audio playback accessible. - [HTML Video: The