
Новые вызовы и скринкасты в курсе «Знакомство с HTML и CSS»
- 11 июля 2019
- 3 мин
- 5 960
За последнее время в курс «Знакомство с HTML и CSS» мы добавили целых двадцать пять новых вызовов! Они доступны при активной подписке. Заходите в раздел «Практика» и принимайтесь за полезные задачи от инструктора Кекса. Сделали подборку пяти самых захватывающих.
Ищем ошибки в HTML
В этом вызове Кекс решил немного улучшить свой сайт, но в итоге наглядно показал, почему не стоит работать поздно ночью. Инструктор допустил несколько ошибок в разметке, а ваша задача — найти их и поправить. Такие неприятности случаются не только с Кексом, поэтому вам будет очень полезно потренировать внимательность при поиске ошибок в своём и чужом коде.

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

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

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

Фигуры на полях
Загадочные фигуры на полях вызывают у всех любопытство, поэтому в последнем вызове нужно срочно сверстать карточку с новостью — рассказать подробности. Понадобится использовать специальные теги <figure>
и <figcaption>
.

Скринкасты
Кроме крутых вызовов в курсе «Знакомство с HTML и CSS» появились два полезных скринкаста.

Как открыть проект локально
После прохождения первой главы курса вы можете скачать архив с сайтом в его текущем состоянии.
В скринкасте автор интерактивных курсов Виталий Зюзин рассказал, как открыть архив у себя на компьютере и работать с ним дальше с помощью редактора кода. Вы узнаете о структуре папок и файлов проекта, а также о том, как задавать правильный путь для изображений и стилевых файлов.
Как опубликовать сайт в интернете
После прохождения всего курса вам становится доступен архив с сайтом в его финальном состоянии.
В этом скринкасте Виталик рассказал о содержании каждой папки сайта, о том, как зарегистрироваться на GitHub и создать там репозиторий. Показал принцип работы с приложением GitHub Desktop и как можно с помощью GitHub опубликовать свой сайт в интернете.
Похожие статьи
Центр карьеры HTML Academy. Итоги 2020
189 вакансий, 94 новых разработчика, отзывы выпускников и компаний.
Обзор тренажёра «Знакомство с HTML и CSS»
Рассказали о заданиях и испытаниях тренажёра, рассмотрели особенности курса.
Как мы делаем тренажёры
Мы встроили браузер в ваш браузер, чтобы вы писали код, пока пишете код.