Проверьте размеры экрана
Откройте сайт на узком телефоне, планшете и широком мониторе. Попробуйте длинный заголовок и увеличенный шрифт. Найдите горизонтальное переполнение, слишком мелкие кнопки и случайные пустые полосы.
HTML · CSS · Sass · русская озвучка
Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень
Программа, практика и требования
Курс «Верстка сайтов HTML CSS. Создание сайтов. Легкий уровень» Евгения Марфеля переводит дизайн в код. После первых тегов и CSS вы собираете адаптивный лендинг, затем более сложный сайт с Sass, БЭМ и Grid. Уроки на русском: 135 лекций, 19 часов 12 минут видео.
RusUdemyПомогаем оформить выбранный курс в личном аккаунте Udemy — без общих аккаунтов и предоплаты.Подробнее- 5,04 оценки на Udemy
- 44студента на Udemy
- 19 ч 12 минвидео · 135 лекций
- RUрусская речь преподавателя
Дизайн становится страницейРусский язык · обновление июль 2024
Перед началом
Подойдёт ли вам этот курс
Кому подойдёт
Дизайнерам, желающим понимать ограничения вёрстки, и начинающим разработчикам, которым удобен подход через макет.
Что знать до старта
Предыдущего опыта кода не требуется. Нужны компьютер, браузер, редактор и возможность устанавливать инструменты. Домен и хостинг для необязательной публикации оплачиваются отдельно.
Что сможете сделать
Два учебных сайта: адаптивный лендинг и более сложная страница с Grid, Sass и БЭМ; размещение работ в портфолио.
Учесть при выборе
Курс по вёрстке: JavaScript появляется вводно для меню, полноценного frontend-фреймворка и серверной разработки нет. На дату проверки 44 студента и 4 оценки: рейтинг 5,0 основан на небольшой выборке. Последнее обновление — июль 2024.
Содержание и открытый урок
Понять, как макет ведёт себя в браузере
Курс полезен дизайнеру, который хочет лучше понимать реализацию своих решений, и новичку, которому удобно изучать код на видимом результате. Работа начинается с разметки и стилизации, затем усложняется: появляются адаптивность, формы, меню, сетки и организация проекта. Во втором проекте используются Sass и БЭМ, а в конце показана публикация. Важно отделять эту задачу от полной frontend-разработки: JavaScript появляется вводно, а React, серверная логика и базы данных не составляют программу. Ещё один нюанс выбора — небольшой объём обратной связи на Udemy: рейтинг 5,0 на дату проверки рассчитан всего по четырём оценкам. Поэтому особенно полезно открыть превью, проверить объяснение CSS и оценить, сможете ли вы повторить небольшой фрагмент самостоятельно.
Перед стартом оцените открытый урок и подготовьте инструменты. Курс по вёрстке: JavaScript появляется вводно для меню, полноценного frontend-фреймворка и серверной разработки нет. На дату проверки 44 студента и 4 оценки: рейтинг 5,0 основан на небольшой выборке. Последнее обновление — июль 2024.
Самопроверка · редакционные задания
Четыре проверки готовой страницы
Эти упражнения предложены редакцией RusUdemy для самостоятельной проверки навыков. Они не являются дополнительными уроками преподавателя и не предполагают проверку работ автором.
Пройдите страницу клавиатурой
Переключайтесь по ссылкам и полям без мыши. Проверьте видимость фокуса, подписи и порядок переходов. Форма должна оставаться понятной даже без декоративных подсказок.
Объясните каскад
Найдите элемент, стиль которого переопределяется в нескольких местах. Объясните, какое правило победило и почему. Упростите CSS, сохранив внешний вид: это надёжнее случайного добавления !important.
Проверьте публикацию
После загрузки откройте сайт в новом приватном окне: картинки и шрифты должны загружаться, пути — работать, а текст — читаться до окончания загрузки. Исправьте ошибки, которые не были заметны на вашем компьютере.
19 ч 12 мин видео · 135 лекцийСверить программу на Udemy
Программа вёрстки Евгения Марфеля
Шесть разделов проходят путь от рабочего окружения и базового HTML к двум проектам, затем публикации. Flexbox, Grid, Sass/SCSS и БЭМ входят в оглавление. npm и Gulp рассматриваются как инструменты проекта, а не как отдельный курс JavaScript.
На дату проверки в открытых данных Udemy: 6 разделов, 135 лекций, 19 ч 12 мин видео. На установку инструментов, самостоятельную практику и разбор ошибок потребуется дополнительное время. Темы ниже сгруппированы редакцией; перед выбором сверяйте доступное оглавление на Udemy.
После двух учебных проектов сверстайте небольшой сайт по новому макету без пошагового повторения. Если цель — приложения с данными и сложным поведением, следующим шагом станет отдельное изучение JavaScript.
- 01
Рабочая среда и первая HTML-страница
- 02
Семантические элементы, ссылки и изображения
- 03
CSS, шрифты, позиционирование и инструменты браузера
- 04
Адаптивный лендинг, меню, формы и первое знакомство с JavaScript
- 05
Второй проект: Sass/SCSS, БЭМ, Flexbox и Grid
- 06
Структура проекта, npm, введение в Gulp и проверка HTML
- 07
Домен, хостинг и публикация работ в портфолио
Когда программа подходит вашей задачеВы выбираете обучение. RusUdemy помогает с оформлением.
Пришлите ссылку на выбранный курс. Уточним текущую стоимость и поможем оформить его в вашем личном аккаунте Udemy. Материалы и прогресс останутся у вас.
01
Курс в Вашем аккаунте
Курс появляется в вашей личной библиотеке на Udemy. Никаких пиратских копий, общих аккаунтов или «серых» схем.
02
Без предоплаты
Вы оплачиваете покупку только после того, как курс появился в вашем аккаунте Udemy.
03
Покупка за 10 минут
Обычно от первого сообщения до появления курса в аккаунте проходит около 10 минут.
04
Живой человек, не бот
В Telegram отвечает живой человек: можно задать вопрос и получить качественную поддержку по покупке.
Сначала согласуем курс и условия. Оплата после появления курса в аккаунте.
Опыт работы с сервисом
Отзывы клиентов RusUdemy
Спасибо Михаилу
Оперативно помогли приобрести курс в вечернее время
Лучший сервис 🕺
Оперативно помогли приобрести курс в вечернее время
Лучший сервис 🕺
Отзыв от:
Михаил, огромная благодарность за содействие, как жаль, что я не знала о Вас раньше!!!!
Отзыв от:
Оплатить udemy, а ещё получить комплимент и дельный совет, как в той рекламе - почти бесценно. Если вы читаете этот отзыв и ещё раздумываете где и как купить курс на udemy - вам к Михаилу, не сомневайтесь
Отзыв от:
Хотела поблагодарить ,все прошло быстро и доступно. Отдельная благодарность за обратную связь! Вы лучшие ♥️
Отзыв от:
Оперативно подошли к покупке курса. Очень доволен. Большое спасибо.
Отзыв от:
Купил курс по программированию. Михаил, спасибо за помощь с созданием нового аккаунта, быстроту ответа и оформления курса. Хороший сервис
Отзыв от:
Ответы перед стартом