Курс
"Профессия: Magento CMS 2 Frontend Developer"alpha

Как научиться создавать интернет-магазины, работать с зарубежным заказчиком и стать высокооплачиваемым разработчиком

Количество мест ОГРАНИЧЕНО

Для кого курс

Junior Magento FE developer

Научитесь разрабатывать интернет-магазины с нуля, станьте специалистом, увеличьте свой доход в 2 раза

Freelancer

Освойте новую профессию, научитесь создавать премиальные решения на рынке eCommerce

Middle Magento FE developer

Ускорьте свой профессиональный рост, прокачайте свои знания и навыки, станьте востребованным разработчиком

  • У вас есть опыт но вы не знаете как с нуля создать интернет-магазин на базе Magento CMS
  • Вам страшно брать ответственность за разработку всего проекта
  • Вы не знаете, какие существуют этапы разработки и как оценить время разработки
  • Вы не знаете, как писать качественный код под Magento CMS
  • Вы не знаете, как использовать мощный инструмент Magento UI library
  • Вы не понимаете как работает система шаблонов и лейаутов в Magento CMS
  • Вы не знаете, как создавать интернет-магазин с множеством тем
  • Вы не умеете использовать Magento CMS в качестве фреймворка и расширять базовые возможности
  • Вы не умеете подключать и расширять возможности сторонних модулей
  • Вы не умеете предугадывать потенциальных проблем с кодом, контентом или настройками системы
  • Вы не умеете оформлять задачи и писать документацию по проекту
  • Вы не знаете, что такое профессиональная ценность
  • Вы не знаете, как работать с иностранным заказчиком
  • Вы не знаете, как создать продающее резюме
  • Вы не знаете, как продать свои навыки и умения дорого
  • Вы не знаете, как успешно пройти собеседование и получить оффер
  • Вы "зависли" на позиции и не знаете куда двигаться дальше
  • Вам кажется, что вы достигли своего профессионального и финансового максимума
  • Вы думаете, что у заказчика нет денег и он не готов платить больше
  • Вы хотите иметь долларовый доход
  • Вы хотите обрести высокооплачиваемую профессию
  • Вы хотите обрести опыт и экспертность
  • Раз на рынке аналогичные услуги разработчиков стоят $XXX, вы думаете, что за них не заплатят $XXXX

ОБУЧЕНИЕ НАЧИНАЕТСЯ В ПЕРВЫЙ ДЕНЬ — после оплаты вы гарантированно забронируете своё место в ближайшем потоке, будете добавлены в канал Slack, с первым уроком начнётся практическое обучение, на котором вы будете учиться создавать интернет-магазин с нуля.

В результате вы начнёте закладывать мощный фундамент с первых дней курса

Почему вы не работаете задорого

Не верите, что ваша деятельность может приносит больше в разы

Уверены, что на вашей должности невозможно зарабатывать больше

Думаете, что на рынке нет заказчиков с таким уровнем дохода

Не понимаете,  кто заказчик, который готов заплатить много, и где такого искать

Не знаете, как оформлять резюме и дорого продать свои профессиональные навыки

Не умеете доносить ценность своих навыков на языке заказчика

КОГДА Я ПРИШËЛ НА РЫНОК WEB-РАЗРАБОТКИ 15 ЛЕТ НАЗАД, 
первые несколько месяцев я имел реактивный профессиональный рост.

Но очень скоро я завис на одном уровне, денежно и профессионально.
Я "упёрся в потолок" и был уверен что никто и никогда на этой позиции не заплатит мне больше.

И потом я понял такой парадокс: в низкооплачиваемом сегменте очень высокая конкуренция.
А в дорогом сегменте предложений практически нет, и как следствие, нет конкуренции.

Что нужно, что бы зарабатывать $2500?

Принято считать оклад разработчика исходя из ставки за час его работы.
Рабочий день: 8 часов, 21 день в месяц. В среднем это 168 рабочих часов

$7/час

357 часов в месяц

$7 * 357 = $2500

$15/час

168 часов в месяц

$15 * 168 = $2500

Что проще

Работать с утра до ночи 
по 16 часов в сутки за $7/час

Или в 2 раза меньше, стандартный рабочий 8 часовой день, за $15/час

Если вы знаете свою профессиональную ценность, владеете востребованными знаниями и навыками, умеете грамотно составить резюме, общаться с клиентом и успешно проходить собеседование, получить оффер — дело одного собеседования

