1

Step 1

Зарегистрироваться на heroku.com

2

Step 2

Изучение Git

3

Step 3

Настройка рабочего окружения (полная, для разработки)

4

Step 4

Jade

5

Step 5

Настройка рабочего окружения (начальная)

6

Step 6

JAVA SCRIPT

7

Step 7

React

8

Step 8

БЭМ ... Марджера : )

9

Step 9

Дополнительные плюшечки

1

Step 1

Зарегистрироваться на heroku.com

2

Step 2

Изучение Git

3

Step 3

Настройка рабочего окружения (полная, для разработки)

4

Step 4

Jade

5

Step 5

Настройка рабочего окружения (начальная)

6

Step 6

JAVA SCRIPT

7

Step 7

React

8

Step 8

БЭМ ... Марджера : )

9

Step 9

Дополнительные плюшечки

02 November 2015 08 May 2018
Goal completed 22 April 2018
General

Стать востребованным Front-end разработчиком

Вакансия HTML-верстальщика постепенно уходит на задний план. Для того, чтобы зарабатывать и быть ценным сотрудником уже не достаточно базовых знаний верстки. Все больше на рынке труда востребованы специалисты полностью покрывающие определенную сферу веб-разработки, например Front-end. Чего я собственно и хочу добиться. Мне нужно изучить множество необходимых технологий, чтобы в последствии через год уже точно быть ценным, уважаемым и полезным фронтендером. Чтобы за меня держались там где я буду работать и хотели все остальные компании))) Это конечно практически нереальная цель, учитывая то, что я даю себе срок всего в год! (P.S.: задумывалось вообще на пол года). НО! Буду делать все что в моих силах и еще больше!

 Goal Accomplishment Criteria

Я работаю Front-end разработчиком или мега продвинутым html-верстальщиком, меня ценят в компании, в которой я работаю и в месяц я зарабатываю от 60000р.

 Personal resources

У меня есть начальные знания и навыки, даже сертификат по окончанию обучения) Время - целый год! А пока я не работаю, его еще больше.. Конечно же у меня есть куча знакомств и не только в родном городе. Со всеми я в хороших отношениях, так что без поддержки и помощи не обойдусь ) По моему у меня есть все шансы на удачу!

 Goal ecological compatibility

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

  1. Зарегистрироваться на heroku.com

    Бесплатный и отличный хостинг! Для супер гиков)

  2. Изучение Git

    Ресурсы:

    1. Документация
    2. Интерактивный тур
    3. GitHub

    Пункт с документацией добавляю в этап "Дополнительные плюшки"

    1. Прочитать документацию (1-2 глава)

    2. Пройти интерактив

    3. Зарегистрироваться на githab.com

  3. Настройка рабочего окружения (полная, для разработки)

    Тут уже по-сложнее. Нужно будет установить Grunt (система таcков/система сборки кода), а для него NodeJS. В последствии настроить Grunt под компиляцию. Установить Jade.

    Ресурсы:

    1. О NodeJS
    2. Официальный сайт Grant`a и хорошая статья о нем и установке.
    3. Видео Sorax`а о Grunt и как он настраивается на простом примере
    4. Подборка самых нужных плагинов.
    5. O Bower
    1. Установить через консоль с помощью choco install nodejs.install

    2. Установить Grunt и настроить его

    3. Установить Jade

    4. Установить Bower

  4. Jade

    Надо бы научиться использовать Jade. А-то установить установила, и что дальше?))

    Ресурсы:

    1. Сайт jade`a
    2. Конвертер из HTML в Jade - на первое время.
    3. Видео "Быстрый старт с Jade"
    1. Видео "Быстрый старт с Jade"

  5. Настройка рабочего окружения (начальная)

    Все, что потребуется на начальном уровне, для следующего этапа.

    Ресурсы:

    1. Sublime Text 3 и Package Control
    2. O Chocolatey и его сайт, на котором так же можно искать команды для установки макетов
    3. ConEmu: choco install devbox-conemu
    4. Git: choco install git.install
    1. Установка Sublime Text 3 и Package Control для него

    2. Установка менеджера пакетов Chocolatey

    3. Установка ConEmu (терминал взамен powershell)

    4. Установка git

  6. JAVA SCRIPT

    JS - необходимый материал Фронтендера. Но мне сейчас досконально знать его не надо. Поэтому обойдусь без стопок книг по JS.

    Ресурсы:

    1. Курс/Книга learn.javascript.ru - говорят отличнейший ресурс
    2. Видео курс для владеющих базовыми знаниями JS - Monster Lessons. Немного, качественно и ёмко.
    3. jQuery
    4. Задачки по JS - необязательный пункт, но он меня заинтересовал. Можно использовать просто для тренировок.
    5. Вообще еще очень хочется допройти курс по JS на codecademy.com. Просто в далекие далекие времена я его забросила, а он очень интересный. Наверное даже заново пройду. Тоже необязательный пункт. Сейчас курсы стали частично платные, прикрыв все самое интересное в платный контент, да и не хота уже - есть множество других полезных ресурсов.
    1. learn.javascript.ru

    2. jQuery

  7. React

    Дошло дело до фреймворков. "На самом деле это не только востребованная технология среди фронт-енд разработчиков, но и действительно удобная вещь!" Так я писала про Ангуляр еще год назад, а сейчас, в 2017ом нужен Реакт =))

    Ресурсы:

    1. React на Monster Lessons - видео-курс по реакту
    2. Документация и туториал по реакту
    3. Redux на Monster Lessons - видео-курс по редьюксу
    4. Интернет-магазин на React & Redux - платный видео-курс от Monster Lessons
    1. Документация (хотя бы основа основ)

    2. Видео-курс по реакту

  8. БЭМ ... Марджера : )

    Да, у меня клевое чувство юмора ^^

    Итак, надо будет обуздать БЭМ... В целом я уже пользовалась Соглашением по наименованию в стиле Гарри Робертсона. Так что осталось дело за малым.

    Ресурсы:

    1. Быстрый старт (документация от самого Яндекса)
    2. Верстаем по БЭМ вместе с самим Яндексом - трехчасовое видео.

    Всего этого "за глаза и за уши" и даже больше чем надо.

    1. Документация

  9. Дополнительные плюшечки

    Про продвинутые курсы на htmlacademy.ru. Надо допройти!

    Документация по Git - Дочитать!

    Шпаргалка по Git flow

    Статья по flex-box, видео-обзор flex-box, игра по flex-box

    1. Курс Знакомство с HTML5

    2. Формы и HTML5

    3. Селекторы. Часть 2

    4. Селекторы. Часть 3

    5. Линейные градиенты

    6. Двумерные трансформации

    7. Мастерская: декоративные эффекты на HTML5 и CSS3

    8. Оформление текста с помощью CSS. Часть 2

    9. Плавные переходы

    10. Таблицы на CSS

    11. Рамки и фоны, часть 2

    12. Кекстаграм: Начало. CSS-фильтры

    13. Кекстаграм: Эпилог. JavaScript

    14. Флексбокс, часть 1

    15. Флексбокс, часть 2

    16. Видео о флекс-боксах

    17. Игра по флекс-боксам

    18. Статья по flex-box

    19. Перепройти курсы Игра теней и Анимация

  • 4602
  • 02 November 2015, 21:11
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?