|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/bootstrap-od-zera-do-mastera-stworz-znakomite-projekty-www/
课程评论：没有评论
**课程名称：Bootstrap 从零到大师 - 打造卓越的网页项目** **课程概述：** 本课程将带您从零开始，掌握使用最流行的前端框架 Bootstrap 创建现代化、响应式网页应用。我们将循序渐进地讲解从基础知识到高级主题，内容涵盖： * **基础布局:** * 容器 (Containers) * 行与列 (Rows and Columns): 学习如何划分页面内容，构建网站布局。 * Bootstrap 网格系统 (Bootstrap GRID system): 利用响应式断点，确保您的网站能够适应从手机、平板到笔记本电脑和台式机等各种设备。 * **样式与组件:** * 排版 (Typography): 文本样式、间距 (gutters)、表格、Flexbox 等。 * 信息提示 (Alerts): 用于向用户显示信息。 * 徽章 (Badges): 如在按钮旁显示未读邮件数量。 * 面包屑导航 (Breadcrumb): 显示用户在网站上的导航路径。 * 按钮 (Buttons) 和按钮组 (Button group)。 * 卡片 (Cards): 适用于产品展示等场景。 * 轮播 (Carousel): 用于展示带说明的图片。 * 折叠 (Collapse): 用于隐藏或显示内容。 * 下拉菜单 (Dropdown): 常与导航栏结合使用。 * 模态框 (Modal): 用于获取用户交互信息，如确认删除操作。 * 列表组 (List group): 美化列表样式。 * 导航 (Navs) 和导航栏 (Navbar): 包括下拉菜单和汉堡菜单，实现移动端响应式导航。 * 分页 (Pagination): 显示项目数量或页码。 * 弹出框 (Popover): 在按钮附近显示提示信息。 * 进度条 (Progress): 显示操作进度。 * 滚动监听 (Scrollspy): 实时更新菜单中当前可见部分。 * 加载动画 (Spinner)。 * 提示通知 (Toast): 可堆叠的通知组件。 * 工具提示 (Tooltips)。 * **项目实战:** * 学习创建完整的 Bootstrap 应用和网页。 **课程要求:** 本课程要求学员具备 HTML、CSS 和基础 JavaScript 知识。如果您是网页开发初学者，建议先学习我的其他入门课程。
W tym kursie nauczysz się od podstaw tworzyć nowoczesne i responsywne strony WWW w najpopularniejszym front-endowym frameworku czyli Bootstrap.Kurs przeprowadzi Ciebie krok po kroku od absolutnych podstaw do tematów zaawansowanych włączając w to:- kontenery- praca z kolumnami w wierszach, dzielenie treści strony i tworzenie layoutu witryny- system GRID Bootstrapa z użyciem responsywnych punktów granicznych dzięki czemu strony www dostosowują się do szerokiej gamy urządzeń od telefonów, przez tablety do laptopów i komputerów stacjonarnych- typografia, stylowanie tekstu, gutters, tabele w Bootstrapie, użycie flexbox etc- alert - komponent informacji dla użytkownika- badges - komponent odznak np ilość nieprzeczytanych maili obok przycisku odbioru poczty- breadcrumb - komponent ścieżki nawigacji użytkownika na stronie - buttons - przyciski w bootstrapie - button group - zaawansowana grupa przycisków tworząca jedną całość - card - komponent kart np do sklepu, gdzie prezentują produkt - karuzela slajdów - zaawansowany komponent prezentujący obrazki wraz z przypisami- collapse - komponent do ukrywanie treści - menu dropdown - komponent łączony np z navbar - okna modalne - zaawansowany komponent szczególnie użyteczny w aplikacjach na bazie bootstrapa np do otrzymania informacji od użytkownika odnośnie decyzji np potwierdzenie skasowania rekordu w bazie danych itd - list group - komponent stylowanych list w bootstrapie - navs - komponent nawigacji - navbar - zaawansowany komponent z menu, również z dropdown menu oraz hamburgerem dla urządzeń mobilnych co zapewnia pełną responsywność i prostotę nawigacji - paginacja - komponent prezentujący ilość elementów np w bazie jak ilość podstron etc - popover - komponent informacji prezentowanych obok przycisków itd- progress - pasek postępu - scrollspy - nawigacja aktualizująca na żywo pozycję na stronę wraz z aktywnym elementem w menu- spinner - komponent animacji ładowania - toast - komponent notyfikacji, które mogą być układane w stos- tooltips - komponent podpowiedzi- tworzenie gotowych aplikacji i stron w BootstrapUwaga kurs wymaga znajomości: Html, CSS oraz podstaw JavaScript. Jeżeli dopiero zaczynasz przygodę z nauką tworzenia stron WWW zapraszam do moich innych kursów, które uczą tej tematyki od absolutnych podstaw.
