94. Frontender[1.0] BOOTSTRAP. Зачем? Теория и практика
HTML-код
- Опубликовано: 11 июл 2024
- Привет!📢
▶ Telegram (PDF): t.me/Dmitry_Kolotilshikov/210
▶ Telegram: t.me/Dmitry_Kolotilshikov
▶ GitHub: github.com/DmitryKolotilshikov
▶ Linkedin: / kolotilshikov
Frontender[1.0] BOOTSTRAP. Зачем? Теория и практика
Это 94 видео первого модуля большого, актуального и бесплатного курса на ютубе по фронтенд разработке. Курс подойдет для новичков и для людей, которые что-то когда-то учили или учат, также тех кто хочет освежить знания. На курс трачу очень много времени, чтобы контент получался качественный, плюс качественная картинка и звук, а самое главное стараюсь рассказывать всё простым языком.
К каждому уроку также есть PDF файл по теме урока, который можете скачать у меня в телеграм-канале под анонсом данного урока.
Ваша обратная связь обязательна =)
Курс Frontender[1.0] разделен на 3 модуля:
1) HTML, CSS, SCSS, БЭМ, Flexbox, Grid, Bootstrap, GIT, FIGMA, верстка 3 макетов (100 уроков);
2) JavaScript, решение задач, написание нескольких приложений;
3) React, Typescript, Redux написание полноценного приложения;
Таймкоды:
00:00 Интро
03:24 Старт (Установка)
04:40 Button
05:20 VSCode плагин для стилей
07:03 Container, row, col
16:01 Кнопки (buttons)
18:12 Формы (forms)
20:47 Таблицы (tables)
23:21 Карточки (cards)
25:54 Алерты (alerts)
28:07 Collapse (сворачивающаяся секция)
29:55 Модалки (Modals)
31:55 Навигационная панель (Navbar)
33:45 Финиш
НЕ СОМНЕВАЙТЕСЬ И РАЗВИВАЙТЕСЬ! У ВАС ВСЁ ПОЛУЧИТСЯ! :)
Желаю приятного обучения! 🔥
▶ Графический дизайн и анимация: 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
![SEO оптимизация для разработчиков. ТОП инструкция. С 0 и по шагам. Frontender[1.0]](http://i.ytimg.com/vi/epUTmjQGG64/mqdefault.jpg)
![SEO оптимизация для разработчиков. ТОП инструкция. С 0 и по шагам. Frontender[1.0]](/img/tr.png)
▶ Telegram (PDF): t.me/Dmitry_Kolotilshikov/210
▶ GitHub: github.com/DmitryKolotilshikov
▶ Linkedin: www.linkedin.com/in/kolotilshikov
Классный урок, картинка супер! Thx !
Очень круто, продолжай в том же духе !)
сколько труда в твоих видео, полезное дело делаешь, делишься знаниями с людьми, респект!
💪
Спасибо автору за контент
Отлично разъяснил, спасибо
🙏
Пользуюсь бутстрапом с самого обучения (2019 год), пользуюсь на постоянной основе для пет проектов где не важен дизайн
💪
@@dmitry_kolotilshikov хотя наверно стоит и другие попробовать))
очень вас жаль)
забыть все фичи современного CSS и HTML чтобы создавать деревянную вёрстку
@@user-fx7xx7uc2b когда делаешь админки с упором на функциональщину как то побоку на новые фичи css, пусть верстальщики потеют)
Что нужно сделать, когда надо изменить или добавить цвета/брейкпоинты? Скачать к себе в проект стили и js и руками править? А как тогда потом работать с бустрап, когда выйдет его новая версия (npm пакеты здрасьте)? Или создать лучше создать свой файл со стилями цветов и установить им ! important? Может есть под рукой статейка.
Заранее спасибо за ответ.
Лучше всегда чтобы стили были локальные и отдельным файлом под каждый компонет. Также бутстрап можно в отдельный файл со стилями интергрировать.
А important уже в крайнем случае использовать.
Спасибо. Мне кажется вебку чуть ниже можно
👌
Здравствуйте . Подскажите а уроки по js будут ?
Здравствуйте, уже очень скоро, после 1 модуля
вебка это хорошо, только предлагаю сделать её кругом и сфокусировать на тебе
👍