Junior Frontend разработчик - тестовое задание с собеседования

↓↓↓ Тайм-коды в описании под видео ↓↓↓ Выполняю тестовое задание с собеседования, на должность junior frontend разработчика. Верстка интерфейса с разделением на компоненты. Таймкоды и макет ниже в описании. Материалы ВебКадеми на всех площадках: https://webcademy.ru/taplink/ ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3" От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: http://webcademy.ru/htmlsite/ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Мои авторские курсы: 💻 Профессия HTML верстальщик Для начинающих. Курс по созданию и верстке сайтов. 👉 https://webcademy.ru/htmlstart/ 💻 Курс "Frontend разработчик. JavaScript + React" Станьте frontend разработчиком за 3 месяца. 👉 https://webcademy.ru/jscourse/ 💻 Курс "Разработка сайтов на PHP + MySQL" Сможете создавать сайты с любым функционалом. 👉 https://webcademy.ru/phpcourse/ 🏁 Обучение с нуля 💁‍♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💈 Сайт ВебКадеми: https://webcademy.ru/ 💈 Группа Вконтакте: https://vk.com/webcademy 💈 Telegram канал: https://t.me/webcademynews Таймкоды: 00:00 - Описание тестового задания 06:03 - Анонс курсов в ВебКадеми 08:31 - Приступаем к верстке. HTML и SCSS 13:40 - Верстка модалки на всю высоту окна 21:00 - Шапка, контент и подвал в модалке 25:15 - Скролл внутри модального окна 27:35 - Заголовок в шапке 30:11 - Кнопки в подвале 36:16 - Верстка карточек 47:44 - Радиокнопки для переключения карточек 49:46 - Подсветка выбранной карточки 51:47 - Меняем цвет иконки при выбранной карточке. 53:12 - Создание SVG спрайта 59:50 - Скрываем радиокнопки 1:00:35 - Ховер для карточек 1:01:21 - Правка кнопок на мобилках Скачать макет: https://www.figma.com/file/JTeBDr2ccY... Сайт: https://webcademy.ru/ Вконтакте: https://vk.com/webcademy Telegram канал: https://t.me/webcademynews