由 5 个项目从基础学会 Bootstrap 4

掌握最新版本的 Bootstrap(4.1.1),并在学习 HTML5 语义和 CSS3 的同时构建 5 个实用的主题 ( themes )

繁體中文課程介紹

从这 11.5 小时的课程,你会学到

  • 从头开始学习和创建出色的高品质 Bootstrap 4 主题( themes )和用户界面
  • 使用自订沙盒环境了解 Bootstrap 4 实用工具 ( utilities ) 、类( classes )、组件( componenets )和 JS 小工具( widgets )
  • 创建一个专业的工作流程和开发服务器,以便从源始码建置和做 Sass 编译
  • 学习语义 HTML5 和现代 CSS3 技术

要求

  • 应具备 HTML 和 CSS 的基本知识
  • 不需要知道任何 Bootstrap 3

课程说明

本课程将确实让你从对 Bootstrap 3 或 4一无所知到学会所有的实用工具、组件、小工具和网格,并制作出真实可用的主题 ( themes ) 和网站。你不需要知道 Bootstrap 3 才能了解此课程。如果你已经知道 Bootstrap 4,可直接跳到第 6 部分来做自订的工作流程,做所有的项目。课程以模块化安排!

自订 Bootstrap 沙盒

本课程的前几部分以完全自订的 HTML 学习环境进行。每个讲座都有一个与其相关的 html 页面,且有开始状态。随着讲课的进行,你将与我一起学习 Bootstrap 4 提供的所有工具,包括小帮手/实用工具( utilities )、组件( components )、小工具( widgets )、弹性盒( flexbox )等。

Bootstrap 入门包

一旦你了解沙盒,我们将设置 Starter Pack ( 我为本课程创建的)。这将给你一个真实的开发工作流程,从源始码编译 Bootstrap 4 和编译 Sass 。它甚至会给我们一个自动加载的开发服务器。 我们将在 5 个项目使用  Starter Pack。

5个真实的项目 / 主题

我们将使用 Starter Pack 创建 5 个实用的主题,包括

  1. LoopLap – 社交用户界面主题
  2. Mizuxe – 书/产品展示主题
  3. Blogen – 一个博客管理区 UI
  4. Glozzom – 有旋转木马和一些第三方脚本的多页主题
  5. Portfoligrid – 使用网格( grid )、弹性盒 ( flexbox ) 和折叠控件 (collapse widget )的投资组合主题

目标受众

任何想要学习和掌握 Bootstrap 4 并构建实用主题( themes )的人

讲师简介

Brad Traversy    Traversy Media 的全端 Web 开发者与讲师

Brad Traversy 有12 年以上的编程经验和近5年的教学经验。 他创立 Traversy Media ,一个成功的 Web 开发 YouTube 频道,擅长前端框架 (从 HTML5 到 Angular 等),以及 Node.js、PHP和 Python 等服务器端技术。 Brad 清楚掌握如何将非常复杂的话题简单说明,让听众容易了解。 通过 Brad 易懂的课程来投资你自己扩展你的职涯吧。

英文字幕:有

  • 想要了解如何将英文字幕自动翻译成中文? 请参考这篇 How-To

课程网址   ♥找优惠折扣码?

Sponsored by Udemy

也许你会有兴趣

  • 追踪这个   Twitter  ,追踪各种软件开发和个人成长学习消息

 欢迎使用e-mail订阅 Soft & Share 

发表评论

Powered by WordPress.com.

Up ↑

%d 博主赞过: