|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/bootstrap-webdesign/
课程评论：没有评论
**Coursera 课程总结：Bootstrap 4 - 使用 5 个项目掌握现代网页设计** 这是一个全面的德语 Bootstrap 4 入门课程，旨在帮助您像专业人士一样掌握现代响应式网页设计。课程通过总共 5 个实践项目，深入讲解 Bootstrap 4 的各个组件和核心概念。 **课程亮点：** * **德语授课，内容详尽：** 提供最新、最全面的德语 Bootstrap 教程。 * **实战驱动：** 通过 5 个实际项目，巩固学习成果，其中包括： * 设计师的作品集网站 * 类似WordPress的博客首页 * APP的产品登陆页 * 带有收件人和支付信息的购物结账流程 * 包含客户和流量信息的仪表盘 * **循序渐进的学习路径：** 从 Bootstrap 的基础设置和核心的 Grid 系统开始，逐步深入到各个组件的应用。 * **涵盖关键 Bootstrap 组件：** 学习各种 UI 组件，如 Alerts, Badges, Breadcrumb, Buttons, Cards, Carousel, Collapse/Accordion, Forms, Jumbotron, Modals, Navigation, Pagination, Popovers, Tooltips, Progressbars, Scrollspy 等。 * **基础知识全面：** 除了组件，还包括文本/排版、表格、图片和代码等基础知识。 * **注重实践和应用：** 超过 10 小时的视频内容，包含 50 多个课程单元，重点在于通过项目实践来学习。 * **提升设计自信：** 无论您的目标是个人使用、职业发展还是纯粹的兴趣，本课程都能让您自信地应用 Bootstrap 4。 **学习目标：** 通过本课程，您将能够： * 理解 Bootstrap 4 作为现代网页设计的核心 HTML 和 CSS 框架。 * 熟练使用 Bootstrap 的 Grid 系统创建响应式布局。 * 运用各种 Bootstrap 组件构建美观、功能齐全的网页。 * 独立完成具有实际应用价值的网站项目。 **谁适合学习？** * 希望学习现代网页设计技术的初学者。 * 希望提升网页设计技能的设计师和开发者。 * 任何对使用 Bootstrap 4 构建响应式网站感兴趣的人。
+++ Der neueste und umfangreichste deutschsprachige Kurs zu Bootstrap +++Modernes Webdesign muss nicht schwer sein! Dank Frontend-Frameworks wie Bootstrap ist es sehr leicht toll aussehende Webseiten zu gestalten. Und das beste? Diese sind gleich Mobil-optimiert (mobile-first) und für alle Bildschirmgrößen responsive. Mit diesem Komplettkurs lernst du optimal, wie du Bootstrap selbst wie ein Profi einsetzt. Und das Schritt-für-Schritt, um dein Wissen kontinuierlich aufzubauen.Dieser Kurs startet mit den notwendigen Grundlagen zum Einrichten von Bootstrap und dem essentiellen Grid-System, das Bootstrap zu Grunde liegt. Es folgen einige der wichtigsten Elemente, um mit deren Kenntnis richtig durchstarten zu können. Danach wirst du anhand von insgesamt 5 Praxisprojekten nahezu alle Elemente von Bootstrap kennenlernen. Und das gleich in relevanten Anwendungsfällen wie einer Landingpage für eine App. Der Kurs schließt damit ab, dass du dein Wissen mit einigen weitere Bootstrap Bausteinen wie den Tooltips vervollständigst. Die fünf Praxisprojekte bestehen aus folgenden Seiten:Portfolio-Webseite für einen DesignerBlog-Startseite ähnlich wie WordpressProdukt-Landingpage für eine AppShop-Checkout mit Empfänger- und ZahlungsdatenDashboard mit Kunden und TrafficinformationenIn über 10 Stunden Videomaterial und mehr als 50 Lektionen werden wir hauptsächlich die Praxisprojekte gemeinsam erarbeiten. Darüberhinaus lernt ihr auch alle (nicht in den Projekten verwendeten) Elemente von Bootstrap kennen, sodass ihr es vollumfänglich einsetzen könnt. Egal ob euer Ziel der private Einsatz, der berufliche Einsatz oder nur etwas Spaß ist: dieser Kurs lässt dich Bootstrap 4 selbstbewusst anwenden.Bootstrap 4, das steht für das State-of-the-art HTML- und CSS-Framework für modernes Webdesign. Erlerne es noch heute!Zu den beinhalteten Bootstrap-Bausteinen, die du alle im Kurs kennenlernen wirst, gehören:Alerts - Meldungen z.B. zur Warnung oder ErfolgsmeldungBadges - Badges für Texte und ButtonsBreadcrumb - Leichte Orientierung im den Tiefen des ContentButtons - Eines der Grundelemente von Bootstrap 4, Klicks der Nutzer steuernCard - Die Universal-Komponente, in Gruppen oder alleineCarousel - Moderne SlideshowCollapse / Accordion - Inhalte kompakt bereithalten und bei Bedarf ausklappenForms - Formulare für Login, Kontakt oder mehrJumbotron - Stylische UI-Elemente, z.B. als Hero HeaderModal - Content-Overlay-Box bzw. Popup-Lösung von BootstrapNavigation - Kreative Navigationssysteme als Navigationsbar o.ä.Pagination - Seitenzahlen für Seiten, Blogs und ArtikelPopovers - Klick-Alternative mit mehr InhaltTooltips - Ein must-have für viele Webseiten oder Apps, ähnlich dem PopoverProgressbar - Optisch ansprechende Ladebalken oder DiagrammeScrollspy - Inhalte dynamisch scrollenAußerdem lernen wir die folgenden Grundelemente kennen:Text / TypographyTabellenBilderCodeFür uns selbstverständlich: Zu allen Projekten und Lektionen sind alle Materialen und Links zu den notwendigen Informationen enthalten.
