Сегодня расскажу про разработку тренажёров.

Над каждой частью работает автор, дизайнер, разработчик, продюсер — все ребята из команды цифровых продуктов. Ещё мы привлекаем опытных разработчиков, которые хорошо разбираются в нужной нам теме. Они помогают с нюансами: например, стоит ли делать тултипы через атрибут title или как грамотно проверить данные из $_GET. Часто с одного вопроса случается спор на полдня, но куда в нашем деле без холиваров.

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

Когда мы решили, какой тренажёр будем делать, начинается глубокое погружение в тему. Автор должен изучить документацию, написать много кода, чтобы разобраться как всё работает. Это бывает сложно, если автор раньше не работал с технологией. Так было, когда мы делали тренажёр по PHP. Пришлось быстро разбираться.

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

Когда проекты выбраны, начинается контентная магия. Автор на основе проекта делает задания, которые должны постепенно привести студентов к результату: разбивает код на шажочки, составляет задачи к каждому шагу, пишет тексты теории. К контенту у нас большой список требований. Например, каждый новый термин должен быть объяснён, задания должны быть логически связаны и для каждого должна быть причина. Пока автор делает свою часть, дизайнер готовит макеты и вёрстку проектов, рисует схемы, достижения, а разработчик пишет автоматические проверки кода и подсказки. По ходу разработки я делаю ревью текстов, логики заданий, дизайна, кода, работы проверок.

Когда контент готов, мы отдаём часть на ревью. Иногда наш гендир, Саша Першин, по поручению Кекса, смотрит, чего мы напридумывали. С тренажёров, которые делал Саша, началась Академия, у него большой опыт преподавания (признавайтесь, кто проходил профессиональные курсы, где Саша вёл лайвы?), он делится с нами методической мудростью.
К ревью подключаются и ребята из нашей команды, в том числе авторы, которые не участвовали в разработке. Каждый смотрит со своей стороны, поэтому мы получаем много полезных замечаний.

Дальше проходят закрытые тестирования. Раньше тестировщики приходили к нам в питерский офис. А потом мы, прямо перед карантином, сделали возможность проходить части удалённо. Теперь тренажёры можно тестировать откуда угодно. Тестировщиков набираем в соцсетях и чатике Академии. Скоро будет очередной набор.

Когда всё готово, часть появляется на сайте.
Сначала она закрыта от всех, кроме команды. Мы всё ещё раз тщательно проверяем. А потом открываем часть и анонсируем её выход. Звучат фанфары, льётся шампанское, мы танцуем, обнимаемся... На самом деле отдыхаем денёк и берёмся за новую часть. В среднем на одну часть уходит 3-4 недели.

Если у вас ещё есть вопросы по тренажёрам, пишите в комменты, постараюсь всем ответить.

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

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

Я могла бы себя ругать за то что, что я лентяйка (что я иногда делаю), но знаю, что лень это не то, что мы привыкли называть этим словом. В современной психологии вообще нет такого понятия. Лень — не характеристика человека, а сигнал. Как и прокрастинация.

Этими двумя словами мы прикрываем причины из-за которых не хотим чем-то заниматься. И эти причины могут быть разными.

🔸Усталость. Если у нас нет сил, то сложно сконцентрироваться на задаче. Можно взяться за дела через силу, на морально-волевых, но это может привести к ещё большей усталости, а потом и выгоранию. Я там была, 0 из 10, никому не советую. Поэтому важно регулярно отдыхать. Сходить на прогулку, заняться спортом, провести время с близкими. В общем, делать что-то, что разгрузит голову и даст приятные эмоции.

🔸Перфекционизм. Признавайтесь, кто считает, что всё надо делать идеально, а оценка «хорошо» это недостаточно, должно быть «великолепно» и «лучше всех»? Я одна из вас. Перфекционизм ходит рядом со страхом неудачи. Облажаться опасно и стыдно. Поэтому лучше сделать идеально, но никогда, чем кое-как, но сегодня.
Бороться с перфекционизмом сложно, мне помогает психотерапия. Важно принять, что необязательно делать работу идеально, часто хватит и «достаточно хорошо». А ошибки — часть развития, без них не будет движения вперёд.

