|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/diy-bootstrap-4-10/
课程评论：没有评论
本课程名为“DIY Bootstrap 4 - 10小时速成，带你精通 Bootstrap 基础（含 Webpack、项目实战）”。 **课程概述：** Bootstrap 是一个前端框架库，它将 HTML、CSS 和 JavaScript 整合在一起，提供标准化的界面，方便快捷地构建网站。本课程将深入学习 Bootstrap 的结构和内容，并通过实际项目制作来全面练习各个组件。 **主要课程内容：** * **Bootstrap Grid 系统：** 学习 `Container` 和 `Columns` 等核心概念，并结合 CSS3 的 Flexbox 进行深入理解。 * **Bootstrap 内容类：** 掌握 `Typography`、`Image` 等内容类别的 class 值。 * **Webpack 入门：** 学习现代 JavaScript 的模块打包工具 Webpack，并利用它构建 Webpack Starter Template。 * **Bootstrap 4 组件实战：** 利用 Bootstrap 4 的组件进行网站编码。 * **JavaScript 示例与 CSS 定制：** 通过一些 JavaScript 示例和 CSS 定制，修改现有的 Bootstrap 组件和结构，最终完成一个更优秀的网站。 **课程资源：** 本课程将使用 Bootstrap 4.1（及其依赖的 jQuery、popper.js）、Fontawesome 5、animate.css 和 wow.js、Lightbox2（CSS 和 JS）以及 Google Map API 等资源。虽然视频教程使用 Sublime Text 作为代码编辑器，但您可以自由选择 Visual Studio Code、Atom 或任何其他代码编辑器。
부트스트랩(Bootstrap)은 Front Endh에서 웹사이트의 구성 코드인 html과 css 그리고 javascript를 하나로 통합하여 정형화된 인터페이스를 제공해주고 있는 일종의 프레임워크 라이브러리입니다. 웹사이트를 제작할 때 html과 css, javascript를 웹개발자가 따로따로 만들어서 서로 통합해야 하겠지만, 이 부트스트랩 프레임워크는 이를 일정한 형태로 만들어져 배포되었기 때문에 우리는이 코드(컴포넌트 등)들을 이용해서 더욱 쉽게 웹사이트를 제작할 수 있습니다.이 강좌에서는 부트스트랩의 구조와 컨텐츠에 대해 집중적으로 공부하고, 개별적인 컴포넌트(Components)들은 실제 웹사이트를 만들어보면서 포괄적으로 연습합니다.대략적인 주요 커리큘럼을 살펴보면 다음과 같습니다:주요 개념인 부트스트랩 Grid 개념(Container와 Columns 등)에 대해 CSS3의 display flex 개념을 통해 전반적으로 공부하고,부트스트랩 컨텐츠(Typography, Image 등)에 사용되는 클래스값에 대해 이해한다.Modern Javascript를 이용한 애플리케이션에 이용되는 Module bundler Compling Library인 웹팩(Webpack)에 대해 공부하고,이를 통해 Webpack Starter template를 구성한다.부트스트랩4의 컴포넌트를 이용하여 Website를 코딩한다.또한 몇 가지 Javascript 예제와 css 커스터마이즈하여 기존의 부트스트랩 컴포넌트와 구조를 변형하여 더 나은 Website를 최종적으로 완성한다.이 강좌에 사용하는 Resource는, Bootstrap 4.1(및 이에 필요한 jQuery, popper.js), Fontawesome 5, animate.css 및 wow.js, Lightbox2(css와 js) 그리고 Google map api 등입니다. Code Editor는 Sublime Text를 이용하여 동영상을 만들었지만, Visual Studio Code, Atom 등 어떤 코드 에디터를 사용하시든 상관없습니다.
