Стать востребованным Front-end разработчиком
Вакансия HTML-верстальщика постепенно уходит на задний план. Для того, чтобы зарабатывать и быть ценным сотрудником уже не достаточно базовых знаний верстки. Все больше на рынке труда востребованы специалисты полностью покрывающие определенную сферу веб-разработки, например Front-end. Чего я собственно и хочу добиться. Мне нужно изучить множество необходимых технологий, чтобы в последствии через год уже точно быть ценным, уважаемым и полезным фронтендером. Чтобы за меня держались там где я буду работать и хотели все остальные компании))) Это конечно практически нереальная цель, учитывая то, что я даю себе срок всего в год! (P.S.: задумывалось вообще на пол года). НО! Буду делать все что в моих силах и еще больше!
Критерий завершения
Я работаю Front-end разработчиком или мега продвинутым html-верстальщиком, меня ценят в компании, в которой я работаю и в месяц я зарабатываю от 60000р.
Личные ресурсы
У меня есть начальные знания и навыки, даже сертификат по окончанию обучения) Время - целый год! А пока я не работаю, его еще больше.. Конечно же у меня есть куча знакомств и не только в родном городе. Со всеми я в хороших отношениях, так что без поддержки и помощи не обойдусь ) По моему у меня есть все шансы на удачу!
Экологичность цели
Данная цель полностью зависит от меня и только меня. Я как и любой человек хочу иметь хорошую карьеру и добиваться в ней небывалых высот. Как минимум для того, чтобы обеспечить себе самостоятельность, самодостаточность и возможность жить полной жизнью, с семьей, домом и путешествиями. Все это во благо моих же интересов. И конечно же цель навеяна социумом, но это уже философский вопрос )
-
Зарегистрироваться на heroku.com
Бесплатный и отличный хостинг! Для супер гиков)
-
Изучение Git
Ресурсы:
Пункт с документацией добавляю в этап "Дополнительные плюшки"
![]()
-
Прочитать документацию (1-2 глава)
-
Пройти интерактив
-
Зарегистрироваться на githab.com
-
-
Настройка рабочего окружения (полная, для разработки)
Тут уже по-сложнее. Нужно будет установить Grunt (система таcков/система сборки кода), а для него NodeJS. В последствии настроить Grunt под компиляцию. Установить Jade.
Ресурсы:
- О NodeJS
- Официальный сайт Grant`a и хорошая статья о нем и установке.
- Видео Sorax`а о Grunt и как он настраивается на простом примере
- Подборка самых нужных плагинов.
- O Bower
![]()
![]()
![]()
-
Установить через консоль с помощью choco install nodejs.install
-
Установить Grunt и настроить его
-
Установить Jade
-
Установить Bower
-
Jade
Надо бы научиться использовать Jade. А-то установить установила, и что дальше?))
Ресурсы:
- Сайт jade`a
- Конвертер из HTML в Jade - на первое время.
- Видео "Быстрый старт с Jade"
-
Видео "Быстрый старт с Jade"
-
Настройка рабочего окружения (начальная)
Все, что потребуется на начальном уровне, для следующего этапа.
Ресурсы:
- Sublime Text 3 и Package Control
- O Chocolatey и его сайт, на котором так же можно искать команды для установки макетов
- ConEmu: choco install devbox-conemu
- Git: choco install git.install
![]()
![]()
![]()
-
Установка Sublime Text 3 и Package Control для него
-
Установка менеджера пакетов Chocolatey
-
Установка ConEmu (терминал взамен powershell)
-
Установка git
-
JAVA SCRIPT
JS - необходимый материал Фронтендера. Но мне сейчас досконально знать его не надо. Поэтому обойдусь без стопок книг по JS.
Ресурсы:
- Курс/Книга learn.javascript.ru - говорят отличнейший ресурс
- Видео курс для владеющих базовыми знаниями JS - Monster Lessons. Немного, качественно и ёмко.
- jQuery
- Задачки по JS - необязательный пункт, но он меня заинтересовал. Можно использовать просто для тренировок.
Вообще еще очень хочется допройти курс по JS на codecademy.com. Просто в далекие далекие времена я его забросила, а он очень интересный. Наверное даже заново пройду. Тоже необязательный пункт.Сейчас курсы стали частично платные, прикрыв все самое интересное в платный контент, да и не хота уже - есть множество других полезных ресурсов.
-
learn.javascript.ru
-
jQuery
-
React
Дошло дело до фреймворков. "На самом деле это не только востребованная технология среди фронт-енд разработчиков, но и действительно удобная вещь!" Так я писала про Ангуляр еще год назад, а сейчас, в 2017ом нужен Реакт =))
Ресурсы:
- React на Monster Lessons - видео-курс по реакту
- Документация и туториал по реакту
- Redux на Monster Lessons - видео-курс по редьюксу
- Интернет-магазин на React & Redux - платный видео-курс от Monster Lessons
-
Документация (хотя бы основа основ)
-
Видео-курс по реакту
-
БЭМ ... Марджера : )
Да, у меня клевое чувство юмора ^^
Итак, надо будет обуздать БЭМ... В целом я уже пользовалась Соглашением по наименованию в стиле Гарри Робертсона. Так что осталось дело за малым.
Ресурсы:
- Быстрый старт (документация от самого Яндекса)
- Верстаем по БЭМ вместе с самим Яндексом - трехчасовое видео.
Всего этого "за глаза и за уши" и даже больше чем надо.
-
Документация
-
Дополнительные плюшечки
Про продвинутые курсы на htmlacademy.ru. Надо допройти!
Документация по Git - Дочитать!
Статья по flex-box, видео-обзор flex-box, игра по flex-box
-
Курс Знакомство с HTML5
-
Формы и HTML5
-
Селекторы. Часть 2
-
Селекторы. Часть 3
-
Линейные градиенты
-
Двумерные трансформации
-
Мастерская: декоративные эффекты на HTML5 и CSS3
-
Оформление текста с помощью CSS. Часть 2
-
Плавные переходы
-
Таблицы на CSS
-
Рамки и фоны, часть 2
-
Кекстаграм: Начало. CSS-фильтры
-
Кекстаграм: Эпилог. JavaScript
-
Флексбокс, часть 1
-
Флексбокс, часть 2
-
Видео о флекс-боксах
-
Игра по флекс-боксам
-
Статья по flex-box
-
Перепройти курсы Игра теней и Анимация
-
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
