|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/bootstrap-5-itd/
课程评论：没有评论
**课程名称:** Bootstrap 5 入门 **课程概述:** 本课程将带您入门 Bootstrap 5，让您了解如何下载并使用 CDN 或本地方式将 Bootstrap 5 集成到您的项目中。课程将重点介绍 Bootstrap 5 与 Bootstrap 4 的区别，并为初学者解释 CSS 框架 Bootstrap 的用途。 **主要内容:** * **项目实践:** * 创建 Bootstrap 网站标题。 * 使用渐变生成器创建渐变背景。 * 添加平滑滚动到页脚的链接。 * 使用 CSS 和三角形生成器创建播放按钮。 * 创建 Bootstrap 5 模态框。 * 实现自适应视频。 * 在移动设备上测试并确保响应式设计。 * **Bootstrap 5 核心概念:** * 理解 Bootstrap 5 网格系统的工作原理。 * 使用网格系统快速创建响应式元素。 * 创建一个包含图标和不同网格布局（3x3 和 2x2）的课程信息部分。 * 创建各种复杂度的 Bootstrap 5 手风琴效果。 * 演示如何添加响应式图像。 * 创建另一个 Bootstrap 网站部分。 * **实战应用:** * 完成一个简单的练习，巩固网格系统和 Bootstrap 框架的应用。 * 创建 Yoomoney 募款表单。 * **文档学习:** * 熟悉 Bootstrap 5 官方文档。 * 学习如何查找常用代码，如表单、验证、卡片、轮播、折叠菜单、分页、工具提示等。 * 掌握独立创建各类复杂网站的能力。 **学习目标:** 通过本课程，您将能够熟练掌握 Bootstrap 5 的基本用法，创建响应式网页布局，并能够独立利用官方文档解决开发中遇到的问题。
В этом видео курсе вы узнаете как скачать Bootstrap 5 и подключить его в свой проект через CDN и локально. Я расскажу про отличия от Bootstrap 4, а если вы впервые знакомитесь с Bootstrap то вы узнаете для чего нужен этот CSS фреймворк. Мы создадим шапку сайта на Bootstrap. Сделаем градиентный фон с помощью генератора градиента, добавим ссылку на footer с плавной прокруткой, создадим кнопку play на чистом CSS с помощью генератора треугольников, а так же я покажу как сделать модальное окно на Bootstrap 5 и сделать любое видео адаптивным. Мы сразу все проверим на мобильных устройствах и убедимся, что адаптивная версия выполнена корректно. Я расскажу вам как работать с сеткой Bootstrap 5, как устроена сетка и как делать адаптивные элементы с помощью сетки Bootstrap легко и быстро. Создадим раздел с информацией о курсе, где будут использоваться иконки и сетка Bootstrap 5 размером 3 на 3 и размером 2 на 2. Покажу как сделать Аккордеон на Bootstrap 5 любой сложности. После этого расскажу как на Bootstrap добавить адаптивное изображение. Далее мы создадим очередной раздел нашего сайта на Bootstrap. Так же в конце урока вы получите простое задание, которое сможете с легкостью выполнить самостоятельно и закрепить полученные ранее знания по работе с сеткой Bootstrap 5 и другими элементами фреймворка Bootstrap. После этого я покажу как сделать форму для сбора средств Yoomoney. В завершение курса мы пройдемся по документации Bootstrap 5 и я расскажу про самые основные разделы, покажу где и как найти интересующий вас код и вы с легкостью сможете найти информацию в документации Bootstrap и сделать любые формы, настроить валидацию, создать карточки, слайдеры, сворачиваемые меню, пагинацию, всплывающие подсказки и многое другое. Только после того как вы научитесь искать информацию в документации вы сможете создавать сайты любой сложности без сторонней помощи.
