97. Frontender[1.0] Вопросы по 1 модулю. HTML, CSS, SCSS, GIT, БЭМ, Flexbox, SVG, SEO, Accessibility
HTML-код
- Опубликовано: 5 авг 2024
- Привет!📢
▶ PDF (Telegram): t.me/Dmitry_Kolotilshikov/216
▶ GitHub: github.com/DmitryKolotilshikov
▶ Linkedin: / kolotilshikov
Вопросы по 1 модулю. HTML, CSS, SCSS, GIT, БЭМ, Flexbox, SVG, SEO, Accessibility
Это 97 видео первого модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и для людей, которые что-то когда-то учили или учат, также тех кто хочет освежить знания. На курс трачу очень много времени, чтобы контент получался качественный, плюс качественная картинка и звук, а самое главное стараюсь рассказывать всё простым языком.
К каждому уроку также есть PDF файл по теме урока, который можете скачать у меня в телеграм-канале под анонсом данного урока.
Ваша обратная связь обязательна =)
Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;
Таймкоды:
00:00 Интро
00:41 Frontender & Backend?
01:16 HTML?
01:33 CSS?
02:01 Виды и типы тегов?
02:13 Атрибуты?
02:38 Селекторы HTML?
03:05 GIT?
03:26 Margin vs Padding?
03:47 Margin collapsing?
04:24 Box-sizing CSS?
04:46 Desktop first & Mobile First?
05:08 Семантические теги?
05:31 Pixel Perfect?
05:42 БЭМ?
06:09 Препроцессоры?
06:33 Accessibility?
07:00 SEO?
07:21 Псевдоклассы и псевдоэлементы?
07:45 Адаптивный дизайн с помощью CSS?
08:25 Способы работы с анимацией CSS?
08:38 SVG спрайты?
09:13 Flexbox?
09:48 Приоритеты селекторов?
10:21 iFrame?
11:21 Favicon?
11:59 Функции в CSS?
12:42 Позиционирование в CSS?
13:07 Как поместить изображение на страницу?
13:19 Box model?
13:47 Как с помощью img
загрузить несколько
изображений?
14:09 DOCTYPE HTML?
14:20 Как обеспечить кроссбраузерность?
14:44 Метатеги?
15:05 Как создать выпадающий список?
15:17 Как создать нативный аккордион?
15:29 Как скрыть элемент на странице с помощью CSS?
15:42 Display none vs Visibility hidden?
16:15 Центрирование элементов по гор и вертикали?
16:38 Глобальные атрибуты в HTML?
16:57 Дефолтные стили?
17:12 Computed в DevTools?
17:35 DOM vs Accessibility tree?
18:04 Accessibility vs Usability?
18:33 NPM?
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥
▶ Графический дизайн и анимация: t.me/getlogo
📢 ПЛЕЙЛИСТ FRONTENDER[1.0] - 1 Модуль: • Frontender[1.0] - 1 мо...
Также тебе могут быть полезны эти уроки:
📢 HTML для начинающих за 33 минуты: • HTML для начинающих за...
📢 CSS для начинающих + практика за 24 минуты: • CSS для начинающих + п...
📢 FLEXBOX. Всё о flexbox в одном уроке: • FLEXBOX. Всё о flexbox...
📢 FLEXBOX. Всё о flexbox | Практика: • FLEXBOX. Всё о flexbox...
FRONTENDER[1.0] полный, структурированный и бесплатный курс по фронтенд разработке на RUclips.
📢 Автор курса: Дмитрий Колотильщиков
#html #frontend #frontender
▶ PDF (Telegram): t.me/Dmitry_Kolotilshikov/216
▶ GitHub: github.com/DmitryKolotilshikov
▶ Linkedin: www.linkedin.com/in/kolotilshikov
Из видео понятно, что многое забывается. Нужно практиковаться и повторять, thx !
Новый видосик круть
отличный материал! спасибо! очень удобно для освежить в памяти и для подготовки собесов) Будут ли ещё видео такого плана?
Да, планируется в конце каждого модуля)
Вопрос. Каких нибудь методологий ты придерживаешься? Если да, то проясни, что с них ты взял на применение. Спасибо. Твой подписчик.
Методологий из вопросов или в общем в работе?)
@@dmitry_kolotilshikov в работе.
@@user-ym8ue8nn5p из этого в работе практически все: git, sass, flexbox, grid, accessibility …
@@dmitry_kolotilshikov а применение шаблонизаторов для html, используете?
Когда планируется второй модуль?
Примерно через 1,5-2 недели начнется)
@@dmitry_kolotilshikov и сколько продлиться примерно?
И такой вопрос на будущее, а когда начнется третий и закончиться?)
@@user-jn2ch3kp5y пока не могу ответ, так как еще продакшн 2 модуля идет, в четверг будет видео где немного проясню)
@@dmitry_kolotilshikov спасибо за фидбэк) ждём