🔸Много работы. Начинаете рабочий день и понимаете, что за сегодня надо сделать 5 важных и разных задач. С чего начинать? Что наиболее важно? ААААААА! Лучше сходить поесть.
Обратитесь к руководителю за помощью, попросите определить приоритеты.

🔸Нет мотивации. Вам дали задачу, которую непонятно зачем делать. Тут тоже можно поговорить с руководителем и узнать цель задачи.
А может быть вам не нравится ваша работа и вообще не хочется ей заниматься? Тогда стоит подумать о том, чего вы хотите, как к этому прийти. Может нужно искать другую работу или сообщить, что вы хотите перейти на другую позицию, узнать, что нужно для этого сделать.

Я привела лишь несколько примеров. Причин откладывания дел может быть много. Важно честно ответить себе на вопрос «почему я сейчас не хочу это делать?».

Когда задачи мне интересны, я понимаю их ценность и у меня есть ресурс, я чувствую желание работать и то самое вдохновение. Если просто сидеть и ждать визита музы, можно прождать очень долго. Лучше разобраться с внутренними проблемами и управлять вдохновением самостоятельно.

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

В комментарии скину список полезных материалов по теме.
А вы расскажите в комментах, как справляетесь с прокрастинацией и ленью, очень интересен ваш опыт.

Ещё напоминаю, что вы можете получить в подарок навык. Для этого надо написать какой-нибудь вопрос для меня в комментах под этим постом. В пятницу я выберу победителя с самым интересным вопросом, который получит любой навык на выбор.

Всем сил и энергии! 💪

Сегодня расскажу про свой путь в IT из журналистики.

Был 2015 год, я уже год как закончила журфак и работала журналистом. Я понимала, что развиваться в журналистике не хочу, мне неинтересно, это не моё, но чего хочу вместо этого я не знала. Я была тем самым человеком, который 2 часа добирается до офиса, не испытывает симпатий к коллегам, каждый рабочий день ощущает пыткой и ждёт вечера пятницы. На работе штрафовали за опоздание в минуту, считали нормой работать в выходные, платили мало и с задержками, из-за этого периодически образовывались коалиции с девизом «давайте сместим главреда и заживём». Короче, мне всё не нравилось. А искать другую работу журналистом я не хотела, думала совсем бросить эту сферу.

В один день я рассказывала о своих страданиях другу, который работал девопсом. Он выслушал и сказал: «Слушай, а может тебе попробовать разработку? Ты умная, порог входа низкий, ты сможешь быстро вкатиться!». Я даже не думала, что так можно. Где я, а где разработка? Разве там не надо шарить в математике, иметь техническое образование? Что я вообще знаю о таких штуках? Но решила попробовать. Как ещё найти, чего ты хочешь, если не попробовать разное?

Друг собрал на коленке дизайн простенькой странички с рецептом и попросил меня сверстать такую. Там была картинка, список ингредиентов, несколько абзацев. Я сначала не знала, что гуглить, я же даже не знала, что такое HTML, что нужно использовать теги. Код писала в блокноте, про редакторы я узнала позже. Через несколько часов страничка была готова. Мне понравилась эта магия: я пишу в блокноте какие-то символы и в браузере появляется моя страничка.

Друг подарил мне книгу про HTML и CSS. Читала её в метро, пока ехала на работу и обратно. Я поняла, что такое разметка и стили, но разобраться с деталями без компьютера под рукой было сложно. Картинки были чёрно-белыми, а автор рассказывал, как с помощью стилей можно поменять цвет. Я решила, мне нужно найти что-то, где будут объяснения, как всё работает, задания и я смогу видеть результат своей работы. Так я нашла тренажёры Академии.

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

Потом я прошла в Академии профессиональный курс по вёрстке. Было сложно совмещать с работой, но мне очень нравилось верстать. Я прошла курс на 100%. После курса я поняла, что хочу учиться дальше и заниматься разработкой, я чувствовала, что это оно. Как раз в это время на работе решили расформировать весь медиа-отдел и меня уволили. Я решила не искать новую работу, а сосредоточиться на учёбе. У меня были накопления и я подрабатывала на фрилансе копирайтером. И училась без остановки.

