Верстаем интернет-магазин одежды. Макет в Figma
Серия из 4-х стримов по верстке главной страницы интернет-магазина на чистом HTML и CSS. С пошаговым и подробным объяснением для начинающих.
1⃣ Шапка сайта, навигация
2⃣ Раздел товаров, секция рекламы
3⃣ Блог, подписка, футер
4⃣ Мобильная адаптация
Понравился сайт?Поделись с друзьями!
Статистика ВК сообщества "Frontcoder. Лучшее во Frontend разработке."
Лучшее из мира FrontEnd технологий.
8 024
337577-ое место по числу подписчиков
13.09%
18.61%
Графики роста подписчиков
Лучшие посты
Всем привет!
Это коллекция видео-курсов для того что бы начать свой путь в веб-разработке, в наступившем 2022 году. Все темы хорошо структурированы, разбираются максимально подробно и понятным языком!
Список уроков:
- Основы HTML
- Основы CSS
- CSS Flexbox
- CSS Grid
- JavaScript паттерны
- ECMAScript 2015
- ECMAScript 2016-2019
- TypeScript
- GraphQL
Это коллекция видео-курсов для того что бы начать свой путь в веб-разработке, в наступившем 2022 году. Все темы хорошо структурированы, разбираются максимально подробно и понятным языком!
Список уроков:
- Основы HTML
- Основы CSS
- CSS Flexbox
- CSS Grid
- JavaScript паттерны
- ECMAScript 2015
- ECMAScript 2016-2019
- TypeScript
- GraphQL
Всем привет!В данном видеокурсе мы с вами рассмотрим технология Flexbox.
Flexible Box Layout Module (Flexbox) - модуль макета гибкого контейнера - представляет собой способ компоновки элементов, в основе лежит идея оси. Другими словами все элементы можно располагать вдоль основной и поперечной осей, или вертикально и горизонтально.
Технология позволяет буквально в пару свойств создать гибкий лэйаут, или гибкие UI элементы.
#предложка@frontcoder
#frontcoder
Полная подборка уроков для копирования сайтов в одном месте
1. Как скопировать сайт автоматически с помощью софта?
2. Как скопировать сайт вручную?
3. Установка админки для редактирования текстов Textolite
4. Настройка форм обратной связи к почте
5. Настройка форм обратной связи к странице VK
6. Настройка форм обратной связи к Telegram чату или группе
7. Массовая замена информация на всех страницах сайта
1. Как скопировать сайт автоматически с помощью софта?
2. Как скопировать сайт вручную?
3. Установка админки для редактирования текстов Textolite
4. Настройка форм обратной связи к почте
5. Настройка форм обратной связи к странице VK
6. Настройка форм обратной связи к Telegram чату или группе
7. Массовая замена информация на всех страницах сайта
Всем привет!
"Front-end. Вопросы на собеседовании" - это видеокаст с коллекцией вопросов и ответов с технических собеседований на вакансию веб-разработчика. Все ответы максимально лаконичные и полные! Отличный подход, для подготовки к собеседованию!
В коллекции уже БОЛЕЕ 250 технических вопросов!
"Front-end. Вопросы на собеседовании" - это видеокаст с коллекцией вопросов и ответов с технических собеседований на вакансию веб-разработчика. Все ответы максимально лаконичные и полные! Отличный подход, для подготовки к собеседованию!
В коллекции уже БОЛЕЕ 250 технических вопросов!
Подборка видео про лоадеры.
Как сделать быстро анимацию на CSS
Как добавлять лоадер с помощью Javascript
Различные прикольные лоадеры
Как сделать быстро анимацию на CSS
Как добавлять лоадер с помощью Javascript
Различные прикольные лоадеры
Всем привет!
В этом уроке мы рассмотрим создание крутой отзывчивой формы на HTML, CSS и JavaScript:
* напишем ее полностью с нуля
* добавим анимацию перехода
* адаптируем под мобильные устройства
Надеюсь, что это видео будет вам полезным. Если это так, то напишите об этом в комментариях =)
В этом уроке мы рассмотрим создание крутой отзывчивой формы на HTML, CSS и JavaScript:
* напишем ее полностью с нуля
* добавим анимацию перехода
* адаптируем под мобильные устройства
Надеюсь, что это видео будет вам полезным. Если это так, то напишите об этом в комментариях =)
Друзья, в этом уроке, предлагаю сделать креативное, необычное меню для сайта портфолио. Выглядит интересно и необычно, а задействовано всего-лишь CSS.
Тестовое задание по верстке 
Что должен уметь HTML верстальщик, чтобы его взяли на работу? Какие тестовые задания дают на собеседовании?
В этом видео рассмотрен пример выполнения реального тестового задания на должность Веб-мастер / HTML верстальщик.
Что сделано:
- верстка карточек товаров
- проверка карточки на на pixel perfect
- мобильная адаптация
- JavaScript скрипты для страницы
- Кроссбраузерность, полифилл для IE 11
Что должен уметь HTML верстальщик, чтобы его взяли на работу? Какие тестовые задания дают на собеседовании?
В этом видео рассмотрен пример выполнения реального тестового задания на должность Веб-мастер / HTML верстальщик.
Что сделано: - верстка карточек товаров
- проверка карточки на на pixel perfect
- мобильная адаптация
- JavaScript скрипты для страницы
- Кроссбраузерность, полифилл для IE 11
Мини-курс по HTML-верстке сайта ⠀
Верстаем сайт-портфолио из дизайн-шалона в Figma.
⠀
За 7 уроков вы научитесь создавать HTML-страницы, объединять их в единый сайт, адаптировать сайт под мобильные устройства и добавлять видеообложки.
⠀
Ссылка на макет в описании к видео