|
所在平台: Coursera |
课程主页: https://www.coursera.org/learn/bootstrap-4
课程评论：没有评论
课程名称：前端网页UI框架与工具：Bootstrap 4 课程概述：本课程将为您提供客户端网页UI框架的概述，特别是Bootstrap 4。您将学习网格系统和响应式设计，Bootstrap的CSS和JavaScript组件。此外，您还将了解CSS预处理器Less和Sass，以及Node.js和NPM的基础知识，任务执行器如Grunt和Gulp。完成本课程后，您将能够：a) 使用Bootstrap 4及其组件设置、设计和样式化网页；b) 创建响应式网页设计；c) 利用网络工具设置和管理网站。本课程还包括一个荣誉项目，使您能够独立开发基于Bootstrap 4的网站。 课程大纲： 第一部分：前端网页UI框架概述：Bootstrap 描述：此模块为您提供全栈网页开发的快速介绍和课程大纲。您将学习Bootstrap的基本知识，包括如何使用Bootstrap设置网页项目，响应式设计，以及Bootstrap网格系统。在本模块结束时，您需要完成第一个作业。 第二部分：Bootstrap CSS组件 描述：本模块侧重于使用纯CSS类设计的Bootstrap组件。您将学习导航和导航栏、按钮、表单、表格、卡片、图像和媒体、标签、警报和进度条。在本模块结束时，您需要完成第二个作业。 第三部分：Bootstrap JavaScript组件 描述：本模块主要讨论基于JavaScript的Bootstrap组件。您将学习选项卡、药丸和选项卡式导航、折叠、手风琴、滚动监听、固钉、工具提示、弹出框、模态框和轮播。在本模块结束时，您需要完成第三个作业。 第四部分：网页工具 描述：本模块总结了我们对Bootstrap JavaScript组件的讨论。接下来，我们讨论CSS预处理器Less和Sass。最后，我们讨论通过NPM脚本和任务执行器如Grunt和Gulp进行网页项目的构建和部署的任务自动化。本课程的最后作业将在本模块结束时完成。 学生在报名本课程之前应具备良好的HTML、CSS和JavaScript基础知识。
Part: 1
Title:Front-end Web UI Frameworks Overview: Bootstrap
Description:This module gives you a quick introduction to full-stack web development and the outline of the course. Then you will learn the basics of Bootstrap, setting up a web project using Bootstrap. You will learn about responsive design and the Bootstrap grid system. At the end of this module, you need to complete your first assignment.
Part: 2
Title:Bootstrap CSS Components
Description:This module concentrates on Bootstrap's components that are designed using pure CSS classes. You will learn about Navigation and Navigation bar. Then, you will learn about buttons, forms, tables, cards, images and media, tags, alerts and progress bars. At the end of this module you need to complete your second assignment.
Part: 3
Title:Bootstrap Javascript Components
Description:This module concentrates on Bootstrap's JavaScript based components. You will learn about tabs, pills and tabbed navigation, collapse, accordion, scrollspy, affix, tooltips, popovers, modals and the carousel. At the end of this module you need to complete the third assignment.
Part: 4
Title:Web Tools
Description:This module rounds out our discussions on Bootstrap JavaScript components. Then we discuss CSS preprocessors, Less and Sass. Finally, we discuss building and deployment of our Web projects through task automation using NPM scripts, and task runners like Grunt and Gulp. The final assignment of this course needs to be completed at the end of this module.
This course will give you an overview of client-side web UI frameworks, in particular Bootstrap 4. You will learn about grids and responsive design, Bootstrap CSS and JavaScript components. You will learn about CSS preprocessors, Less and Sass. You will also learn the basics of Node.js and NPM and task runners like Grunt and Gulp. At the end of this course, you will be able to a)Set up, design and style a web page using Bootstrap 4 and its components, b) Create a responsive web page design, and c) Make use of web tools to setup and manage web sites. This course also includes an honors track that enables you to work on your own project developing a website using Bootstrap 4. Students enrolling in this course should have prior good working knowledge of HTML, CSS and JavaScript.
