Привет. Решили облегчить поиск ответов на самые популярные вопросы. Теперь у нас есть бот Енот @htmlacademy_help_bot, который будет с этим помогать. Будем рады, если вы его потестите и оставите нам обратную связь.

21 ноября стартует курс «HTML и CSS. Адаптивная вёрстка и автоматизация». По традиции, читаем отзывы выпускников. Пишет Наталья Лягина, выпускница 26 потока.

«Выражаю искреннюю благодарность создателям курса, наставнице и всем работникам!
После прохождения обучения сделала следующие выводы, возможно кому-то это поможет:

1. Читайте отзывы, или интересуйтесь у студентов/знакомых. Очень много зависит от наставника. Мне с наставницей несказанно повезло — спасибо огромное Наталье Зотовой за то, что всегда была на связи, отвечала на все вопросы, присылала письменные инструкции и полезные ссылки. У неё всегда был позитивный настрой и человеческое участие!

2. Время. Его не будет хватать. В идеале — можно взять отпуск на вторую половину курса. Только не стоит ехать на море! И ещё вторая моя почти фатальная ошибка — параллельное обучение в кулинарной школе. За двумя зайцами сложно угнаться. Это стоило мне 1,5-2 часов сна в сутки на протяжении месяца. Голова в таком состоянии работает ещё хуже, и получается всё ещё медленнее.

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

Записаться на курс

Ваша первая бесплатная практика в разработке

В Академии есть интерактивные курсы по вёрстке, а также программированию на JavaScript и PHP. Мы называем их тренажёрами. В игровом режиме можно попробовать себя в роли фронтенд- или бэкенд-разработчика. Блок теории с подсказками, ну и конечно Кот Кекс, помогут пройти все испытания.

Переходите по ссылке, выбирайте нужный тренажёр и начинайте тренировку.

Как стать разработчиком в 2022

Хотите ворваться в мир IT? В карточках рассказали, с чего начать, где практиковаться и как оформить портфолио.

Если уже всё знаете и хотите пойти учиться, то возьмите промокод DEVELOPER2022 со скидкой 10 000 на все профессии.

Основы синтаксиса PHP

Только начинаете программировать на PHP? В статье познакомитесь с переменными, операторами, условными конструкциями и выражениями.

Читать

Как учиться продуктивно

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

О техниках, карточках и времени, рассказали подробнее в статье, читайте и пользуйтесь

Быстрый совет

Что делать, если в макете у элементов разные размеры?

Если нарисовано три как будто одинаковые кнопки, но две из них высотой 40px и одна 39px, то это ошибка, которую нужно исправить, сделав кнопки одной высоты 40px.

Если расстояние между элементами 51px, можно сделать 50. Большие расстояния рекомендуем округлять до 5 — это как раз будет считаться за 50. Средние округляйте до чётных. Из 31 сделайте 32.

Размеры шрифтов не округляйте. Буквы при изменении кегля меняются не пропорционально. Числа меньше 28 тоже округлять не нужно: при таких размерах обычно каждый пиксель важен.

Если встретили дробное значение 18.5px , то округлите в большую сторону до 19px. Сделайте так, чтобы каждый блок походил на свой портрет в макете.

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

А чтобы каждый пиксель был пёрфект, приходите учиться верстать на курс «HTML и CSS. Профессиональная вёрстка сайтов»

Свежий выпуск фронтенд-новостей уже в блоге

Три главных новости прошлой недели:

Новый синтаксис диапазонов для медиавыражений

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

Получение правильного цветового контраста: практические советы по цветовому соответствию WCAG 2.1

Даже если на ваш сайт заходит не больше, чем 100 человек — доступность всё равно важна. Читайте, как оформить дизайн по стандартам WCAG 2.1.

Теперь у всех мейнтейнеров npm-пакетов требуется двухфакторная авторизация

Популярные npm-пакеты станут безопаснее, наконец-то.

Больше новостей

Скидки до 60% на проекты и навыки

Возьмите макет для вёрстки или проект — сверстаете лендинг для портфолио или напишите сервис для подбора квартир.

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

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

Расскажите про ваш самый большой факап в работе/обучении. Как вы с ним справились?