Я вставала в 7 утра, ложилась в час ночи, удалила все соцсети, чтобы не отвлекали, перестала видеться с друзьями, только училась и подрабатывала. В таком режиме я прожила полгода, прошла ещё один курс по вёрстке и курс по JavaScript. До сих пор помню, как плакала каждый день. Мне казалось, что я тупая и никогда не пойму, как работает JS. Я разбиралась с одной темой, появлялась новая, ещё более сложная. Но я прошла и этот курс на 100%.

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

После курсов я начала искать подработку разработчиком на фрилансе. Верстала для знакомого сайт его компании. Я тогда назвала супер оптимистичные сроки, делала проект в 3 раза дольше, да ещё и денег попросила очень мало. Мне казалось, я не имею права просить больше — я же новичок.

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

А дальше начинается уже другая историю про Леру в IT, пройдём её в ускоренном режиме. Я работала куратором, параллельно продолжала прогать, изучать JS. Проводила собеседования наставников на JS-курсы, прогала какие-то штуки по мелочи. Через полгода кураторства мне предложили попробовать сделать тренажёр по JS — я хорошо писала тексты (журналистика давала о себе знать), при этом прогала. Я попробовала и завертелось: я выпустила несколько тренажёров по JS, один по PHP, развивалась в программировании, дизайне, менеджменте, выступала с докладами, взяла в команду нового автора, поняла, что мне уже скучно быть просто автором, и вот я продюсер цифровых продуктов.

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

Именно в Академии я впервые почувствовала себя на своём месте, я люблю продукты, который мы делаем, у меня классные коллеги и атмосфера в компании. Я очень благодарна той Лере из 2015, что она не побоялась и попробовала что-то поменять.

Расскажите, как вы решили прийти в IT. Очень интересно узнать ваши истории.

Сегодня отвечаю на ваши вопросы, дарю навык и ещё кое-что для всех читателей канала. Начнём с вопросов.

🔸Что вдохновляет в работе?
Мне важно делать продукты, которые приносят пользу людям. Когда мне пишут выпускники, что нашли своё дело, устроились на работу, исполнили мечту благодаря продуктам Академии, я понимаю, что всё не зря.

🔸Что лучше, кое-как выглядящий сайт, но доступный, с семантической разметкой, или же красивый с кучей графики, анимации, при этом без какой-либо доступности, семантической разметки?
Это искусственное сравнение, как выбирать между синим и квадратным. У каждого сайта есть какая-то задача, например, продавать продукт или услугу. Если красивый визуал поднимает продажи, почему бы ему не быть сайте? Доступность и семантика про альтернативное пользование сайтом, его место в поисковой выдаче, а иногда и про основную задачу. Дадим большему числу пользователей возможность пользоваться сайтом — получим больше покупателей. Не ограничивайте себя, делайте качественную семантичную вёрстку и не забывайте про доступность.

🔸Ваш личный топ качеств, важных в профессии продюсер?
Умение быстро переключать контекст и фокусироваться, тайм-менеджмент, коммуникация.

🔸Что для вас самое сложное в работе с командой?
Когда ребята уже могут справиться с 90% задач сами, кажется, что я им больше не нужна. Плюс когда твоя задача во многом не делать что-то руками, а менеджерить, сложно присвоить себе результат. Вася верстал, Петя дизайнил, Валя писала тексты, а что делала я? Доставала всех вопросами, напоминаниями и придирками.
Сложностей с самими ребятами у меня нет, у нас классная команда.

🔸Как ставить дедлайны, чтобы их соблюдали?
Ставить реалистичные сроки, работать с ответственными людьми. Ещё надо понимать, если сроки провалились, то как минимум 50% ответственности на менеджере, который ставил задачу и определял эти сроки.

🔸Классно было бы послушать, откуда приходят идеи на все новое, что у вас появляется.
У нас работают люди с разными знаниями и жизненным опытом, всегда хотя бы одна идейка да придумается. А потом всем вместе её можно докрутить по всякому. Важно делать хоть что-то. Не уходить в себя на неделю в ожидании великой идеи, а написать хотя бы строчку кода, сделать простейший прототип, потом мы вместе его додумаем.
Ещё мне кажется, важную роль играет атмосфера. Ни разу не было такого, чтобы кому-то в ответ на его мысли сказали «это фигня, ты говоришь бред и идеи у тебя дурацкие». Можно говорить всё, что придёт в голову, никто не осудит. Это расслабляет и креативу проще проявиться.

