↓↓↓ Макет и ссылка на материалы в описании под видео ↓↓↓ Выполняю верстку тестового задания с собеседования. Верстка карточек, flexbox, мобильная верстка, JavaScript скрипты, интерактив на странице, кроссбраузерность и полифилы. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Бесплатный курс “Создай свой первый сайт на HTML5 и CSS3“ От установки редактора, до публикации в сети. 👉 Получить уроки, конспекты, макет и код из уроков: :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: 💻 Курс по созданию и верстке сайтов: Обучение с наставником, 3 месяца, результат, гарантия. Научим создавать веб-сайты и зарабатывать на этом. 💻 Курс “Frontend разработчик. JavaScript React“: Обучение с наставником, 3 месяца, результат, гарантия. 💻 Курс “Разработка сайтов на PHP MySQL“: Создание сайтов с системой управления. Присоединиться к курсу можно прямо сейчас. 🏁 Обучение с нуля 💁♂️ Обучение с наставником 🎯 Доведение с нуля до результата 🏢 Помощь с трудоустройством 💵 Поможем взять первый заказ на фрилансе 💳 возможна рассрочка 💳 если курс не понравится, вернём деньги в первую неделю :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Сайт школы ВебКадеми: Вступайте в группу Вконтакте: Подписывайтесь на Telegram: Скачать верстка и дизайн: Скачать дизайн: Тайм коды: 00:00 Введение 01:15 Вакансия, требования 02:50 Макет тестового задания 04:05 Техническое задание 09:09 Создание проекта 11:54 Экспорт графики 16:20 Подключение шрифтов 17:38 Приступаем к верстке 23:20 Верстка карточки - HTML 25:25 Верстка карточки - CSS 39:06 Проверка карточки на pixel perfect 43:39 Дублируем карточки 50:48 Кнопка “Показать Ещё“ 0:57:44 Верстка сайдбара. Заголовок в виджетах 1:04:39 Верстка виджета “Близость к метро“ (нестандартные элементы) 1:25:42 Верстка виджета “Срок сдачи“ (радиокнопки) 1:40:19 Верстка виджета “Дополнительные опции“ (чекбоксы) 1:55:16 Верстка toggle переключателя “Услуги“ 2:05:10 Кнопки в сайдбаре “Применить“ и “Сбросить“ 2:17:21 PixelPerfect для сайдбара и всего макета 2:35:48 Мобильная адаптация 2:53:10 Сайдбар на мобильных 2:59:35 Иконка для открытия сайдбара JS 3:13:50 Финальные штрихи в мобильном адаптиве 3:19:40 JS для кнопок “Показать еще“ в карточках 3:24:44 JS для открыть/закрыть виджет, клик по заголовку виджета 3:36:00 JS для кнопок в виджете “Близость к метро“ 3:51:33 JS для ссылки показать еще в виджете “Дополнительные опции“ 4:02:58 Сброс формы, финальные штрихи с JS 4:05:52 Кроссбраузерность, полифилл для IE 11 4:09:58 Заключение 💈 Сайт школы ВебКадеми: 💈 Вступайте в группу Вконтакте: 💈 Подписывайтесь на Telegram: #HTML #CSS #верстка #WebCademy #ВебКадеми #HTML5 #CSS3 #html #css #html5 #css3 #javascript #js
Hide player controls
Hide resume playing