Individual Contributor (IC) career path for Frontend developer

Intern Frontend developer

Has less than 1 year of experience. Learning basic of programming.

Skills needed for Intern Frontend developer

• Learns State Managers (Redux, NGRX, VueX etc.)
• Learns Loadash/Underscore/Ramda etc.
• Learns RxJS
• Learns SSR Libraries
• Learns A11y Standarts
• Learns Media Queries
• Learns SEO Basics
• Learns HTML Basics
• Learns Classes + super()
• Learns Let, const
• Learns Spread, Rest operators
• Learns Set/Map
• Learns Loops, Conditions
• Learns Versioning + commitizen
• Learns Integrational
• Learns Linting (TSLint, ESLint, StyleLint etc.)
• Learns JS Patterns
• Learns Promises
• Learns TypeScript
• Learns GraphQL
• Learns CSS Basics
• Learns Service Workers
• Learns Storage
• Learns Statements, Operators
• Learns Closures
• Learns Functions
• Learns Version Control Systems
• Learns IDE Usage (WebStorm, VSCode, Atom etc.
• Learns REST API
• Learns CI/CD
• Learns Alghorithms
• Learns E2E (Protractor, Selenium etc.)
• Learns Unit (Mocha, Jasmine, Jest etc.)
• Learns Objects (this + Object methods)
• Learns Refactoring
• Learns Prototypes
• Learns Angular/React/Vue etc.
• Learns Layouts (Flex, Grid, Float etc.)
• Learns Regexp
• Learns Async/Await
• Learns TypedArrays
• Learns SSH
• Learns Package Managers (npm, yarn)
• Learns Terminal Usage
• Learns SOLID Principles
• Learns Design Patterns
• Learns Bootstrap/Material/Prime etc.
• Learns JQuery (for something special)
• Learns Application Performance
• Learns WebSockets (Socket.io)
• Learns Generators
• Learns Types
• Learns Expressions
• Learns JS compiling
• Learns Scopes (Block, Lexical, Dynamic)
• Learns Data Structures
• Learns DevTools
• Learns SQL Queries
• Learns Callbacks
• Learns Arrays

Junior Frontend developer

Has approximately 1-2 years experience and basic programming foundations. Contribute ideas during team meetings<br/><br/>

Skills needed for Junior Frontend developer

• Knows Async/Await
• Knows SEO Basics
• Learns RxJS
• Learns SSR Libraries
• Learns JQuery (for something special)
• Knows REST API
• Knows Integrational
• Knows Application Performance
• Knows TypedArrays
• Knows Classes + super()
• Knows Media Queries
• Learns JS Patterns
• Learns Prototypes
• Learns State Managers (Redux, NGRX, VueX etc.)
• Learns Loadash/Underscore/Ramda etc.
• Knows Versioning + commitizen
• Knows Alghorithms
• Knows Design Patterns
• Knows E2E (Protractor, Selenium etc.)
• Knows Unit (Mocha, Jasmine, Jest etc.)
• Knows Statements, Operators
• Knows Expressions
• Knows Scopes (Block, Lexical, Dynamic)
• Knows A11y Standarts
• Knows CSS Basics
• Knows HTML Basics
• Knows Regexp
• Learns Refactoring
• Learns Promises
• Learns TypeScript
• Learns Arrays
• Learns Bootstrap/Material/Prime etc.
• Learns Angular/React/Vue etc.
• Knows CI/CD
• Knows SOLID Principles
• Knows SQL Queries
• Knows Package Managers (npm, yarn)
• Knows Data Structures
• Knows DevTools
• Knows Version Control Systems
• Knows Loops, Conditions
• Knows Types
• Knows Closures
• Knows Functions
• Knows JS compiling
• Knows Let, const
• Knows Generators
• Knows Spread, Rest operators
• Knows Set/Map
• Knows Layouts (Flex, Grid, Float etc.)
• Learns Objects (this + Object methods)
• Learns Callbacks
• Learns GraphQL
• Knows SSH
• Knows IDE Usage (WebStorm, VSCode, Atom etc.
• Knows Terminal Usage
• Knows Linting (TSLint, ESLint, StyleLint etc.)
• Knows Service Workers
• Knows WebSockets (Socket.io)
• Knows Storage

Middle Frontend developer

Has more than 2 years of experience in software engineering. They need less supervision and minimal reworks.

Skills needed for Middle Frontend developer

• Does HTML Basics
• Does Regexp
• Does Storage
• Does JS Patterns
• Does Refactoring
• Does Prototypes
• Does Promises
• Knows TypedArrays
• Knows Let, const
• Knows Generators
• Knows Spread, Rest operators
• Knows Package Managers (npm, yarn)
• Knows IDE Usage (WebStorm, VSCode, Atom etc.
• Knows REST API
• Knows Integrational
• Does JQuery (for something special)
• Does SOLID Principles
• Does Design Patterns
• Does Media Queries
• Does SEO Basics
• Does Layouts (Flex, Grid, Float etc.)
• Does Application Performance
• Does WebSockets (Socket.io)
• Does Objects (this + Object methods)
• Does Callbacks
• Knows Async/Await
• Knows Classes + super()
• Knows Terminal Usage
• Does Statements, Operators
• Does Loops, Conditions
• Does Closures
• Does Expressions
• Knows Unit (Mocha, Jasmine, Jest etc.)
• Does State Managers (Redux, NGRX, VueX etc.)
• Does RxJS
• Does Angular/React/Vue etc.
• Knows SSH
• Knows Version Control Systems
• Does Types
• Does Functions
• Does JS compiling
• Does Scopes (Block, Lexical, Dynamic)
• Knows E2E (Protractor, Selenium etc.)
• Knows Linting (TSLint, ESLint, StyleLint etc.)
• Does SSR Libraries
• Does Versioning + commitizen
• Does SQL Queries
• Does Alghorithms
• Does A11y Standarts
• Does CSS Basics
• Does Service Workers
• Does TypeScript
• Does Arrays
• Knows Set/Map
• Knows Data Structures
• Knows DevTools
• Does Loadash/Underscore/Ramda etc.
• Does Bootstrap/Material/Prime etc.
• Does GraphQL
• Does CI/CD

Senior Frontend developer

Create expert design concepts, take complex projects and mentor junior engineers. They have 5-8 years of programming experience

Skills needed for Senior Frontend developer

• Helps HTML Basics
• Helps Objects (this + Object methods)
• Does Statements, Operators
• Does Types
• Does Closures
• Does Functions
• Does TypedArrays
• Does Let, const
• Does JQuery (for something special)
• Does Angular/React/Vue etc.
• Does Service Workers
• Does Alghorithms
• Helps A11y Standarts
• Helps Media Queries
• Does Scopes (Block, Lexical, Dynamic)
• Does Classes + super()
• Does Spread, Rest operators
• Does Set/Map
• Does Version Control Systems
• Does E2E (Protractor, Selenium etc.)
• Does Integrational
• Does Unit (Mocha, Jasmine, Jest etc.)
• Does WebSockets (Socket.io)
• Does SOLID Principles
• Helps Regexp
• Helps Refactoring
• Helps Prototypes
• Helps Callbacks
• Helps Promises
• Helps TypeScript
• Does Loops, Conditions
• Does JS compiling
• Does Async/Await
• Does Package Managers (npm, yarn)
• Does Terminal Usage
• Does State Managers (Redux, NGRX, VueX etc.)
• Does SSR Libraries
• Does GraphQL
• Does Storage
• Does Versioning + commitizen
• Does Design Patterns
• Helps CSS Basics
• Helps SEO Basics
• Helps Layouts (Flex, Grid, Float etc.)
• Helps JS Patterns
• Helps Arrays
• Does Expressions
• Does Generators
• Does SSH
• Does Data Structures
• Does DevTools
• Does IDE Usage (WebStorm, VSCode, Atom etc.
• Does REST API
• Does Linting (TSLint, ESLint, StyleLint etc.)
• Does RxJS
• Does Loadash/Underscore/Ramda etc.
• Does Bootstrap/Material/Prime etc.
• Does Application Performance
• Does CI/CD
• Does SQL Queries

Staff Engineer Frontend developer

To attain this level, it requires more than 10 years of experience. Expert knowledge of the codebase is required.

Skills needed for Staff Engineer Frontend developer

• Helps A11y Standarts
• Helps SEO Basics
• Helps HTML Basics
• Mentors GraphQL
• Helps Service Workers
• Helps SQL Queries
• Helps Alghorithms
• Helps JS Patterns
• Helps Callbacks
• Does Package Managers (npm, yarn)
• Does DevTools
• Does Version Control Systems
• Helps Loops, Conditions
• Helps Expressions
• Helps TypedArrays
• Helps Let, const
• Helps Spread, Rest operators
• Helps Set/Map
• Mentors State Managers (Redux, NGRX, VueX etc.)
• Helps Application Performance
• Helps WebSockets (Socket.io)
• Helps Versioning + commitizen
• Helps Design Patterns
• Helps Arrays
• Does SSH
• Does Data Structures
• Helps Types
• Helps Generators
• Helps Integrational
• Helps Linting (TSLint, ESLint, StyleLint etc.)
• Helps CSS Basics
• Helps Media Queries
• Helps Regexp
• Mentors Loadash/Underscore/Ramda etc.
• Mentors Bootstrap/Material/Prime etc.
• Mentors JQuery (for something special)
• Helps CI/CD
• Helps Objects (this + Object methods)
• Helps Refactoring
• Does Terminal Usage
• Does REST API
• Helps JS compiling
• Helps Classes + super()
• Helps E2E (Protractor, Selenium etc.)
• Helps Unit (Mocha, Jasmine, Jest etc.)
• Helps Layouts (Flex, Grid, Float etc.)
• Mentors RxJS
• Mentors SSR Libraries
• Mentors Angular/React/Vue etc.
• Helps Storage
• Helps SOLID Principles
• Helps Prototypes
• Helps Promises
• Helps TypeScript
• Does IDE Usage (WebStorm, VSCode, Atom etc.
• Helps Statements, Operators
• Helps Closures
• Helps Functions
• Helps Scopes (Block, Lexical, Dynamic)
• Helps Async/Await

Senior Staff Engineer Frontend developer

Has approximately 12+ years of experience. Senior Staff Engineers work closely with company leaders, contribute to tech strategy

Skills needed for Senior Staff Engineer Frontend developer

• Helps Bootstrap/Material/Prime etc.
• Helps GraphQL
• Helps Versioning + commitizen
• Helps SQL Queries
• Helps Design Patterns
• Does Refactoring
• Helps E2E (Protractor, Selenium etc.)
• Helps Integrational
• Does CSS Basics
• Helps Closures
• Helps Expressions
• Does Let, const
• Does Set/Map
• Helps State Managers (Redux, NGRX, VueX etc.)
• Helps Loadash/Underscore/Ramda etc.
• Helps SSR Libraries
• Helps SOLID Principles
• Does Callbacks
• Does Promises
• Does Arrays
• Helps SSH
• Helps Package Managers (npm, yarn)
• Helps IDE Usage (WebStorm, VSCode, Atom etc.
• Helps REST API
• Helps Unit (Mocha, Jasmine, Jest etc.)
• Helps Application Performance
• Helps Storage
• Does A11y Standarts
• Does Media Queries
• Does Layouts (Flex, Grid, Float etc.)
• Does HTML Basics
• Helps Statements, Operators
• Helps JS compiling
• Does TypedArrays
• Helps RxJS
• Helps Angular/React/Vue etc.
• Helps CI/CD
• Does JS Patterns
• Helps DevTools
• Helps Version Control Systems
• Helps Linting (TSLint, ESLint, StyleLint etc.)
• Helps JQuery (for something special)
• Helps Alghorithms
• Does Objects (this + Object methods)
• Does Prototypes
• Does SEO Basics
• Does Regexp
• Helps Types
• Helps Functions
• Helps Scopes (Block, Lexical, Dynamic)
• Does Spread, Rest operators
• Does TypeScript
• Helps Data Structures
• Helps Terminal Usage
• Helps Service Workers
• Helps WebSockets (Socket.io)
• Helps Loops, Conditions
• Does Async/Await
• Does Classes + super()
• Does Generators

Principal Architect Frontend developer

The highest level for a technical career. With more than 14 Y of experience, they have a deep understanding of how the tech works

Skills needed for Principal Architect Frontend developer

• Helps Linting (TSLint, ESLint, StyleLint etc.)
• Helps Unit (Mocha, Jasmine, Jest etc.)
• Does Loops, Conditions
• Does Functions
• Helps TypedArrays
• Helps Classes + super()
• Helps SSR Libraries
• Mentors SOLID Principles
• Helps DevTools
• Helps Terminal Usage
• Helps REST API
• Helps TypeScript
• Helps Arrays
• Helps Service Workers
• Helps WebSockets (Socket.io)
• Helps Storage
• Helps HTML Basics
• Does Types
• Does Expressions
• Does Scopes (Block, Lexical, Dynamic)
• Helps Let, const
• Helps Set/Map
• Helps RxJS
• Helps Loadash/Underscore/Ramda etc.
• Mentors Versioning + commitizen
• Mentors SQL Queries
• Mentors Alghorithms
• Helps Version Control Systems
• Helps IDE Usage (WebStorm, VSCode, Atom etc.
• Helps Refactoring
• Helps Application Performance
• Helps CSS Basics
• Helps Integrational
• Does JS compiling
• Helps Generators
• Helps Spread, Rest operators
• Helps State Managers (Redux, NGRX, VueX etc.)
• Helps Bootstrap/Material/Prime etc.
• Mentors CI/CD
• Helps Data Structures
• Helps JS Patterns
• Helps Prototypes
• Helps A11y Standarts
• Helps Media Queries
• Helps Layouts (Flex, Grid, Float etc.)
• Helps E2E (Protractor, Selenium etc.)
• Does Statements, Operators
• Does Closures
• Helps Async/Await
• Helps GraphQL
• Helps JQuery (for something special)
• Helps Angular/React/Vue etc.
• Mentors Design Patterns
• Helps SSH
• Helps Package Managers (npm, yarn)
• Helps Objects (this + Object methods)
• Helps Callbacks
• Helps Promises
• Helps SEO Basics
• Helps Regexp

Manager career path for Frontend developer

Tech Lead Frontend developer

Has more than 7 years of experience. Rather than writing code, they take on the managerial responsibilities and provide sound tech

Skills needed for Tech Lead Frontend developer

• Mentors Prototypes
• Helps CSS Basics
• Helps SEO Basics
• Helps Layouts (Flex, Grid, Float etc.)
• Does Integrational
• Helps Application Performance
• Does Version Control Systems
• Helps Loops, Conditions
• Helps Let, const
• Helps Generators
• Helps Loadash/Underscore/Ramda etc.
• Mentors Refactoring
• Mentors Arrays
• Helps HTML Basics
• Helps Regexp
• Helps Types
• Helps Expressions
• Helps Functions
• Helps Async/Await
• Helps Classes + super()
• Helps Spread, Rest operators
• Helps SSR Libraries
• Helps GraphQL
• Helps Angular/React/Vue etc.
• Helps CI/CD
• Helps Versioning + commitizen
• Mentors JS Patterns
• Mentors Promises
• Helps Media Queries
• Does E2E (Protractor, Selenium etc.)
• Does Linting (TSLint, ESLint, StyleLint etc.)
• Helps Service Workers
• Helps WebSockets (Socket.io)
• Does DevTools
• Does Terminal Usage
• Helps JS compiling
• Helps Set/Map
• Helps RxJS
• Helps Bootstrap/Material/Prime etc.
• Helps JQuery (for something special)
• Helps SOLID Principles
• Helps Design Patterns
• Mentors Objects (this + Object methods)
• Mentors Callbacks
• Mentors TypeScript
• Helps A11y Standarts
• Does Unit (Mocha, Jasmine, Jest etc.)
• Helps Storage
• Does SSH
• Does Package Managers (npm, yarn)
• Does Data Structures
• Does IDE Usage (WebStorm, VSCode, Atom etc.
• Does REST API
• Helps Statements, Operators
• Helps Closures
• Helps Scopes (Block, Lexical, Dynamic)
• Helps TypedArrays
• Helps State Managers (Redux, NGRX, VueX etc.)
• Helps SQL Queries
• Helps Alghorithms

Engineering Manager Frontend developer

Engineering lead manages a larger team. Tech leads report to the engineering lead on their team’s progress, setbacks, and other

Skills needed for Engineering Manager Frontend developer

• Does RxJS
• Does Angular/React/Vue etc.
• Helps Version Control Systems
• Helps Terminal Usage
• Helps REST API
• Helps HTML Basics
• Does Statements, Operators
• Does JS compiling
• Does State Managers (Redux, NGRX, VueX etc.)
• Helps Package Managers (npm, yarn)
• Helps SEO Basics
• Does Loadash/Underscore/Ramda etc.
• Does Bootstrap/Material/Prime etc.
• Does JQuery (for something special)
• Helps DevTools
• Helps Media Queries
• Helps Layouts (Flex, Grid, Float etc.)
• Does Types
• Does Functions
• Does SSR Libraries
• Does GraphQL
• Helps SSH
• Helps Data Structures
• Helps IDE Usage (WebStorm, VSCode, Atom etc.
• Helps A11y Standarts
• Helps CSS Basics
• Helps Regexp
• Does Loops, Conditions
• Does Closures
• Does Expressions
• Helps Refactoring
• Helps Objects (this + Object methods)
• Helps JS Patterns
• Does Scopes (Block, Lexical, Dynamic)
• Helps Prototypes
• Helps Promises
• Helps TypeScript
• Helps Generators
• Does WebSockets (Socket.io)
• Does Storage
• Helps Integrational
• Helps SOLID Principles
• Helps Arrays
• Helps Async/Await
• Helps E2E (Protractor, Selenium etc.)
• Helps Versioning + commitizen
• Helps SQL Queries
• Helps Classes + super()
• Helps Let, const
• Helps Set/Map
• Does Application Performance
• Helps Alghorithms
• Helps Design Patterns
• Helps Callbacks
• Helps TypedArrays
• Helps Spread, Rest operators
• Does Service Workers
• Helps Linting (TSLint, ESLint, StyleLint etc.)
• Helps Unit (Mocha, Jasmine, Jest etc.)
• Helps CI/CD

Engineering Director Frontend developer

Has 10+ years of experience and 5+ years of leading a team. Engineering director contributes to the technology R&D

Skills needed for Engineering Director Frontend developer

• Helps Closures
• Helps Expressions
• Helps JS compiling
• Helps Angular/React/Vue etc.
• Helps SQL Queries
• Mentors A11y Standarts
• Mentors Media Queries
• Mentors SEO Basics
• Mentors Layouts (Flex, Grid, Float etc.)
• Mentors Regexp
• Helps DevTools
• Helps Version Control Systems
• Helps Prototypes
• Helps Promises
• Helps Arrays
• Mentors WebSockets (Socket.io)
• Mentors E2E (Protractor, Selenium etc.)
• Mentors Integrational
• Mentors Linting (TSLint, ESLint, StyleLint etc.)
• Mentors Unit (Mocha, Jasmine, Jest etc.)
• Helps Loops, Conditions
• Helps Types
• Mentors TypedArrays
• Mentors Let, const
• Helps RxJS
• Helps Loadash/Underscore/Ramda etc.
• Helps Bootstrap/Material/Prime etc.
• Helps SSR Libraries
• Helps SOLID Principles
• Mentors CSS Basics
• Mentors HTML Basics
• Helps Terminal Usage
• Helps TypeScript
• Mentors Storage
• Helps Functions
• Helps Scopes (Block, Lexical, Dynamic)
• Mentors Async/Await
• Mentors Generators
• Helps JQuery (for something special)
• Helps CI/CD
• Helps Alghorithms
• Helps Design Patterns
• Helps SSH
• Helps Package Managers (npm, yarn)
• Helps IDE Usage (WebStorm, VSCode, Atom etc.
• Helps REST API
• Helps JS Patterns
• Helps Objects (this + Object methods)
• Mentors Application Performance
• Helps Statements, Operators
• Mentors Classes + super()
• Mentors Spread, Rest operators
• Mentors Set/Map
• Helps State Managers (Redux, NGRX, VueX etc.)
• Helps GraphQL
• Helps Versioning + commitizen
• Helps Data Structures
• Helps Refactoring
• Helps Callbacks
• Mentors Service Workers

VP of Engineering Frontend developer

12+ years of experience in leading engineering teams. Works with the executive team. Spots and remove bottlenecks to achieve goals

Skills needed for VP of Engineering Frontend developer

• Mentors Types
• Mentors Expressions
• Helps RxJS
• Mentors Objects (this + Object methods)
• Mentors Refactoring
• Mentors Promises
• Mentors Spread, Rest operators
• Mentors CI/CD
• Mentors SOLID Principles
• Mentors Data Structures
• Mentors Version Control Systems
• Helps CSS Basics
• Helps Regexp
• Mentors Unit (Mocha, Jasmine, Jest etc.)
• Mentors Loops, Conditions
• Mentors Functions
• Helps State Managers (Redux, NGRX, VueX etc.)
• Helps Bootstrap/Material/Prime etc.
• Helps GraphQL
• Mentors Arrays
• Mentors Generators
• Mentors Versioning + commitizen
• Mentors SQL Queries
• Mentors Alghorithms
• Mentors Design Patterns
• Mentors SSH
• Helps Layouts (Flex, Grid, Float etc.)
• Mentors Integrational
• Mentors Application Performance
• Mentors Service Workers
• Mentors Storage
• Mentors Statements, Operators
• Mentors Closures
• Helps JQuery (for something special)
• Helps Angular/React/Vue etc.
• Mentors Callbacks
• Mentors Async/Await
• Mentors TypedArrays
• Mentors Classes + super()
• Mentors Let, const
• Mentors Package Managers (npm, yarn)
• Mentors DevTools
• Mentors Terminal Usage
• Helps Media Queries
• Helps SEO Basics
• Helps HTML Basics
• Mentors E2E (Protractor, Selenium etc.)
• Mentors JS compiling
• Mentors Scopes (Block, Lexical, Dynamic)
• Helps Loadash/Underscore/Ramda etc.
• Helps SSR Libraries
• Mentors JS Patterns
• Mentors Prototypes
• Mentors TypeScript
• Mentors Set/Map
• Mentors IDE Usage (WebStorm, VSCode, Atom etc.
• Mentors REST API
• Helps A11y Standarts
• Mentors Linting (TSLint, ESLint, StyleLint etc.)
• Mentors WebSockets (Socket.io)

CTO Frontend developer

Highest position for software engineers. The CTO is a part of the executive team. Position is critical for company.

Skills needed for CTO Frontend developer

• Mentors SQL Queries
• Mentors Objects (this + Object methods)
• Mentors Refactoring
• Mentors SSH
• Mentors DevTools
• Mentors CI/CD
• Mentors SOLID Principles
• Mentors Alghorithms
• Mentors Design Patterns
• Mentors Loops, Conditions
• Mentors Types
• Mentors Expressions
• Mentors Functions
• Helps A11y Standarts
• Helps SEO Basics
• Helps Layouts (Flex, Grid, Float etc.)
• Mentors Generators
• Mentors Integrational
• Mentors RxJS
• Mentors Arrays
• Mentors Terminal Usage
• Mentors REST API
• Mentors JS compiling
• Helps Media Queries
• Helps HTML Basics
• Mentors Unit (Mocha, Jasmine, Jest etc.)
• Mentors Storage
• Mentors SSR Libraries
• Mentors Angular/React/Vue etc.
• Mentors Versioning + commitizen
• Mentors Prototypes
• Mentors Callbacks
• Mentors Package Managers (npm, yarn)
• Mentors Data Structures
• Mentors IDE Usage (WebStorm, VSCode, Atom etc.
• Mentors Statements, Operators
• Mentors Scopes (Block, Lexical, Dynamic)
• Mentors Async/Await
• Mentors Spread, Rest operators
• Mentors Application Performance
• Mentors Loadash/Underscore/Ramda etc.
• Mentors JQuery (for something special)
• Mentors JS Patterns
• Mentors Promises
• Mentors TypeScript
• Mentors Version Control Systems
• Mentors Closures
• Helps CSS Basics
• Helps Regexp
• Mentors TypedArrays
• Mentors Classes + super()
• Mentors Let, const
• Mentors Set/Map
• Mentors E2E (Protractor, Selenium etc.)
• Mentors Linting (TSLint, ESLint, StyleLint etc.)
• Mentors Service Workers
• Mentors WebSockets (Socket.io)
• Mentors State Managers (Redux, NGRX, VueX etc.)
• Mentors Bootstrap/Material/Prime etc.
• Mentors GraphQL