1

Этап 1

Подготовительный этап

30 октября—05 ноября

2

Этап 2

Написать резюме

3

Этап 3

Пройти курс по фронтэнду

09 декабря—09 декабря

4

Этап 4

Изучить основы программирования

11 декабря—20 декабря

5

Этап 5

Прочитать learn.javascript.ru

07 декабря—01 февраля

6

Этап 6

Пройти курс по основам ES6

7

Этап 7

Пройти 10 технических собеседований

8

Этап 8

Прочитать книги

1

Этап 1

Подготовительный этап

30 октября—05 ноября

3

Этап 3

Пройти курс по фронтэнду

09 декабря—09 декабря

4

Этап 4

Изучить основы программирования

11 декабря—20 декабря

2

Этап 2

Написать резюме

6

Этап 6

Пройти курс по основам ES6

7

Этап 7

Пройти 10 технических собеседований

8

Этап 8

Прочитать книги

5

Этап 5

Прочитать learn.javascript.ru

07 декабря—01 февраля

30 октября 2017 16 апреля 2018
Цель просрочена на 2413 дней

Цель заброшена

Автор не отписывался в цели 6 лет 11 месяцев 12 дней

Общая

Frontend Developer

На данный момент я безработный (фрилансю), до ноября 2017 года работал в большой компании (СМИ) на позиции junior frontend developer с октября 2016 года. При разработке использовал JQuery, SCSS, Gulp, Git. Это на мой взгляд для фронтендера уже устаревшие технологии (хотя и работающие), к сожалению с таким "букетом" в компанию с современным стеком не берут, поэтому было принято решение в корне изменить ситуацию и начать повышать профессиональные навыки.

 Критерий завершения

Трудоустройство в сильную команду на позицию Frontend Developer

 Личные ресурсы

На данный момент я знаю HTML, CSS, JavaScript (на базовом уровне), Jquery. Имею опыт программирования несложных скриптов на Jquery, сделал не один десяток сайтов с полным циклом работ от верстки и программирования до выкладки на продакшн.

У меня есть 4-5 часов в день на обучение.

 Экологичность цели

