|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/bootstrap-from-scratch/
课程评论：没有评论
课程名称：从零开始学习 Bootstrap 5，构建 5 个现代网站 课程概述：本课程旨在教授任何希望使用 Bootstrap CSS 框架构建现代网站和用户界面的人。这门课程非常适合初学者，同时也适合想要制作一些酷炫项目的学习者。课程结构分为几个部分： 1. **Bootstrap 沙盒**：我们将首先学习所有重要的 Bootstrap 类、工具和助手等内容，使用 Bootstrap 沙盒进行实践。沙盒是一个文件集合，按照某些组件和区域进行分类，如按钮、排版、网格列、弹性布局等。我们将使用没有类的起始版本，逐步添加类并进行讨论，在某些情况下还会检查 CSS。沙盒将用于所有 CSS 组件以及 JavaScript 小部件，如轮播图、手风琴、通知等。 2. **迷你项目挑战**：课程中将有几个迷你项目，要求学员根据在沙盒部分学到的内容自行完成。这些项目包括定价网格、评分组件和用户列表。后续可能还会增加更多内容。 3. **起始模板/基础构件**：我们将创建一个模板和环境来构建我们的主要项目。这将包括使用 NPM（Node 包管理器）安装 Bootstrap 和 Sass。我们将通过更改 Sass 变量来定制 Bootstrap，然后编译生成自定义的 bootstrap.css 文件。如果你不熟悉 NPM 或 Sass 也没关系，我会逐步解释。 4. **五个主要网站**：接下来，我们将使用起始模板创建 5 个外观优秀的网站。在这些网站中，我们将使用 Bootstrap 组件、JavaScript 小部件以及一些自定义 JavaScript 和第三方库，以实现更多功能。网站包括： - 电子书网站：提供关于如何开始博客的免费电子书 - 培训课程网站：提供培训课程和研讨会 - 投资组合网站：现代化的开发者个人作品集 - Yavin 网站：打造定制办公空间的公司 - Vera 网站：软件解决方案公司 本课程适合各种水平的学习者，帮助你掌握使用 Bootstrap 创建现代网站的技能。
This course is for anyone that wants to learn how to build modern websites and UIs using the Bootstrap CSS framework. This course is very beginner friendly, but is also for anyone that wants to build some cool projects.The course is broken up into a few parts.The Bootstrap SandboxWe will start off by learning all of the important Bootstrap classes, utilities, helpers, etc by using the Bootstrap sandbox. This is a collection of files that are categorized for certain components and areas such as buttons, typography, grid columns, flex, etc. You will have a starter version without the classes and we will go through and add the classes and talk about them and in some cases examine the CSS. We will use the sandbox for all of the CSS components as well as the JavaScript widgets such as the carousel, accordion, toast notifications and so on. Mini-Project ChallengesThere will be a couple mini-projects that I will ask you to complete yourself, based on what you learned in the sandbox sections. This includes a pricing grid, ratings component and a user list. I may add more to this section as well. Starter Template / BoilerplateWe will be creating a template and environment to build our main projects. This will include using NPM (Node Package Manager) to install Bootstrap and Sass. We will customize Bootstrap by changing Sass variables and then compiling a custom bootstrap.css file. If you don't know NPM or Sass, that is fine. I explain everything as I go. 5 Main WebsitesNext, we will use the starter template to create 5 great looking websites. In these websites, we will use Bootstrap componenrs, JavaScript widgets as well as some custom JavaScript and 3rd part libraries to give us a little more functionality. The websites are as follows:- Ebook Website - Website that offers a free ebook about starting a blog- Corso Website - Website that offers training courses and seminars- Portfolio Website - Modern looking portfolio for developers- Yavin Website - A business that creates custom office spaces- Vera Website - Software solutions website