Спасибо за ваши вопросы, на всё остальное постараюсь ответить в комментах под постами. А теперь время дарить подарки!

Навык за вопрос я хочу подарить @MaximKiselev. Максим, с вами скоро свяжутся наши еноты и дадут вам доступ к любому навыку на ваш выбор. Спасибо за ваш вопрос про что я не делаю и как выдерживаю. Он ударил мне в самое сердечко, думаю над ним уже несколько дней.

А всем читателям канала дарю промокод GREEN со скидкой 1500 рублей на покупку любого профессионального курса до 22 ноября включительно.

Напоследок хочу сказать про моральный дух и веру в себя. Ребята, вы можете добиться всего, что вам хочется. Нет никаких ограничений. Да, иногда результат приходит не так быстро, как хотелось бы, и не так легко. Но он приходит к тем, кто что-то для этого делает. Не слушайте людей, которые говорят, что вы не сможете найти работу, лучше и не искать, да и вообще всё тлен. Концентрируйтесь на своих желаниях и целях. Подумайте, как можно прийти к тому, что вы хотите. Путей всегда больше, чем один. А работу найти можно. Мой опыт, опыт моих коллег, наших выпускников говорит об этом.

С вами было классно! Верьте в себя и хороших вам выходных! 💚

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

Город и часовой пояс значения не имеют. Тестирование будет проходить удалённо. За свои труды каждый тестировщик получит профессиональный навык на выбор.

Единственное требование к тестировщикам — должен быть пройден тренажёр «Знакомство с HTML и CSS».

Чтобы принять участие в тестировании, заполните анкету —  https://forms.gle/rewnuvH5EJb8nt6M7

Заполненная анкета не гарантирует участия в тестировании. Если вас отобрали, то через несколько дней на указанную почту придёт письмо с инструкцией. Если письмо не пришло — пожалуйста, не расстраивайтесь. Будут новые части и новые тестирования!

Дарим скидку на первый месяц подписки на наши тренажёры! Теперь стоимость подписки составляет всего 390 рублей.

С помощью подписки на тренажёры вы в интерактивной форме выучите основы HTML, CSS и JavaScript, познакомитесь с флексбоксами, анимациями и другими темами.

Акция продлится до 15 ноября включительно. Чтобы воспользоваться скидкой, необходимо ввести промокод — КЕКСДОБРА.

​Давайте подведём итоги недели.

Напомним, что на пять дней наш канал захватила продюсер цифровых продуктов HTML Academy — Лера Зелёная.

Лера рассказала о том, как делаются тренажёры, поделилась своим опытом в IT и ответила на ваши вопросы.

Вам было интересно? Звать ли ещё енотов из Академии?

Проекты для практики по JavaScript в предпродаже со скидкой 50%! Релиз ожидается до конца декабря.

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

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

​Всё большую популярность набирают конструкторы сайтов — специальные сервисы, позволяющие без каких-либо навыков в веб-разработке достаточно быстро создать свою страницу в интернете. Контрастно с вёрсткой сайтов с нуля, где процесс создания занимает много времени и усилий. Естественно, всё не так идеально, и имеет не только плюсы, но и минусы. ⠀

Начнём с недостатков конструкторов сайтов:⠀

📌 Отсутствие возможности редактирования кода вручную. ⠀

📌 Плохая структура кода. Он не содержит необходимых элементов, позволяющих зарекомендовать себя в поисковых системах.⠀

📌 Большой размер страниц сайта. Итоговый код обычно является громоздким, в результате чего страница будет загружаться долго. Низкая скорость загрузки сайта влияет на конверсию — пользователи не будут ждать. ⠀

📌 Нет возможности интегрировать программные модули — например, платёжные системы.⠀

📌 Привязанность к площадке. Нет возможности перенести сайт на другой ресурс. Сайт даётся в аренду, выкупить его нельзя.
⠀
Конструкторы сайтов не подходят для профессионального бизнеса, но идеальны в случаях, когда нужен лендинг на 5 экранов, либо необходим маленький сайт.

