HTML Academy
10.1K subscribers
5.3K photos
167 videos
4 files
3.31K links
Курсы по веб-разработке: вёрстка, программирование, работа и комьюнити.
Наш секретный бот @HTMLAcademyKeksobot.

Вопросы по обучению @htmlacademy_sales

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Кошелёк или жизнь? Наш кот Кекс не отстаёт от трендов и тоже готовится к Хэллоуину. Он сменил привычный окрас и приготовил подарки для начинающих веб-разработчиков. Вместо конфет Кекс придумал кое-что поинтереснее: начиная с этой минуты действует скидка 6000 рублей на вечный доступ к тренажёрам! Акция продлится до 31 октября включительно.

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

Рассказываем, чем отличаются коллекции, и как их правильно использовать.
Добрый вечер, коллеги! У нас кое-что изменилось на сайте. А теперь вопрос со звёздочкой. Что именно?
Продолжаем обновлять наши тренажёры. Добавили конспекты после каждой пройденной темы в курс «Продвинутый HTML и CSS». С их помощью вы сможете вернуться к теории в любой момент и закрепить полученные на практике знания.

На курсе вы познакомитесь с продвинутыми возможностям HTML — формами, таблицами, элементами для проигрывания медиа. А ещё вы разберёте детально важные механизмы CSS.
Если вы хотите стать профессиональным разработчиком, то вам поможет наш курс по профессии «Фронтенд-разработчик». Рассказываем, как устроено обучение, и сколько времени вам потребуется для устройства на первую работу.

Обучение профессии «Фронтенд-разработчик» занимает 6 месяцев. За это время студент осваивает курсы базовой верстки, курс адаптивной верстки и курс по JavaScript. У каждого студента есть личный наставник, вместе с которым он погружается в практику: по каждому из курсов студент выполняет и защищает от 1 до 2 проектов.

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

Затем выпускник попадает на трёхмесячную стажировку в наш фронтенд-аутсорс «Лига А.» и выполняет коммерческие проекты от реальных заказчиков. В каждой проектной команде новичков курирует наставник — он помогает найти ошибки и проводит код-ревью. Стажировка оплачивается и помогает получить первый реальный опыт.

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

Вечный доступ даёт вам возможность проходить наши тренажёры без продления подписки. Материалы курсов, включая все обновления, будут доступны всегда.
Запускаем спринт по вёрстке для школьников и студентов «Три недели верстальщика». Спринт рассчитан на новичков, у которых нет опыта в HTML и CSS.

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

Стартуем 9 ноября. Подпишитесь на рассылку, чтобы принять участие в спринте.
Осваивать новые технологии непросто: нужны мотивация, усидчивость и интерес к теме. С чего начать обучение, чтобы не потерять запал? Изучать документацию для новичка трудно, читать учебники — просто скучно. Но решение есть. Например, интерактивный тренажёр «Знакомство с HTML и CSS» разработан для тех, кто хочет попробовать технологию на практике и создавать простые странички.

Подготовили обзор тренажёра и рассказали об его особенностях.
С помощью веб-компонентов разработчики могут создавать собственные HTML-элементы.

Эта статья содержит подробное руководство о компонентах и рассказывает об их преимуществах.
Давайте поговорим о приятном. Представим, что вы успешно закончили курс по профессии «Фронтенд-разработчик» и уже владеете всеми необходимыми навыками для устройства на первую работу. Возникают логичные вопросы — как найти работу, и что нужно делать для дальнейшего развития по профессии.

Есть несколько способов устроиться на работу.
📌 Остаться работать в компании, в которой проходили стажировку. Компании часто нанимают младших разработчиков, которые хорошо себя проявили.
📌 «Центр карьеры» HTML Academy — для выпускников профессиональных курсов.
📌 Разместить резюме на hh.ru и откликаться на вакансии.

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

Другие возможные направления развития карьеры: освоить новый язык программирования, уйти в мобильную разработку, перейти в смежные профессии — стать тимлидом, scrum-мастером или перейти в продакт-менеджеры и управлять бизнес-процессами. Вариантов много, и точно спрогнозировать, какой именно вы выберете через полгода-год, невозможно. Но навыки, приобретенные за время обучения, сильно расширят профессиональные возможности в IT-сфере.

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

Самые известные и популярные графические редакторы — Photoshop и Figma. Давайте разберём, чем они отличаются.⠀

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

Figma имеет простой и понятный интерфейс. Программу необязательно скачивать, она может работать прямо в браузере. ⠀