Работа в крупной IT компании на должности frontend разработчика это моя давняя мечта, но чем старше я становлюсь, тем более четко вижу цель и способы ее достижения. Работая с 2008 года в IT сфере я многое попробовал, что-то получалось хуже, а что-то лучше, но с 2015 года меня зацепила верстка и программирование на js. Я учился сам и у меня не было четкого понимая и плана. Я был заложником хайпа и много времени изучал не фундаментальные вещи, а модные технологии и инструменты. В 2016 году переехал в Москву и устроился в крупное СМИ на позицию junior frontend developer. С 2017 года понял, что хочу большего и надо начинать повышать профессиональные навыки, чтобы изменить ситуацию в лучшую сторону.

  1. Подготовительный этап

    Выявить пробелы в знаниях с помощью опытного человека и скорректировать дальнейший план действий.

  2. Написать резюме

  3. Пройти курс по фронтэнду

    https://erodionov.ru/frontend

    Об авторе:

    Меня зовут Евгений Родионов, и я учу людей фронтэнду.

    Я руководил разработкой Рублёвки.ру и обучил команду, которая сейчас работает в Тинькофф, Рокетбанке, Ростелекоме и немецком Kairion.

    Я веду канал про фронтэнд в Телеграме, пишу статьи на Медиуме и выпускаю 5-минутные видео на Ютубе.

    Хочу, чтобы в России были крутые интерфейсы. Я взращиваю крутых ребят, с которыми готов работать сам.

    Стоимость этапа — 8999 ₽

  4. Изучить основы программирования

    Изучить вебинары Дмитрия Лаврика по основам программирования

    https://www.youtube.com/watch?v=ZC4s44qDjkI&list=PLyeqauxei6jfKHgefLiYxMQye331JZuqb

  5. Прочитать learn.javascript.ru

    Введение

    1. Введение в JavaScript
    2. Справочники и спецификации
    3. Редакторы для кода
    4. Консоль разработчика

    Основы JavaScript

    1. Привет, мир!
    2. Внешние скрипты, порядок исполнения
    3. Структура кода
    4. Современный стандарт, "use strict"
    5. Переменные
    6. Правильный выбор имени переменной
    7. Шесть типов данных, typeof
    8. Основные операторы
    9. Операторы сравнения и логические значения
    10. Побитовые операторы
    11. Взаимодействие с пользователем: alert, prompt, confirm
    12. Условные операторы: if, '?'
    13. Логические операторы
    14. Преобразование типов для примитивов
    15. Циклы while, for
    16. Конструкция switch
    17. Функции
    18. Функциональные выражения
    19. Рекурсия, стек
    20. Именованные функциональные выражения
    21. Всё вместе: особенности JavaScript

    Качество кода

    1. Отладка в браузере Chrome
    2. Советы по стилю кода
    3. Как писать неподдерживаемый код?
    4. Автоматические тесты при помощи chai и mocha

    Структуры данных

    1. Введение в методы и свойства
    2. Числа
    3. Строки
    4. Объекты как ассоциативные массивы
    5. Объекты: перебор свойств
    6. Объекты: передача по ссылке
    7. Массивы с числовыми индексами
    8. Массивы: методы
    9. Массив: перебирающие методы
    10. Псевдомассив аргументов "arguments"
    11. Дата и Время

    Замыкания, область видимости

    1. Глобальный объект
    2. Замыкания, функции изнутри
    3. [[Scope]] для new Function
    4. Локальные переменные для объекта
    5. Модули через замыкания
    6. Управление памятью в JavaScript
    7. Устаревшая конструкция "with"

    Методы объектов и контекст вызова

    1. Методы объектов, this
    2. Преобразование объектов: toString и valueOf
    3. Создание объектов через "new"
    4. Дескрипторы, геттеры и сеттеры свойств
    5. Статические и фабричные методы
    6. Явное указание this: "call", "apply"
    7. Привязка контекста и карринг: "bind"
    8. Функции-обёртки, декораторы

    Некоторые другие возможности

    1. Типы данных: [[Class]], instanceof и утки
    2. Формат JSON, метод toJSON
    3. setTimeout и setInterval
    4. Запуск кода из строки: eval
    5. Перехват ошибок, "try..catch"

    ООП в функциональном стиле

    1. Введение
    2. Внутренний и внешний интерфейс
    3. Геттеры и сеттеры
    4. Функциональное наследование

    ООП в прототипном стиле

    1. Прототип объекта
    2. Свойство F.prototype и создание объектов через new
    3. Встроенные "классы" в JavaScript
    4. Свои классы на прототипах
    5. Наследование классов в JavaScript
    6. Проверка класса: "instanceof"
    7. Свои ошибки, наследование от Error
    8. Примеси

    Современные возможности ES-2015

    1. ES-2015 сейчас
    2. Переменные: let и const
    3. Деструктуризация
    4. Функции
    5. Строки
    6. Объекты и прототипы
    7. Классы
    8. Тип данных Symbol
    9. Итераторы
    10. Set, Map, WeakSet и WeakMap
    11. Promise
    12. Генераторы
    13. Модули
    14. Proxy

    Документ, события, интерфейсы

    1. Окружение: DOM, BOM и JS
    2. Дерево DOM
    3. Работа с DOM из консоли
    4. Навигация по DOM-элементам
    5. Поиск: getElement* и querySelector* и не только
    6. Внутреннее устройство поисковых методов
    7. Свойства узлов: тип, тег и содержимое
    8. Современный DOM: полифиллы
    9. Атрибуты и DOM-свойства
    10. Методы contains и compareDocumentPosition
    11. Добавление и удаление узлов
    12. Мультивставка: insertAdjacentHTML и DocumentFragment
    13. Метод document.write
    14. Стили, getComputedStyle
    15. Размеры и прокрутка элементов
    16. Размеры и прокрутка страницы
    17. Координаты в окне
    18. Координаты в документе
    19. Итого

    Основы работы с событиями

    1. Введение в браузерные события
    2. Порядок обработки событий
    3. Объект события
    4. Всплытие и перехват
    5. Делегирование событий
    6. Приём проектирования "поведение"
    7. Действия браузера по умолчанию
    8. Генерация событий на элементах

    События в деталях

    1. Мышь: клики, кнопка, координаты
    2. Мышь: отмена выделения, невыделяемые элементы
    3. Мышь: движение mouseover/out, mouseenter/leave
    4. Мышь: Drag'n'Drop
    5. Мышь: Drag'n'Drop более глубоко
    6. Мышь: колёсико, событие wheel
    7. Мышь: IE8-, исправление события
    8. Прокрутка: событие scroll
    9. Клавиатура: keyup, keydown, keypress
    10. Загрузка документа: DOMContentLoaded, load, beforeunload, unload
    11. Загрузка скриптов, картинок, фреймов: onload и onerror

    Формы, элементы управления

    1. Навигация и свойства элементов формы
    2. Фокусировка: focus/blur
    3. Изменение: change, input, cut, copy, paste
    4. Формы: отправка, событие и метод submit

    Создание графических компонентов

    1. Введение
    2. Графические компоненты
    3. Вёрстка графических компонентов
    4. Шаблонизатор LoDash
    5. Коллбэки и события на компонентах
    6. Что изучать дальше

    Веб-компоненты: взгляд в будущее

    1. С высоты орбитального полёта
    2. Пользовательские элементы: Custom Elements
    3. Shadow DOM
    4. Шаблоны <template>
    5. Стили и селекторы
    6. Импорты
    7. Веб-компонент в сборе

    AJAX и COMET

    1. Введение в AJAX и COMET
    2. Node.JS для решения задач
    3. Основы XMLHttpRequest
    4. XMLHttpRequest POST, формы и кодировка
    5. XMLHttpRequest: кросс-доменные запросы
    6. XMLHttpRequest: индикация прогресса
    7. XMLHttpRequest: возобновляемая закачка
    8. COMET с XMLHttpRequest: длинные опросы
    9. WebSocket
    10. Протокол JSONP
    11. Server Side Events -- события с сервера
    12. IFRAME для AJAX и COMET
    13. Атака CSRF
    14. Метод fetch: замена XMLHttpRequest
    15. Таблица транспортов и их возможностей

    Анимация

    1. Кривые Безье
    2. CSS-анимации
    3. JS-Анимация

    Оптимизация

    1. Введение
    2. Как работают сжиматели JavaScript
    3. Улучшаем сжатие кода
    4. Утечки памяти
    5. Утечки памяти при использовании jQuery
    6. Очистка памяти при removeChild/innerHTML
    7. GCC: продвинутые оптимизации
    8. GCC: статическая проверка типов
    9. GCC: интеграция с Google Closure Library

    Окна и Фреймы

    1. Открытие окон и методы window
    2. Общение между окнами и фреймами
    3. Кросс-доменные ограничения и их обход
    4. Общение окон с разных доменов: postMessage
    5. Привлечение внимания к окну
    6. Атака Clickjacking и защита от неё

    CSS для JavaScript-разработчика

    1. О чём пойдёт речь
    2. Единицы измерения: "px", "em", "rem" и другие
    3. Все значения свойства "display"
    4. Свойство "float"
    5. Свойство "position"
    6. Центрирование горизонтальное и вертикальное
    7. Свойства "font-size" и "line-height"
    8. Свойство white-space
    9. Свойство "outline"
    10. Свойство "box-sizing"
    11. Свойство "margin"
    12. Лишнее место под IMG
    13. Свойство "overflow"
    14. Особенности свойства "height" в %
    15. Знаете ли вы селекторы?
    16. CSS-спрайты
    17. Правила форматирования CSS

    Сундучок с инструментами

    1. Полезные расширения Firefox и Chrome
    2. Скриптуемый отладочный прокси Fiddler
    3. IE HTTP Analyzer

    Регулярные выражения

    1. Паттерны и флаги
    2. Методы RegExp и String
    3. Классы и спецсимволы
    4. Наборы и диапазоны [...]
    5. Квантификаторы +, *, ? и {n}
    6. Жадные и ленивые квантификаторы
    7. Скобочные группы
    8. Обратные ссылки: \n и $n
    9. Альтернация (или) |
    10. Начало строки ^ и конец $
    11. Многострочный режим, флаг "m"
    12. Предпросмотр (неготово)
    13. Чёрная дыра бэктрекинга

    О всякой всячине

    1. Эволюция шаблонных систем для JavaScript
    2. Книги по JS, HTML/CSS и не только
    3. Асинхронное выполнение: setImmediate
    4. Позднее связывание "bindLate"
    5. Sublime Text: шпаргалка
    6. Выделение: Range, TextRange и Selection
    7. Применяем ООП: Drag'n'Drop++
    8. Куки, document.cookie
    9. Intl: интернационализация в JavaScript
    10. Особенности регулярных выражений в Javascript
  6. Пройти курс по основам ES6

    https://www.youtube.com/playlist?list=PLqHlAwsJRxAOpWPtj2T6HhSzX-lKmKV2q

    1. Вступление
    2. Установка и настройка Babel
    3. Использование let
    4. Использование const
    5. Оператор разворота (spread operator)
    6. Шаблонные строки (template strings)
    7. Параметры функции
    8. Цикл for...of
    9. Объекты
    10. Классы
    11. Наследование
    12. Классы и наследование в ES5 и ES6
    13. Выражения классов
    14. Стрелочные функции
    15. Деструктивное присваивание массивов
    16. Деструктивное присваивание объектов
    17. Знакомство с обещаниями
    18. Создание обещаний (promises)
    19. Использование обещаний (promise)
    20. Символы (symbols)
    21. Итераторы (iterators)
    22. Знакомство с генераторами (generators)
    23. Создание генераторов (generators)
  7. Пройти 10 технических собеседований

    1. Яндекс
    2. FINS
    3. Российская газета
    4. One Two Trip
  8. Прочитать книги

    1. Изучаем программирование на JavaScript (авторы: Эрик Фримен, Элизабет Робсон)
    2. JavaScript. Сильные стороны (автор: Дуглас Крокфорд)
    3. Грокаем алгоритмы. Иллюстрированное пособие для программистов и любопытствующих (автор: Адитья Бхаргава)
  • 2022
  • 30 октября 2017, 07:44
Регистрация

Регистрация

Уже зарегистрированы?
Быстрая регистрация через соцсети
Вход на сайт

Входите.
Открыто.

Еще не зарегистрированы?
 
Войти через соцсети
Забыли пароль?