Преимущества очевидны:⠀

📌 Не нужны знания вёрстки и веб-разработки.
📌 Это дешевле, чем нанимать команду специалистов — дизайнеров, верстальщиков, разработчиков.
📌 Это быстро — можно сделать сайт всего за пару часов. ⠀

Определитесь с тем, для чего вам нужен сайт, какие задачи он будет выполнять, какой бюджет вы имеете. Так вам будет проще понять — верстать сайт с нуля, либо сгенерировать его с помощью конструктора.

Время поговорить о бэкенде!

Завтра на лайве директор по развитию HTML Academy Алексей Симоненко разберёт, чем занимаются бэкенд-разработчики, и расскажет, почему PHP — наиболее удобный язык для изучения бэкенда.

Лайв с Лёшей Симоненко уже начинается!

Сегодня поговорим о том, чем занимаются бэкенд-разработчики, рассмотрим преимущества PHP и обсудим, почему этот язык выбирают чаще всего.

Для всех, кто задумывается о приобретении профессии программиста, но пока не уверен в своих силах, у нас есть бесплатный тренажёр «Знакомство с веб-разработкой». Тренажёр состоит из трёх частей, посвящённых основам HTML и CSS, JavaScript и PHP.

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

​Ребята, большое спасибо за отличный курс! Успешно защитил личный проект, имея за плечами пройденные тренажёры Академии и огромное желание изменить сферу трудовой деятельности.

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

Около года назад заинтересовался веб-разработкой. Тогда ещё «фронтенд», «вёрстка», «веб-стандарты» были словами совсем не из моего лексикона. Начал читать специализированную литературу, в один из вечеров кликнул на баннер «HTML Academy», и понеслось… :)

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

По завершении прохождения тренажёров Академии я понял — пора! И вот 7-го сентября я студент на 29-ом потоке «HTML и CSS. Профессиональная вёрстка сайтов» со стойким желанием учиться и необходимостью совмещать обучение с трудовой деятельностью. 1-го октября уволился с основного места работы, и желание учиться ещё больше возросло!

Результат — 7-го ноября защита на 100% :) Иду дальше — на второй уровень вёрстки в составе профессии React-разработчик. Уверен, вместе с Академией сделаем из меня человека с большой буквы F — Frontend :)

​Где вести конспект? Это довольно противоречивый вопрос. Часть людей пишет конспекты от руки, а другие — печатают. У всех есть сложившиеся предпочтения, но мы попробуем подойти к этому вопросу рационально и рассмотреть плюсы и минусы каждого способа.

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

📌 При работе с ноутбуком гораздо проще отвлечься от основной задачи — конспектирования, ведь там кроме приложения для заметок — целая вселенная. При этом мозгу требуется время, чтобы снова сфокусироваться на конспекте после отвлечения.

📌 Согласно исследованию Принстонского университета конспекты, написанные от руки, гораздо эффективнее в контексте обучения и запоминания информации. В рамках этого исследования студентов разделили на две группы. Одна конспектировала лекции от руки, другая — на ноутбуках. Через некоторое время студенты написали тест по материалам лекции и те, кто писал от руки, в среднем набрали в два раза больше баллов, чем другая группа. Одна из причин такого эффекта — временное ограничение. Так как конспектирование от руки занимает больше времени и просто физически есть возможность записать лишь часть информации, при ведении такого конспекта приходится мысленно структурировать и анализировать материал ещё до его записи. И это значительно улучшает запоминание. Вероятнее всего, наиболее актуальны результаты этого исследования именно для обучения в формате лекций, когда время ограничено. Если временных ограничений нет и в любой момент можно вернуться к материалу, то даже при наборе текста на компьютере можно анализировать информацию и выделять главное. Здесь как раз помогут эффективные методы конспектирования, потому что обычное переписывание не принесёт нужного результата. В итоге такой подход позволит минимизировать разницу по сравнению с рукописными конспектами.

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

Что касается инструмента, в котором удобно вести электронные конспекты, сейчас существует близкое к бесконечности количество приложений для заметок с подходящей функциональностью. Одни из самых качественных и удобных на наш взгляд — Notion, Evernote, Bear, Microsoft OneNote, Ulysses, Roam Research.