1

Step 1

Мастер-класс по архитектуре и патернам

28 September—28 September

2

Step 2

Курс по React (learn.javascript)

16 September—24 October

3

Step 3

Курс "Next.js 14 - с нуля, React TypeScript, Hooks, SSR и CSS Grid"

4

Step 4

Курс по инфраструктуре фронтенда

5

Step 5

Книга "Изучаем паттерны проектирования JavaScript. 2-е изд."

6

Step 6

FSD — полный курс

7

Step 7

Другое

8

Step 8

React 18 Design Patterns and Best Practices

1

Step 1

Мастер-класс по архитектуре и патернам

28 September—28 September

2

Step 2

Курс по React (learn.javascript)

16 September—24 October

3

Step 3

Курс "Next.js 14 - с нуля, React TypeScript, Hooks, SSR и CSS Grid"

4

Step 4

Курс по инфраструктуре фронтенда

5

Step 5

Книга "Изучаем паттерны проектирования JavaScript. 2-е изд."

6

Step 6

FSD — полный курс

7

Step 7

Другое

8

Step 8

React 18 Design Patterns and Best Practices

06 September 2024 01 September 2025

1 0


months
before completion

Goal author

Career & Work

Найти вторую работу на React за 2-3к $

Итак ,у меня есть одна цель ,для которой мне необходимо накопить значительную сумму денег. Вместо вертикального роста на одной работе я решил выбрать путь поиска работы по совместительству. Поскольку у меня сейчас есть достаточно времени ,чтобы учиться ,я бы также эффективно мог направить его в работу ,которая бы приносила мне доп. прибыль.

У меня был опыт совмещения двух работ ,но тогда это был эксперимент ,и у меня не было особой нужды в этом. Да и не сказать ,что я тогда много получал за счет второго проекта. Однако дополнительный опыт все же получил. Примечательно то ,что основная работа тогда требовала посещения офиса 5/2 ,и я как-то все равно умудрялся совмещать (вторая была удаленно).

В этот раз все как будто будет попроще ,тк обе работы будут на удаленке.

Почему я выбрал React? - на нем просто в разы больше вакансий ,чем на других frontend-стеках. Поскольку первая работа у меня по ТК ,на второй мне необходимо будет оформляться как-то иначе - ИП ,СЗ или ГПХ. Вариантов таких вакансий намного меньше ,чем с оформлением по ТК. Особенно на привычном мне Angular. Да и после беглого обзора React ,он мне очень понравился ,и я решил далее развиваться во Frontend именно с этой библиотекой.

В рамках этой цели мне необходимо будет подготовиться к собеседованиям на вакансии React-разработчика ,чтобы претендовать на оффер в 2-3к $. Помимо этого нужно морально подготовить себя к х2 нагрузке на работе ,выяснить различные нюансы совмещения и нестандартной формы трудоустройства.

 Goal Accomplishment Criteria

Оффер получен

  1. Мастер-класс по архитектуре и патернам

    https://learn.javascript.ru/courses/jspatterns

    Очень полезный однодневный интенсив по всяким паттернам и т.д. Освежу в памяти то что знал и выучу что-то новое для себя. Полезно будет как в работе ,так и для прохождения собесов.

    Step cost — 68.84 $

  2. Курс по React (learn.javascript)

    https://learn.javascript.ru/courses/react

    Нашел этот курс очень полезным для себя. Подойдет в качестве закрытия пробелов по современному React и получения какой-то практики с code-review. К тому же не очень дорогой.

    Step cost — 251.89 $

    1. База React

    2. Redux

    3. React-router-dom

    4. Next

    5. Оптимизация

  3. Курс "Next.js 14 - с нуля, React TypeScript, Hooks, SSR и CSS Grid"

    https://purpleschool.ru/course/nextjs

    В рамках этого курса я хочу глубже вникнуть в SSR и разработке React на Next. По содержанию достаточно объемный ,помимо Next рассматривается TypeScript в связке с React ,CSS Grid, Доступность и тд

    Step cost — 214.15 $

    1. Введение

    2. Настройка окружения

    3. TypeScript

    4. Старт проекта

    5. Компоненты Head и Document

    6. Figma для разработчика

    7. Простые компоненты

    8. Statefull компоненты

    9. HOC компоненты

    10. CSS Grid

    11. Server Side Rendering

    12. Контекст

    13. Роутинг

    14. Страница продуктов

    15. Компонент продукта

    16. Работа с формами

    17. Анимация на Framer Motion

    18. Доступность

    19. Подготовка к production

    20. Проект - Layout

    21. Проект - Каталог

    22. Проект - Карточка товара

    23. Проект - Корзина товаров

    24. Проект - Авторизация

    25. Заключение

    26. Командный проект

  4. Курс по инфраструктуре фронтенда

    Сайт с описанием курса еще не вышел ,но узнал из первых уст о его разработке и получил программу. Мне она показалась очень полезной ,к слову там много тем ,которые я хотел пройти на курсах яндекса по архитектуре ПО. Однозначно добавлю сюда ,старт планируется у них в декабре.

    Step cost — 611.87 $

    1. Основные технологии инфраструктуры

    2. Пакетные менеджеры

    3. Статические проверки кода

    4. Eslint in depth

    5. CD

    6. Статические проверки и тесты в CI

    7. Github CI

    8. Gitlab CI

    9. Docker

    10. Настройка Docker

    11. Kubernetess

    12. CI: Deploy

    13. Ansible

    14. Terraform

    15. Мониторинги

    16. nginx, reverse-proxy, s3

    17. Организация ассетов

    18. Мастер-класс

  5. Книга "Изучаем паттерны проектирования JavaScript. 2-е изд."

    1. Введение в паттерны проектирования

    2. Тестирование паттернов, протопаттерны и правило трех

    3. Структурирование и написание паттернов

    4. Антипаттерны

    5. Современный синтаксис и функции JavaScript

    6. Категории паттернов проектирования

    7. Паттерны проектирования JavaScript

    8. Паттерны JavaScript MV*

    9. Паттерны асинхронного программирования

    10. Модульные паттерны разработки на JavaScript

    11. Паттерны пространства имен

    12. Паттерны разработки React

    13. Паттерны рендеринга

    14. Структура приложения для React

  6. FSD — полный курс

    1. Какие Архитектурные принципы Реализует FSD

    2. Dependency Inversion - основной инструмент архитектора

    3. Основы FSD на простом примере

    4. FSD Погружаемся в слои

    5. Проблемы FSD и мой вариант их решения

    6. Настройка eslint для FSD. Как мигрировать приложение на FSD

    7. react-query + context

    8. Redux и Mobx в контексте FSD

    9. Примеры реализации фич на FSD

    10. Как готовить FSD с Next, (Pages и App router)

  7. Другое

    1. ErrorBoundary

  8. React 18 Design Patterns and Best Practices

    1. Taking Your First Steps with React

    2. Introducing TypeScript

    3. Cleaning Up Your Code

    4. Exploring Popular Composition Patterns

    5. Writing Code for the Browser

    6. Making Your Components Look Beautiful

    7. Anti-Patterns to Be Avoided

    8. React Hooks

    9. React Router

    10. React 18 New Features

    11. Managing Data

    12. Server-Side Rendering

    13. Understanding GraphQL with a Real Project

    14. MonoRepo Architecture

    15. Improving the Performance of Your Applications

    16. Testing and Debugging

    17. Deploying to Production

  • 456
  • 06 September 2024, 12:26
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?