Профессиональный рост 2018

Пройти путь от html-верстальщика до фронтенд-разработчика. Сейчас я хорошо верстаю, могу сделать сборку проекта на Gulp. При этом знания и опыт по JS пока немного хромает и мне нужно знать хотя бы 1 js - фреймворк. Это первое.

Второе - необходимо научиться "натягивать" верстку на популярные CMS, в первую очередь: ModX, Wordpress, Drupal.

Третье, а может и первое - английский язык.

Ну, и коненчо, же опыт и практика

В этой цели будут собраны все задачи по этому направлению. Для более крупных задач будут отдельные задачи/

Итак, какие технологии должен освоить фронтенд-разработчик:

• HTML и CSS (в том числе сетки и CSS-фреймворки, спецификации W3C и WHATWG, HTML5/CSS3 Polyfills)
• Препроцессоры CSS (Sass, Less, Stylus и т. д.)
• JavaScript
• Популярные фреймворки и библиотеки: jQuery, Angular.JS, React.JS, Backbone.js и т. д.)
• OOCSS / BEM / SMACSS
• SVG
• DOM
• HTML5 API
• ECMAScript 6
• Популярные CMS (WordPress, Drupal, Joomla и т.д.)
• Понимать принципы построения бекэнда и разбираться в серверных технологиях (Node.js, PHP, Ruby, .NET и т. д.)
• Инструменты дебаггинга (Chrome Dev Tools, Firebug и прочие)
• JavaScript транспайлеры (Babel)
• Инструменты контроля версий (Git, GitHub, CVS и т. д.)
• Базы данных и языки запросов (SQL, MySql, NoSQL, MongoDB и т. д.)
• Графические редакторы (Photoshop, Illustrator и т. д.)

В чем должен разбираться:

• кросс-браузерная и кросс-платформенная разработка;
• прогрессивное улучшение и изящная деградация;
• мобильная разработка;
• адаптивная и отзывчивая верстка;
• веб-шрифты;
• принципы SEO-оптимизации.

Практическая часть

Сверстать 10 уникальных макетов для портфолио и 11 - сайт-визитка

Макеты из тестовых сюда не включаются, как и учебные макеты с различных курсов. Это должны быть макеты из реальных проектов. Желательно. чтобы все проекты были адаптивными

• Они должны быть разные как по направлению деятельности компании для которой созданы, так у них может и быть разное количество страниц.
• При верстке каждого макета использовать новую для себя технологию
• По возможности использовать нативный JS
• Все уникальные макеты натянуть как минимум на 1 CMS

В скобках указать, чтобы было использовано нового.

UPDATE!!!

Теперь в данной цели будут прописываться мои непосредственные цели на работе + хотелки по развитию в данном направлении. В дальнейшем думаю сюда "слить" все цели и подцели в данном направлении. Например, у меня есть цели по кварталам, которые расписаны непосредственно на работе, при этом все мои цели можно разделить на HARD-SKILLS и SOFT-SKILLS.

HARD-SKILLS (По работе на 2 квартал и немного 3-го 2018):

Изучить рабочее workflow:

• Инструменты Atlassian: Stash/JIRA/Confluence
• Git Extensions
• WebStorm
• Apache
• Fiddler
• Все остальное

SOFT-SKILLS (По работе на 2 квартал и немного 3-го 2018):

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

HARD-SKILLS (По работе на 3 квартал 2018):

• Освоить Webpack до 29 сентября 2018 - частично выполнено
  
• Освоить TeamCity до 29 сентября 2018 - выполнено

SOFT-SKILLS (По работе на 3 квартал 2018):

• Поднять уровень английского до Pre-Intermediate

HARD-SKILLS (Хотелки на 3 квартал 2018):

• Решить все обяазтельные задачи "Базового JS" до 29 сентября 2018 - провал
  
• Доделать стартовый шаблон на Gulp со всеми плюшками - провал
  
• Начать верстать один учебный шаблон Академии на основе своего стартового шаблона -провал

SOFT-SKILLS (Хотелки на 3 2018):

• Вернуться в журналистику - отмена
• Провести активность на работе (Никак не получу должгожданное письмо, после котоорго можно будет начать действовать) - отмена

HARD-SKILLS (По работе на 4 квартал 2018):

• Изучить возможности препроцессора LESS

SOFT-SKILLS (По работе на 4 квартал 2018):

• English everyday
• Поднять уровень английского до Pre-Intermediate

HARD-SKILLS (Хотелки на 4 квартал 2018):

• Доделать стартовый шаблон на Gulp со всеми плюшками
• Начать верстать один учебный шаблон Академии на основе своего стартового шаблона
• Перепройти курс "Базовый HTML и CSS" самостоятельно и успешно защитить проект
• Решить все обяазтельные задачи "Базового JS"