При этом с дорогостоящими разработчиками сотрудничают осознанные заказчики. С такими клиентами не нужно "нянчится", бегать за ними и уговаривать что-то делать. Они приходят с конкретными проектами и сами ставят задания — только выполняй!

Сколько времени нужно учится,что бы зарабатывать от $2500?

Сколько потребуется время на обучение начинающему разработчику,
что бы выйти на ставку от $2500 в месяц при самых благоприятных обстоятельствах

0

месяцев

TRAINEE

Без опыта, имея базовые знаниями HTML, CSS можно устроится "Trainee" (стажёр)
Доход до $300/мес ($1.75/час)

6

месяцев

JUNIOR FRONTEND DEVELOPER

Через 6 месяцев стажер может претендовать на позицию "Junior frontend developer"
Доход до $500/мес ($3/час)

12

месяцев

STRONG JUNIOR FRONTEND DEVELOPER

Спустя 6 месяцев разработчик может претендовать на позицию "Strong Junior frontend developer"
Доход до $800/мес ($4.76/час)

18

месяцев

MIDDLE FRONTEND DEVELOPER

Через 6 месяцев разработчик сможет претендовать на должность "Middle frontend developer"
Доход до $1200/мес ($7.14/час)

30-36

месяцев

STRONG MIDDLE FRONTEND DEVELOPER

Спустя 12-18 месяцев на должности "Strong Middle FE developer"
Доход до $2500/мес ($14.9/час)

Senior Magento Frontend Developer
зарабатывает $4000-6000 в месяц

Этот курс даёт возможность
ускорить процесс обучения в 2 раза

Формат участия

Это не обычный курс, где нужно проходить
уроки, делать задания и писать отчеты

вы получаете технологии, скрипты и шаблоны,
идёте в "поле" и получаете реальные результаты

Продолжительность: ~6 недель

I этап курса

разбор дизайна, обсуждение задач и оценка времени разработки взорвут ваш мозг ещё до старта разработки

II этап курса

полное погружение в интенсив в формате концентрированной информации - всё, что важно знать об разработке и сотрудничестве + много практики и реальных примеров

Как это будет

01

ИЗУЧИТЕ ДИЗАЙН

Получите доступ к дизайну проекта в Figma и изучите страницы макета

02

ОЦЕНИТЕ ОБЪËМ РАБОТ

Проанализируете каждую страницу, разделите на блоки и дадите оценку времени на выполнение каждого из них

03

ВЫПОЛНИТЕ ЗАДАЧУ

Получите список задач на текущий спринт в Jira с подробным описанием для выполнения 

04

ОТПРАВИТЕ КОД В РЕПО

Результат работы отправите в репозиторий GitLab, создадите Merge Request для внесения изменений

05

ПРОЙДËТЕ CODE REVIEW

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

06

ОТПРАВИТЕ ТЕСТИРОВАТЬ

После удачного Merge Request ваш код отправится на dev сервер для тестирования

Каждый этап сопровождается обсуждением, поддержкой и обратной связью с ментором

Кто автор

Филиппович Алексей

Мой личный кейс от "HTML-верстальщика" до "Senior Magento Frontend Developer"

2003

$0

Увлёкся web, начал изучать Flash и писать сайты на HTML в блокноте

2005

Выполнение первого коммерческого заказа по вёрстке сайта

2007

Работа в офисе: разработка Front-end UI части для внутренней JS библиотеки

2008

Освоение фриланса, выполнение индивидуальных заказов по вёрстке

2010

Знакомство с Magento CMS, разработка интернет-магазина брендовой одежды

2011

Принял оффер в одну из ведущих компаний по разработке на базе Magento CMS в Украине

2014

Прокачивал навык удалённого сотрудничества с компаниями из Европы и США во время 1.5 годичного путешествие по Юго-Восточной Азии

2018

Принял оффер в одну из самых больших компаний по разработке на базе Magento CMS в мире и начать практиковать наставничество

2020

$5000+

Выполнение частных заказов, начал обучать искусству разработки под Magento CMS, вести курсы и создавать команду сильных разработчиков

Моё портфолио

Проекты или компании, в проектах которых я принимал участие

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

За более чем 10 лет сотрудничества с зарубежными заказчиками я изучил их принципы и ценности. Я знаю как работать с клиентом так, что бы он платил дорого за сотрудничество

Отзывы

Програма курса

"Профессия: Magento CMS 2 Frontend Developer"

Эксклюзивная уникальная программа, в которой есть всё,
для того чтобы умело создать тему магазина на базе Magento CMS.

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

