1

Step 1

Learn the basics

2

Step 2

Getting deeper - JS

3

Step 3

Getting deeper - CSS

4

Step 4

Required for any Path

5

Step 5

PWA

6

Step 6

Server Side Rendering

7

Step 7

Server Side Languages

1

Step 1

Learn the basics

2

Step 2

Getting deeper - JS

3

Step 3

Getting deeper - CSS

4

Step 4

Required for any Path

5

Step 5

PWA

6

Step 6

Server Side Rendering

7

Step 7

Server Side Languages

08 January 2019

Goal abandoned

The author does not write in the goal 3 years 9 months 23 days

Goal author

Career & Work

Front-end Developer Roadmap 2019

Уже несколько лет ставлю себе цели по фронт-энду и уже несколько лет топчусь на месте, в то время, как соратники ушли далеко вперёд. Надоело. Надо пройти этот самый Roadmap, и побыстрее. Технологии развиваются постоянно, и надо подтянуть свой уровень знаний до приемлемого, чтобы реализовать главную цель на 2019 год.

Базовая инфа - здесь: https://github.com/kamranahmedse/developer-roadmap

 Goal Accomplishment Criteria

Пройдено процентов 80 от Front-end Developer Roadmap

  1. Learn the basics

    • HTML
      • Writing Semantic HTML
      • Basic SEO
      • Accessibility
    • CSS
      • CSS Architecture - BEM
    • JS
      • Syntax and basic constructs
      • DOM manipulation
      • AJAX
      • Understand the concepts"
        • Hoisting
        • bubbling
        • scope
        • shadow DOM
      • jQuery
  2. Getting deeper - JS

    • ES6
    • Formatters
      • ESLint
    • Task Runners
      • Gulp
      • npm scripts
    • CSS in JS
      • Styled components
      • CSS Modules
    • Testing
      • Jest
      • Enzyme
      • Cypress
      • Unit testing
      • integration testing
      • functional testing
    • TypeScript
    • Module Loader
      • Webpack
    • Choose a Framework
      • Angular
      • React
        • Redux
    • Vue
      • Vuex
  3. Getting deeper - CSS

    • Responsive Web
    • Choose Framework
      • Bootstrap
    • Preprocessors
      • Less
      • Sass
    • Dive Deep CSS3
      • Grids
      • Flexbox
      • Animations
    • JS
      • Desing Patterns
      • Regex
  4. Required for any Path

    • Data Structures and Algorithms (вот тут самая засада)
    • SOLID, KISS, YAGNI
    • Semantic Versioning
    • Design Patterns
  5. PWA

    • PRPL Pattern
    • RAIL Model
    • Performance Metrics
    • Using dev Tools
    • Web Sockets
    • Service Workers
    • Location
  6. Server Side Rendering

    • Next.js
    • React.js
  7. Server Side Languages

    • NodeJS (раз уж речь идёт о фронт-енде)
      • Make some command-line applications
      • Learn package manager

    Далее этот этап будет набиваться пунктами по мере изучения Ноды

  • 2484
  • 08 January 2019, 09:01
Sign up

Signup

Уже зарегистрированы?
Quick sign-up through social networks.
Sign in

Sign in.
Allowed.

Not registered yet?
 
Log in through social networks
Forgot your password?