The Front-End Developer Skill Tree

Image of a Dwarven fighter

HTML

  • Illustrated wooden sword

    Elements

  • Illustrated dagger

    Links

  • Illustrated club

    Tables

  • Illustrated spear

    Forms

  • Illustrated hammer

    Lists

  • Illustrated sword

    Semantic elements

  • Illustrated axe

    Metadata

  • Illustrated axe

    Accessibility

Image of a wizard

CSS

  • Illustrated level one blizzard attack

    Box Model

  • Illustrated level two blizzard attack

    Display

  • Illustrated level three blizzard attack

    Position

  • Illustrated cold fire spell

    Tables

  • Illustrated level one beam of light spell

    Float/Clear

  • Illustrated level two beam of light spell

    Flexbox

  • Illustrated level three beam of light spell

    CSS grid

  • Illustrated level four beam of light spell

    Responsive Styling

  • Illustrated level one explosion spell

    Selectors

  • Illustrated level two explosion spell

    CSS units

  • Illustrated level three explosion spell

    Pseudoclass

  • Illustrated flare spell

    CSS combinators

  • Illustrated meteor spell

    Specificity

  • Illustrated star fire spell

    !important

  • Illustrated scroll

    Colors

  • Illustrated Spellbook

    Background Styling

  • Illustrated Spellbook

    Borders

  • Illustrated Spellbook

    Margin/Padding

  • Illustrated Spellbook

    Height/Width

  • Illustrated Spellbook

    Font styling

  • Illustrated Wand

    Z-index

Javascript icon

Javascript

  • Illustrated Bow

    Primitives

  • Illustrated Bow

    Variables

  • Illustrated Improved Bow

    Operators

  • Illustrated Upgraded Bow

    Assignments

  • Illustrated Magic Bow

    Comparisons

  • Illustrated Upgraded Bow

    if/else

  • Illustrated Upgraded Bow

    for loops

  • Illustrated Upgraded Bow

    while loops

  • Illustrated Potion

    Functions

  • Illustrated Potion

    Arrays

  • Illustrated Potion

    Objects

  • Illustrated Potion

    "this" keyword

  • Illustrated Rune

    Async JS

  • Illustrated Rune

    Promises

  • Illustrated Rune

    Modules

  • Illustrated Rune

    APIs

  • Illustrated Arrow

    Arrow functions

  • Illustrated Arrows

    Sets

  • Illustrated Arrows

    Maps

  • Illustrated Arrows

    For/of loops

  • Illustrated Armor

    Classes

  • Illustrated Armor

    Rest/Spread

  • Illustrated Armor

    Destructuring