Дизайн

Оценка

Спринты

Выполнение

Code Review

Deploy

Тестирование

Изучение и анализ дизайна

Вы научитесь постранично изучать макеты дизайна. Обсу́дите с ментером каждый отдельный блок, каждый его элемент, его поведение, видоизменения и состояния, что он должен делать и какую задачу выполнять. Узнаете над какими страницами будете работать, какие блоки дорабатывать а какие создадите с нуля.

В результате вы увидите процесс преображения базовой темы в индивидуальную. Станет понятен каждый отдельный этап разработки и почему он предшествует следующему.

Оценка времени разработки

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

В результате вы научитесь раскладывать проект длительностью 100, 500, 1000 и более часов на отдельные задачи, оценивать каждую из них и в получать итоговое время разработки.

Планирование спринтов

Вы будете обучатся по методике Scrum, принимать участие в планировании спринтов — коротких временных интервалов, в течении которых выполняется заданный объём работ.

Узнаете, как создаётся Беклог, расставляются приоритеты задачам, что нужно выполнить на протяжении спринта, как и кто их должен выполнять, какие входные данные потребуются и какой ожидается результат.

В результате вы овладеете навыками ведения разработки по методике SCRUM, которая используется в большинстве  именных компаний.

Выполнение задач

Вы будуте принимать участие в стендапах — ежедневных собраниях, на которых кратко делятся ранее проделанной работой, планами на сегодня и проблемами, которые мешают двигаться вперёд.

Узнаете как правильно и грамотно составлять описание задач, изменять их статус и переводить на других членов команды.

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

Проверка качества кода

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

Узнаете о потенциальных проблемах, которые могут возникнуть в будущем в случае принятия неверного решения. Научитесь анализировать свой код и пути его применения.

В результате научитесь писать чистый, структурированный, само документируемый и легко поддерживаемый код путём перенимания опыта наставника. Это станет основой вашей профессиональной ценности.

Deploy работы на тестовый сервер

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

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

Тестирование на соответствие задачи

Отдельным этапом разработки идёт тестирование каждой задачи на качество её выполнения. Тестировщик сопоставит и проверит результат работы с описанием в задаче. В случае возникновения ошибки задача будет возвращена на доработку. Детали возникновения ошибки будут описаны в отдельном комментарии, шагами её воспроизведения, скриншотом и/или скринкастом.

В результате вы научитесь работать с реопенами — задачами, которые вернулись на доработку. 

А так же вы

Лучшие практики

Темы

Layout

Шаблоны

CSS

Responsive web design

JavaScript

Переводы