Дизайнеры всё чаще выбирают Figma. И кажется, что вполне оправданно. Но Figma не может полноценно заменить Photoshop. В ней нет многих возможностей, которые нужны при работе. Например, в Figma нельзя работать с растровой графикой. Поэтому верстальщику полезно знать оба редактора.
Делимся подборкой книг, которая пригодится любому веб–разработчику. В ней 12 книг — от подробных руководств по JavaScript до классики Роберта Мартина о чистом коде.
Уже 9 ноября стартует курс «HTML и CSS. Адаптивная вёрстка и автоматизация». Вы научитесь верстать адаптивно, создадите разметку по методологии БЭМ, будете писать CSS-код на препроцессорах и освоите автоматизацию.

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

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

Следующие четыре недели — практика. Ученики дорабатывают проект и готовят его к финальной защите.

А до конца воскресенья скидка 1200 рублей по промокоду BEADAPTIVE2020 ⚡️
Портфолио уже давно стало неотъемлемой частью любого резюме в сфере веб-разработки. Для работодателей это важно, так как оно помогает не задавать дополнительные вопросы на собеседовании и позволяет понять опыт кандидата.

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

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

Структура сайта-портфолио следующая:
📌 Рассказ о себе на грамотном русском. Да, работодатели обращают внимание на вашу грамотность, и ошибки всегда бросаются в глаза.
📌 Проекты с подробным техническим описанием. Не бойтесь описывать то, чем вы занимались, но не перебарщивайте — работодатель не дурак, и многие вещи понимает.
📌 Ссылка на GitHub. Им пользуются все, а учебные и рабочие проекты удобно хранить там.
📌 Контакты, по которым с вами можно связаться.

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

Обязательно укажите в портфолио все проекты, которыми вы занимались: учебные, коммерческие, некоммерческие, тестовые задания. На наших курсах мы предоставляем учебные макеты для оттачивания навыков вёрстки и веб-разработки. Работа над ними проходит под руководством наставника. Если не хотите проходить целый курс, есть макеты и проекты, которые можно приобрести отдельно. Каждый учебный проект будет хорошим пунктом в вашем портфолио.

Расставьте акценты правильно. Если вы стажировались в крупной компании, либо у вас есть сложные проекты, покажите в первую очередь их. Любой стандартный проект можно также преподнести интересно.

Портфолио хорошо работает для привлечения внимания к своей кандидатуре. Но не стоит забывать, что первым делом при трудоустройстве работодатель будет смотреть на выполненное тестовое задание и на то, как вы общаетесь на собеседовании. Если вы учтёте все эти пункты, то считайте, что работа у вас в кармане.
В предпродаже есть профессиональные навыки, релиз которых ожидается до конца 2020 года. Они посвящены вёрстке навигационных, многослойных и карточных элементов интерфейса. ⠀

Сейчас вы можете приобрести полный комплект по цене базового. Ещё и со скидкой 30%:⠀

Навыки — мини-курсы с теорией и примерами задач. В полный комплект навыков ключено 10 профессиональных кейсов вместо 4 базовых. В оба комплекта также входит:
—‌ ‌детальная‌ ‌и‌ ‌подробная‌ ‌методичка,‌ ‌дающая‌ ‌всю‌ ‌необходимую‌ ‌теорию‌ ‌для‌ ‌выполнения‌ ‌конкретной‌ ‌задачи;‌ ‌
—‌ ‌пошаговые‌ ‌разборы‌ ‌того,‌ ‌как‌ ‌профессиональный‌ ‌верстальщик‌ ‌решает‌ ‌конкретную‌ ‌ задачу.⠀

С‌ ‌помощью навыковвы‌ ‌научитесь‌ ‌решать‌ ‌конкретные‌ ‌профессиональные‌ ‌задачи‌ ‌и‌ ‌изучите‌ ‌нюансы‌ ‌разработки.‌ ‌Они‌ ‌полезны‌ ‌в‌ ‌качестве‌ ‌дополнительного‌ ‌материала‌ ‌тем,‌ ‌кто‌ ‌прошёл‌ ‌интерактивные‌ ‌тренажёры и‌ ‌профессиональные ‌курсы,‌ ‌или‌ ‌тем,‌ ‌у‌ ‌кого‌ ‌есть‌ ‌пробелы‌ ‌в‌ ‌знаниях.‌
Всем привет! На связи продюсер цифровых продуктов HTML Academy, Лера Зелёная (@greenlera). Ближайшую неделю я буду общаться с вами в этом канале.

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

План на эту неделю такой:
Вторник. Кто и как делает тренажёры
Среда. Прокрастинация, лень и вдохновение в работе
Четверг. Личная история. Мой путь из журналистики в IT
Пятница. Выберу несколько ваших вопросов из комментариев и отвечу на них в посте

За самый интересный вопрос под этим постом подарю любой навык на ваш выбор. Победителя объявлю в пятницу.

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

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

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

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

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

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

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

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

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

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