|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/criar-sites-responsivos-com-bootstrap/
课程评论：没有评论
**课程概述：利用 Bootstrap 构建响应式网站** 本课程是关于 Bootstrap 的教程，Bootstrap 是目前最流行的 HTML、CSS 和 JavaScript 框架，用于开发响应式网站和 Web 系统，使其能够适应手机、平板电脑和桌面设备。Bootstrap 能够帮助您更快、更美观、更现代、更优雅、更轻松地进行前端 Web 项目开发。任何人都可以使用 Bootstrap，并且您的项目将在任何类型、形状或尺寸的设备上都能正常运行。全球许多优秀的网站都采用了 Bootstrap 构建。 **课程内容详情：** 本课程重点教授您在 Bootstrap 中最常使用到的 CSS、组件和 JavaScript 知识，助您轻松创建项目。 * **CSS：** * 涵盖了 Bootstrap 的核心 CSS 概念，包括： * **概述：** Bootstrap CSS 的整体介绍。 * **网格系统：** 高效的响应式布局系统，是 Bootstrap 的核心优势之一。 * **排版：** 文本样式和格式设置。 * **代码：** 代码片段的样式。 * **表格：** 表格数据的展示。 * **表单：** 用户输入的表单元素。 * **按钮：** 不同样式的按钮。 * **图像：** 图像的响应式处理。 * **组件：** * Bootstrap 提供了大量可复用的组件，让您的项目更具吸引力和功能性。课程中教授的常用组件包括： * **图标：** 使用 Glyphicons 提供图标。 * **下拉菜单：** 实现交互式下拉选项。 * **输入组：** 将标签、按钮或文本块组合到输入字段。 * **导航：** 构建清晰的导航结构。 * **导航栏：** 创建响应式的顶部导航。 * **面包屑导航：** 显示用户在网站层级中的位置。 * **标签：** 用于分类或标记。 * **巨幕（Jumbotron）：** 用于推广内容的大型横幅。 * **页面标题：** 网站或章节的标题。 * **缩略图：** 用于展示图像列表。 * **警告框：** 提供用户反馈或通知。 * **媒体对象：** 用于组合媒体内容和文本。 * **JavaScript：** * 通过 JavaScript，您可以为 Bootstrap 组件注入交互性和动态功能。课程中讲解的 JS 功能包括： * **概述：** Bootstrap JavaScript 的整体介绍。 * **模态框：** 创建弹出式窗口。 * **下拉菜单：** 实现下拉菜单的交互。 * **警告框：** 实现可关闭的警告信息。 * **折叠：** 实现内容折叠和展开。 * **轮播：** 创建图片轮播或内容滑块。 此外，课程还演示了如何使用 Bootstrap 官方提供的示例来学习和实践。 **先修知识：** 建议学习者具备 HTML、JavaScript 和 CSS 的基础知识。
Curso de bootstrap Bootstrap é o mais popular framework HTML, CSS, e JS para desenvolvimento de sites e sistemas web responsivo, ou seja, para rodar em celular, tabblet e desktop. O Bootstrap permite que você desenvolva projetos front-end web de forma muito mais rápida, bonita, moderna, elegante e fácil. Qualquer pessoa pode trabalhar com ele, bem como funcionará em dispositivos de qualquer tipo, forma ou tamanho. Muitos sites fantásticos no mundo todo estão sendo criados com Bootstrap. Nesse curso foi ensinado o que você mais precisa saber de CSS, Componentes e JavaScript para você criar projetos com o bootstrap CSS -> Foi ensinado configurações CSS em geral, destacando o eficiente sistema de grid. Veja abaixo o que foi ensinado com relação ao CSS:Visão geralSistema de gridTipografiaCódigoTabelasFormuláriosBotõesImagens COMPONENTES -> O BOOSTRAP possui vários componentes reutilizáveis criados para você usar a vontade no seu projeto, veja abaixo alguns que foram ensinados nesse curso:Ícones por GlyphiconsDropdownsGrupo de Inputs (Campos)NavegaçõesBarra de navegaçãoBreadcrumbs (Rastro de navegação)Labels (Rótulos)Jumbotron (Telão)Cabeçalho de páginaImagens MiniaturasAlertasObjeto de mídia JavaScript -> Com o JS você da vida aos seus componentes do Bootstrap, veja abaixo um pouco do que foi ensinado:Visão geralModalDropdownAlertBotõesCollapseCarouselNesse curso também foi mostrado como usar os exemplos do próprio bootstrap Pré-requisito: ter conhecimento básico de html, javascript e css