И ещё

  • узнаете, как дополнять и расширять базовые стили при помощи "_extend.less" вместо того, что бы перезаписывать базовые файлы
  • узнаете, как вносить изменения в ".xml" используя директивы "<referenceBlock>", "<referenceContainer>", "<move>"
  • узнаете, как правильно добавлять шрифты, изображения и JavaScript файлы
  • узнаете, как повторно использовать существующую разметку и пользоваться "Templates Hints"
  • узнаете, для чего нужен файл view.xml и как им пользоваться для конфигурирования темы
  • узнаете, как использовать переводы для мультиязычного сайта
  • узнаете, как использовать функцию __("Click") в шаблонах для поддержки переводов
  • узнаете, как создавать mobile-first тему
  • узнаете, какие существуют стандарты написания кода и как их успешно использовать на практике
  • узнаете, как использовать LESS-миксины вместо повторяемых стилей
  • узнаете, в чем разница между стилями модулей и общими стилями, и где их правильно располагать
  • узнаете, что такое LESS-директива @magento_import и как использовать её правильно
  • изучите иерархию стилей, шаблонов и файлов темы в Magento CMS
  • узнаете, как работает наследование тем
  • узнаете, как вносить изменения и перезаписывать существующие шаблоны
  • узнаете, в чём разница между созданием темы с нуля или на базе Blank/Luma
  • научитесь регестрировать индивидуальную тему в Magento CMS
  • научитесь подключать индивидуальные шрифты
  • узнаете, как работать с шрифтами иконок: изменять, добавлять и удалять
  • узнаете, изменять настройки темы используя view.xml
  • узнаете, что такое JavaScript Bundling и как он работает в Magento
  • узнаете, как построен layout в Magento
  • узнаете, в чём разница между <block> и <container> и какой когда использовать
  • узнаете, что такое "Layout handles", какие они бывают, как и в каких случаях ими пользоваться
  • узнаете, что такое "Layout XML instructions" и как с их помощью конфигурировать страницы
  • узнаете, что такое "Product layouts" и как с их помощью конфигурировать страницу продуктов
  • узнаете, что такое "Page layout" и как создать индивидуальный layout под конкретную задачу
  • научитесь расширять структуру инструкций существующих layout'ов
  • научитесь перезаписывать существующие layout'ы и описывать структуру с нуля
  • узнаете, как добавлять, перемещать, прятать и удалять блоки и контейнеры
  • научитесь декларировать с переменные в XML для их использоваться в phtml-шаблонах
  • узнаете о вариантах внесения изменений в существующие шаблоны
  • изучите концепты построения иерархии блоков и размещения их шаблонов
  • узнаете, как инициализируются шаблоны
  • узнаете где размещаются шаблоны и как их перезаписывать
  • узнаете, как передавать значения аргументов из XML в шаблоны
  • узнаете, как использовать html-кодирование и как писать безопасный код 
  • узнаете, как работать с html-шаблонами (knockout.js)
  • узнаете, как работать с Email-шаблонами и как вносить в них изменения
  • узнаете, как собираются стили темы в Magento CMS
  • узнаете, для чего нужен Grunt и чем он отличается от "setup:static-content:deploy"
  • узнаете, как скомпилировать индивидуальную тему при помощи Grunt
  • узнаете, для чего в Magento используются кеши и как с ними правильно работать
  • узнаете преимущества между "client-side LESS compilation" перед "server-side"
  • узнаете, в чём разница между "style-m.less" и "style-l.less"
  • узнаете, в чём разница между "_extend.less" и "_extends.less" и как ими пользоваться
  • узнаете, в чем разница между "_variables.less" и "_theme.less"
  • познакомитесь с "Magento UI Library" и научитесь ею пользоваться профессионально
  • узнаете, как работать с базовыми LESS-миксинами из "lib/"
  • узнаете, как расширять возможности существующих LESS-миксинов
  • узнаете, как создавать собственные LESS-миксины с нуля или на базе существующих
  • узнаете, как работать с иерархией существующих LESS-переменных эффективно
  • узнаете, как легко и быстро вносить изменения в типографику темы
  • узнаете, как обновить стили текста, ссылок, списков и тд. используя LESS-переменные
  • узнаете, как изменить оформление кнопок, таблиц, хлебных крошек, компонентов, выпадающих меню, форм, уведомлений, рейтингов, попапов, лоадеров и тд
  • узнаете, как работать со стилями  jQuery UI в Magento CMS
  • узнаете, как инициализировать и использовать индивидуальные шрифты
  • узнаете, что такое "Critical path", как его генерировать и подключать
  • узнаете, как в Magento реализован Responsive web design
  • узнаете, какие инструменты использовать что бы создавать mobile-first стили
  • узнаете, какие базовые брейкпоинты присутствуют в Magento и как их изменять
  • узнаете, как использовать "Media Queries" при помощи .media-width() миксинов
  • научитесь работать с базовой сеткой в Magento
  • научитесь работать с индивидуальной сеткой и описывать отзывчивую структуру для многоколоночных страниц и структуру блоков
  • научитесь использовать matchMedia.js в скриптах JavaScript
  • узнаете, что такое AMD модули и require.js , какие возможности он даёт
  • узнаете, что зачем нужен файл requirejs-config.js и как использовать map, path, shim и тд.
  • узнаете, как подключать сторонние модули
  • узнаете, способы вызова и инициализации JavaScript модули в phtml-файлах и CMS блоках
  • узнаете, что такое JavaScript-mixin в Magento
  • узнаете, как перезаписывать js-файлы
  • узнаете, как перезаписывать, расширять и добавлять новые методы модулей не перезаписывая исходных файлов
  • познакомитесь с "Magento jQuery widgets" и научитесь с нею работать профессионально
  • узнаете, как вызывать и инициализировать виджеты
  • узнаете, как создавать собственные виджеты на основе существующих
  • узнаете, как создавать собственные виджеты с нуля
  • узнаете, как в Magento работает система переводов i18n
  • узнаете, какие источники переводов существуют и какие они имеют приоритеты
  • научитесь переводить отдельные строки и работать с CSV файлами
  • научитесь работать с переводами в ".phtml" и ".js" фалах
  • узнаете, как перевести строку глобально или в рамках определённого модуля
  • узнаете, как использовать переменные в строках переводов
  • узнаете, как работать с переводами в UI компонентах и html-шаблонах
  • узнаете, как работать с переводами в XML-файлах
  • узнаете, как работает модуль валидации данных форм в Magento
  • узнаете, как настроить локальную среду разработки
  • узнаете, как подружить с IDE PhpStorm с Magento CMS для эффективной работы
  • и многое другое

