​Делимся отзывом выпускницы курса «HTML и CSS. Профессиональная вёрстка сайтов» #29 Татьяны Ясюченя.

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

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

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

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

​Импорты в CSS и препроцессорах отличаются. В препроцессорах файлы «склеиваются» в один файл, а в CSS нет. Поэтому в случае с препроцессорами пользователь сайта скачает один итоговый склеенный style.css, а c CSS пользователь скачает каждый импортируемый файл, который добавили с помощью @ import.

Например, если вы добавили 15-20 файлов, что реально для среднестатистического проекта, то для каждого этого файла будет открыто HTTP-соединение. Это накладные ресурсы, которые откладывают загрузку последующих ресурсов.

Также проблема заключается в том, что каждый стилевой файл будет загружаться последовательно. Это значит, что второй файл даже не начнёт загружаться, пока не загрузится первый. Если файлов 15-20, то цепочка становится длинной, а ведь мы даже не дошли до картинок и скриптов в контенте сайта.

По последней спецификации к @ import стало возможно добавлять @ supports-директиву.

@ import url("narrow.css") supports(display: grid);

Но это правило не говорит «Загрузи narrow.css, если браузер понимает гриды», оно говорит «Загрузи narrow.css и, если браузер поддерживает гриды, примени стили внутри стилевого файла к сайту». То есть проблемы с загрузкой никуда не ушли.

Поэтому использовать @ import в современной разработке не принято. Используйте препроцессоры или системы сборки, которые будут объединять стилевые файлы.

Скидка на кошачьи проекты и навыки до 90%!

Мы долго вели переговоры с нашим боссом Кексом, дождались, пока он будет в хорошем настроении, и уговорили его устроить распродажу профессиональных проектов и навыков. Кошачьих, конечно же.

С помощью навыка «Создание семантической разметки по макету» вы узнаете, как спроектировать информационную архитектуру страниц и написать корректную, семантичную и выразительную HTML-разметку.

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

Акция продлится до 9-го декабря включительно.

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

Мнением поделилась наставница Ольга Вадясова.

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

Здесь, наверное, ещё есть важный нюанс в виде того, чтобы понять, а это цель твоя или нет, и возможно ли её реализовать конкретно на этом курсе. Мне в подобных ситуациях помогают вопросы. Даже банальное «А я точно именно этого хочу?», и внутренняя реакция на этот вопрос помогает. Хоуп зис мейкс сенс.

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

🔹 Царь-совет — ОТДЫХАТЬ. Для качественной работы, а учёба — отчасти тоже работа, нужно не менее качественно восстанавливаться. Это может быть сон, либо пятиминутка на отдых и созерцание облаков.

Раз в неделю Женя отправляет письма с новыми статьями из блога.

Делает он это не просто так, а с душой: то полезной подборкой поделится, то целый стих сочинит. Но, конечно, не забывает, что мы тут про обучение веб-разработке.

Чтобы получать такие письма, подпишитесь на редакторскую рассылку.

Кому и зачем нужна вёрстка рассылок в 2021 году? Какие навыки необходимы для создания красивых и адаптивных писем?

Эти и многие другие вопросы обсудим на лайве 16 декабря. Ведущий: директор по развитию HTML Academy Лёша Симоненко. Специальный гость: Серёжа Зубов — веб-разработчик Reg.ru и автор профессионального курса «Вёрстка email-рассылок».

Вышел в релиз новый проект на JavaScript высокой сложности «Прогноз погоды».

Вам предстоит запрограммировать приложение на JavaScipt, которое будет работать в браузере — прогноз погоды в городах. Приложение позволяет выбрать города из списка и посмотреть погоду для избранных городов в списке и на карте.

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

В комплект проекта входит: техническое задание, готовая вёрстка и примеры эталонной реализации.

В операционной системе Microsoft Windows есть предустановленный терминал, который называется cmd.exe. Использовать его в качестве основного терминала не рекомендуется, так как он слабее аналогов. Однако есть альтернатива в виде эмулятора консоли под названием cmder.

В этой статье рассказываем, как скачать и установить терминал.

Привет, меня зовут Серёжа Попов и на этой неделе я буду вести этот канал.

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

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

Последние три года я руковожу фронтенд-аутсорсом «Лига А.», который создавался как место, где выпускники HTML Academy могут получить первый реальный опыт работы и повысить свои шансы на трудоустройство. Также больше года я занимаюсь в Академии всеми процессами, которые происходят с выпускниками профессий после её окончания.

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

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

Жду ваших вопросов и желаю всем хорошей недели!