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

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

Ролики на YT https://www.youtube.com/@HTMLAcademyTV
Ролики на VK https://vkvideo.ru/@htmlacademy
Download Telegram
Развёрнутый отзыв выпускницы девятнадцатого потока «HTML и CSS. Адаптивная вёрстка и автоматизация» Вероники Сампетовой с советами для желающих пойти на курс. Следующий поток будет проходить с 13 июля по 13 сентября, доступна оплата в рассрочку.

«Ух! Вот только успешно сдала проект! Пишу по горячим следам, пока лёгкость бытия не улетучилась. Что могу сказать, интенсив был правда непростой, отзывы про небоскребы не были пустым звуком. И если на «HTML и CSS. Профессиональная вёрстка сайтов» мне казалось, что я пробежала спринт, едва успев запыхаться, здесь я почувствовала себя марафонцем на длинные дистанции.

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

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

С будущими студентами данного курса хотелось бы поделиться своим опытом, и я буду рада, если он кому-то пригодится. Первое и основное — сразу настройтесь на серьёзную работу, потому что тут не будет передышки, прочитайте пару отзывов о данном интенсиве, чтобы понять какие объёмы информации вас ждут (как раз таки отзыв Дениса Тутова про небоскребы морально меня подготовил).

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

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

Четвёртое — читайте статьи, слушайте подкасты по веб-разработке помимо основных лекций. Я поняла, что если бы дополнительно ничего не читала, некоторые вещи cверстать так просто не смогла бы.

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

Удачи и упорства всем в прохождении данного интенсива! А Академии большое спасибо за бесценный опыт!»
Анимированный эффект появления подписи к изображению при наведении на чистом CSS.

https://css-irl.info/css-only-slide-up-caption-hover-effect/
​​Вышел профессиональный навык «Построение сеток на гридах по макету» 🎉

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

В комплекте навыка — углубленная теория, демонстрационные кейсы с пошаговым созданием сетки и тренировочные с дизайном страницы и эталонным решением.
Мы готовим к выпуску новую главу курса «Знакомство с PHP». Глава практически готова, но её нужно хорошенько протестировать. Кто готов помочь?

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

Минимальные требования для участия в тестировании:
пройден курс «Знакомство с HTML и CSS» и первые три главы курса «Знакомство с PHP».

Если хотите стать тестировщиком — заполните анкету.


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

https://increment.com/frontend/a-users-guide-to-css-variables/
Советы для тех, кто ищет работу, и готовится к собеседованиям. Больше о том, каких ошибок в резюме стоит избегать, в нашем блоге.
​​Профессиональные навыки со скидкой 40% в «дереве навыков».

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

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

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

Вот наш отчёт с именами лучших наставников и отзывами выпускников.
Разбираемся в значениях свойства color и их применении.

https://ishadeed.com/article/css-color/
​​17 июня в 12:00 по московскому времени в прямом эфире встретимся с сотрудниками компании Selectel: Валерием Кондратьевым, руководителем отдела разработки и тестирования интерфейсов, и Денисом Соколинским, младшим фронтенд-разработчиком.

Обсудим:
— как устроена фронтенд-разработка и вёрстка в компании;
— что изменилось с приходом самоизоляции;
— какие технологии используются в работе;
— требования к разработчикам, чтобы попасть в команду;
— опыт найма и работы с выпускниками Академии.

Запишитесь на трансляцию, чтобы не пропустить.
​​Наша старенькая, но не устаревшая статья о том, как склеивать коммиты и зачем это нужно. Давайте вспоминать 🧐
​​В «Акселераторе» появились два новых проекта по JavaScript:

Avto Moto — простой проект по JavaScript, в котором вы поработаете с интерактивными элементами (слайдером, вкладками (табами), попапами), настроите возможность добавлять отзывы и ставить оценку товара.

Guitar Shop — сложный проект по JavaScript. Вам предстоит работа над сайтом интернет-магазина музыкальных инструментов. Красивый и интересный макет, который доставит визуальное удовольствие и прокачает ваши навыки JavaScript. Вы не только сверстайте страницу каталога и корзину интернет-магазина, но и настроите
работу фильтров, добавление товара в корзину, применение промокода.

Если вы хотите получать новости о новых проектах, специальные предложения и скидки — подпишитесь на рассылку «Акселератора» (форма записи в конце лендинга ). Первое письмо отправим уже на этой неделе, с бонусом для подписчиков, конечно 😉
12 советов по внедрению TypeScript в React-приложениях.

https://habr.com/ru/company/tinkoff/blog/505488/
​​Раз в неделю наш редактор Женя отправляет письма с новыми статьями из блога. Делает он это не просто так, а с душой: то поделиться списком вещей, которые нужно сделать до 30 лет, то всё письмо напишет в рифму. Но, конечно, не забывает, что мы тут про обучение веб-разработке.

Чтобы получать такое письмо, подпишитесь на редакторскую рассылку. Женя будет рад!
Коротко о важности самостоятельности в освоении новых навыков, роли наставника на профессиональных курсах, и о том, сколько времени потребуется уделять обучению:

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

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

Возможно, в ходе прохождения курса вы столкнётесь с темами или заданиями, которые будут казаться крайне сложными или даже «невозможными». И это совершенно нормально, ведь вы учитесь чему-то совершенно новому. Научиться писать код — это не только про навык копирования готовых решений из материалов курса, но и про поиск похожих решений и адаптация их к решаемой задаче. Отдельные задания даже специально сделаны так, чтобы вы могли потренироваться в придумывании алгоритмов, которых не было в лекции. Конечно, такие задания занимают больше всего времени, но именно они лучше всех остальных прокачивают ваши навыки.

Что ещё почитать:
— Коля Шабалин: как найти время на учёбу и перестать гореть
— Лера Зелёная: проблемы начинающих программистов и как их решать
— Как учиться продуктивно
Пошаговое руководство по созданию гамбургер-меню на SVG и CSS.

https://uxdesign.cc/the-menu-210bec7ad80c