В результате прохождения курса вы:

«Упакуете» себя как высокооплачиваемого эксперта и выберете правильное позиционирование

Освоите навык без стеснения и страха озвучивать цены на свои дорогие профессиональные услуги

Избавитесь от ментальных барьеров и убедитесь в большом спросе на квалифицированные услуги

Выйдите на рынок ИТ востребованным специалистом, пройдёте собеседования и получите оффер на работу

Освоите простые но проверенные принципы и методы в работе с зарубежным заказчиком

Получите преимущество на рынке труда по качеству исполнения и опыту командной работы

Выберите свой тариф участия:

Выберите тариф подходящий именно вам

ПРОФЕССИОНАЛЬНЫЙ, X2

$1000

$500*

Доступ в Figma, JIRA, GitLab

Доступ в чат Slack участников всего потока на время прохождения курса

Комплект шаблонов, скриптов и готовых решений для быстрой разработки

Ежедневные стендапы

Code Review и обратная связь

Доступ в чат и к материалам курса после окончания 1 месяц

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

БОНУС: Доступ на сессию
"Как успешно работать с зарубежным заказчиком"

ВИП, X5

$2000

$1000*

Доступ в Figma, JIRA, GitLab

Доступ в чат Slack участников всего потока на время прохождения курса

Комплект шаблонов, скриптов и готовых решений для быстрой разработки

Ежедневные стендапы

Code Review и обратная связь

+ Доступ в чат и к материалам курса после окончания 6 месяцев

+ Большой эфир обратной связи с Алексеем

+ Еженедельные онлайн-встречи в Вип-группе с индивидуальным разбором и проработкой 

+ Вип-чат для оперативной обратной связи любого вопроса на время прохождения в программе

+ 10 индивидуальных 1-часовых онлайн сессий с Алексеем

БОНУС: Доступ на сессию
"Как успешно работать с зарубежным заказчиком"

+ БОНУС: Доступ на сессию
"Как создать продающее резюме" 

ШАНС трудоустроится и работать в команде с Алексеем

ИНДИВИДУАЛЬНЫЙ, X10

$4000

$2000*

Доступ в Figma, JIRA, GitLab

Доступ в чат Slack участников всего потока на время прохождения курса

Комплект шаблонов, скриптов и готовых решений для быстрой разработки

+ Индивидуальное онлайн-обсуждение и проработка решения задач

Ежедневные стендапы

Code Review и обратная связь

+ Индивидуальная обратная связь и code-review онлайн

+ Доступ в чат и к материалам курса после окончания 1 год

Большой эфир обратной связи с Алексеем

Еженедельные онлайн-встречи в Вип-группе с индивидуальным разбором и проработкой 

Вип-чат для оперативной обратной связи любого вопроса на время прохождения в программе

+ 30 индивидуальных 1-часовых онлайн сессий с Алексеем

+ Индивидуальная онлайн-ретроспектива проделанной работы

БОНУС: Доступ на сессию
"Как успешно работать с зарубежным заказчиком"

БОНУС: Доступ на сессию
"Как создать продающее резюме" 

+ БОНУС: Составление резюме с ментором

+ БОНУС: Доступ на сессию
"Как успешно пройти собеседование" 

+ БОНУС: Индивидуальная сессия-коучинг собеседования

+ ВОЗМОЖНОСТЬ: индивидуальный шанс получить предложение о работе в нашей команде

количество мест на потоке ограничено

* идёт запись на первый alpha-поток данного курса. Только сейчас на него действует скидка 50%

Следующий поток будет дороже

Трудоустройство

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

Х2Двойная гарантия на тренинг

Если в течение года после покупки программы вы приняли участие не менее чем в 100 собеседованиях на данную должность, не смогли трудоустроится и не окупили участие в курсе, МЫ ВЕРНЕМ ДЕНЬГИ В ПОЛНОМ ОБЪËМЕ.

Просто предоставьте все записи ваших собеседований 

FAQ

Чем учитель отличается от ментора?

Учитель проверяет уроки и дает обратную связь. Ментер обучает лучшим практикам, передаёт опыт, ведёт обсуждения и даёт личное сопровождение с вип-клиентами

htmlforum.io

© 2021 Все права защищены | htmlforum.io

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