filmov
tv
Верстка сайта из тестового задания. Макет NoTab. Часть 6. Вёрстка подвала. Завершаем вёрстку десктоп
Показать описание
В этой серии видеороликов мы сверстаем с самого нуля адаптивный макет NoTab из Figma. Данный макет подойдёт для новичков. В видео максимально подробно разбирается каждая тема. Макет NoTab является тестовым заданием на должность стажёра верстальщика. Верстка сайта позволит нам попрактиковать знания html, css, flexbox, бэм, адаптив, а также положить такой прекрасный макет в портфолио.
💰Полный курс по поиску клиентов. Как начать зарабатывать на вёрстке с нуля?
📱Ссылка на плейлист верстки данного макета NoTab:
🍏 Ссылка на плейлист верстки макета Organic Juicy с очень подробными объяснениями:
✅ Ссылка на полный плейлист верстки макета Velocity:
👨💻 Мой список плагинов и расширений для редактора кода VS Code:
Ищи школу WEB PRO в соц. сетях:
Таймкоды:
00:00 О чём видео?
00:50 Что такое подвал? Что такое футер?
01:50 Визуально размечаю блоки в footer
04:00 Разметка footer (html)
12:10 Стилизация footer (css)
32:50 Создаём светящийся круг
38:25 Правим баги
43:45 Что ждёт в следующей части видео?
44:10 Курс по вёрстке от WEB PRO
Начни путь веб-разработчика уже сегодня!
С вами был Никита Щегольков, школа веб-разработки Веб Про.
Данные видеоуроки были бы интересно всем, кто ищет: верстка сайта с нуля, адаптивная верстка сайта, верстка сайта для начинающих.
#notab #webpro #вебпро #html #css #тестовоезадание #верстка #версткасайта #версткасайтаснуля #адаптивнаяверсткасайта #версткасайтадляначинающих #созданиесайта #каксоздатьсайт #адаптив
💰Полный курс по поиску клиентов. Как начать зарабатывать на вёрстке с нуля?
📱Ссылка на плейлист верстки данного макета NoTab:
🍏 Ссылка на плейлист верстки макета Organic Juicy с очень подробными объяснениями:
✅ Ссылка на полный плейлист верстки макета Velocity:
👨💻 Мой список плагинов и расширений для редактора кода VS Code:
Ищи школу WEB PRO в соц. сетях:
Таймкоды:
00:00 О чём видео?
00:50 Что такое подвал? Что такое футер?
01:50 Визуально размечаю блоки в footer
04:00 Разметка footer (html)
12:10 Стилизация footer (css)
32:50 Создаём светящийся круг
38:25 Правим баги
43:45 Что ждёт в следующей части видео?
44:10 Курс по вёрстке от WEB PRO
Начни путь веб-разработчика уже сегодня!
С вами был Никита Щегольков, школа веб-разработки Веб Про.
Данные видеоуроки были бы интересно всем, кто ищет: верстка сайта с нуля, адаптивная верстка сайта, верстка сайта для начинающих.
#notab #webpro #вебпро #html #css #тестовоезадание #верстка #версткасайта #версткасайтаснуля #адаптивнаяверсткасайта #версткасайтадляначинающих #созданиесайта #каксоздатьсайт #адаптив
0:46:45
Верстка сайта из тестового задания с нуля. Макет NoTab. Часть 1. Подготовка графики (html, css)...
0:28:04
Верстка сайта из тестового задания. Макет NoTab. Часть 5. Вёрстка зеркальных секций с помощью БЭМ...
0:40:57
Верстка сайта из тестового задания. Макет NoTab. Часть 4. Вёрстка секции с повёрнутым телефоном...
0:57:56
Верстка сайта из тестового задания. Макет NoTab. Часть 3. Вёрстка приветственной секции (html, css)...
0:45:53
Верстка сайта из тестового задания. Макет NoTab. Часть 6. Вёрстка подвала. Завершаем вёрстку десктоп...
1:00:52
Верстка сайта из тестового задания. Макет NoTab. Часть 8. Мобильная адаптация сайта. Адаптив макета....
1:07:19
Верстка сайта из тестового задания. Макет NoTab. Часть 7. Адаптив сайта под планшет. Адаптация сайта...
4:11:34
Верстка тестового задания с собеседования на должность HTML верстальщик. Верстка, JS, полифилы....
0:01:00
А вы ЗНАЛИ?! Height 100% у body в #html и #css
0:02:33
Пример супер простого тестового задания
0:03:08
Пример тестового задания для компании
0:34:14
Создание сайта с нуля из тестового задания. Макет NoTab. Часть 2. Вёрстка шапки, header (html, css)...
0:56:17
верстка тестового задания по фану
0:00:15
Объёмная карточка на CSS и HTML #frontend #javascript #css #html
2:20:26
Выполнение тестового задания от Aviasales. часть 1 вёрстка
0:00:12
HTML по SHORTS | 1 #coding #html #frontendcourse
0:50:47
Code Review тестового задания подписчика. Landing Page SHOPGUIDE
0:00:28
Задача по Javascript для middle frontend разработчиков #frontend #javascript #собеседование...
0:50:52
СТРАНИЦА ПРОХОЖДЕНИЯ ТЕСТА - ВЕРСТКА НА ПРИМЕРЕ РЕДИЗАЙНА HTMLLESSONS.RU #34...
0:53:09
Разбор тестового задания на Junior Frontend-разработчика
0:11:56
Разбор тестового задания на вакансию Junior Frontend Developer
0:00:27
Интересная задача с собеседования от Google #frontend #javascript #собеседование...
1:21:10
Выполнение тестового задания по React+Redux
0:00:50
Задача для junior frontend разработчика от Google #frontend #javascript #собеседование...
Комментарии