wannabelike

popov

Серёжа Попов

учит с апреля 2021

Я работал разработчиком более 10 лет, занимаюсь фронтенд-продакшном «Лига А.», где я нанимаю, обучаю и руковожу 150 разработчиками. Ещё я директор по талантам в HTML Academy и вел потоки в Moscow Coding School. Я знаю HTML, CSS, JavaScript, React.js.

я буду учить дизайнеров основам разработки с помощью webflow

За последние 5 лет я научил фронтенду больше 300 человек. Одним из них был Миша Розов, и он позвал меня стать мастером в проекте wannabelike. Раньше, прежде чем переходить к javascript, я учил html+css и это требовало времени, погружения, установки софта. В этот раз я заменю это webflow, так научиться будет гораздо проще.

Я вижу своими учениками дизайнеров, которые хотят делать корректный для разработчиков дизайн. Дизайнеров, которые хотят иметь возможность собирать классные страницы, создавать интерактивные элементы — формы, переключатели, слайдеры, аккордеоны, онлайн-оплату — и иметь возможность это контролировать. Дизайнеров, которые понимают и верят, что работа дизайнера не заканчивается на этапе «дизайн».

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

Обновляем дату

Цена

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

Обновляем даты

Цена

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

мы будем использовать webflow и codepen, чтобы научиться

Я не хочу привязываться к жесткой академической программе, потому что это авторский интенсив, и моя задача — научить вас работать и думать, как я. Поделюсь темами и практиками, которые нам предстоит освоить и попробовать:

01

базовый инструментарий html, css, js

что сделаем:

зачем это нужно:

научимся базовому синтаксису и взаимодействию языков

зачем это нужно:

понимать взаимосвязь языков, их возможности, назначения и точки пересечения

02

построение десктоп и адаптивных лейаутов

что сделаем:

зачем это нужно:

научимся строить сетки на flex и css grid, менять их в зависимости от размера экрана

зачем это нужно:

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

03

базовая и продвинутая стилизация блоков, текстов, графики

что сделаем:

зачем это нужно:

научимся превращать каркас элементов в дизайнерский стиль, работать с классами и идентификаторами, менять цвета, рамки, заливку

зачем это нужно:

стилизовать собственные компоненты с нуля и управлять элементами с помощью переменных

04

анимация

что сделаем:

зачем это нужно:

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

зачем это нужно:

чтобы добавлять плавности изменения состояний элементов и улучшить ощущения от взаимодействия с ними

05

интерактивные элементы

что сделаем:

зачем это нужно:

взаимодействовать с разметкой и стилями с помощью JavaScript, выбирать элементы, ловить события и вносить изменения, включать и выключать анимации

зачем это нужно:

чтобы оживлять простые и сложные интерактивные элементы, делать калькуляторы и счётчики, проверять значения форм

06

работа с webflow

что сделаем:

зачем это нужно:

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

зачем это нужно:

чтобы научиться использовать Webflow на полную, не ограничивая себя базовым функционалом

после интенсива ты сможешь самостоятельно закодить:

слайдер:

Стокгольм.
Женева.
Венеция.

галерею:

аккордеон:

HTML

язык разметки контента веб-страниц, который определяет его структуру и семантику

CSS

каскадные таблицы стилей — это набор параметров, которые применяются к элементам и меняют их внешний вид

JavaScript

язык программирования, который взаимодействует с элементами страниц, добавляет интерактивные элементы и взаимодействует с данными

интерактивный числовой ввод:

0999

и тултип тултип — подсказка, появляющаяся при наведении или клике

и собрать такую
анимацию на webflow

кто я такой?

Я верю в людей, поэтому рассказываю сообществу о необходимости работать с джуниорами
5 лет я работал наставником в HTML Academy и я проверял их задания, помогал находить решения, давал возможность поверить в себя
Последний год я — директор по талантам в HTML Academy: работаю с выпускниками, помогаю им найти хорошую работу
У меня было три авторских курса и 6 потоков в Moscow Coding School.
Записал курс по веб-разработке для студентов техникума, в котором учился.
Организовал фронтед-аутсорс продакшн «Лига А.», у нас работает 150 разработчиков.
Я работал в стартапе Setka. Я там работал как над самим продуктом редактор, так и над сайтами The Village, Wonderzine
«Лига А.» получала награды «открытие года 2019 на Питерском диджитал рынке» и «эксперт года»
Я считаю, что если ты чем-то доволен, у тебя нет стимула к развитию

Еще 16 лет назад, когда я начинал свой дизайнерский путь, я самостоятельно научился «верстать» страницы с помощью html и css, но никогда не трогал javascript. Потом я самостоятельно пытался научиться ActionScript'у, чтобы делать потрясающие flash-сайты, но у меня снова ничего не получилось. Я прожил 10 лет с мнением о себе, что просто я дизайнер, а не программист.

В 2016 я попал на очный курс к Сереже, где легко «заговорил» на языке javascript'a. Он показал как подойти к изучению языка, помогал справляться с тотальным непониманием, давал интересные задачи и челленджи. После курса мне попался coffeeScript, с помощью которого я год делал прототипы на framer'e. Знания с Сережиного курса я использую, чтобы делать функции внутри Cinema4d.

Когда я делал первый сайт wannabelike, c помощью этих же знаний я подключил онлайн-оплату и провел первые потоки. А потом, когда страниц стало больше и управлять ими стало неудобно, мы пересобрали все на webflow. А потом я вообще сделал компанию methodzero, которая занимается разработкой на nocode-решениях.

Миша Розов, основатель pinkman & wannabelike

почему webflow?

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

ты получишь

базовые знания

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

большой публичный проект

в котором сможешь продемонстрировать свои навыки и получить будущие заказы

мою рекомендацию

которую можно добавить в свой профиль при поиске работы

групповую работу

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

практические задания

будем изолированно «точить» важные навыки: строить простые и сложные сетки, будем тренироваться в интерактиве и анимации.

возможности nocode

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

единомышленников

из 30+ человек, которые будут трудиться с тобой все 1.5 месяца

мой фидбек

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

кому и зачем?

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

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

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

мы будем работать в формате онлайн-интенсива

занятия онлайн, два раза в неделю в понедельник и четверг в 19:00. Занятие состоит из теории и примеров, затем — небольшой перерыв и практика.
домашки — небольшие практические задания, а также один большой проект.
у нас будет приватный общий чат — там можно задавать вопросы, делиться сложностями и успехами, выносить что-то на обсуждение.
я буду вести публичный чат — это дневник наших занятий. там я расскажу про успехи, неудачи, приятные открытия и то, как вы работаете

Q&A

Совсем-совсем ничего не надо знать про разработку?

Да, совсем ничего. Я расскажу все с самого начала и понятным языком.

А если я не дизайнер?

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

А много нужно времени?

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

расписание

в wannabelike нет скидок. каждый следующий интенсив неизбежно становится более дорогим.

16 февраля — 24 марта 2021

52 000₽

идет прямо сейчас

будущие интенсивы

Обновление даты

Обновление данных по местам

Цена

Купить

1 августа —
15 сентября 2021

44 000₽

регистрация откроется позже

будущие интенсивы

Обновление даты

Обновление данных по местам

Цена

Купить

1 августа — 15 сентября 2021

44 000₽

регистрация откроется позже

я рекомендую:

Mikki Rozov

visual design

Valeria Rozov

product management

Illarion Gordon

art & typography