Complete Guide to Bootstrap 5 with 6 Real World Projects

所在平台: Udemy

课程主页: https://www.udemy.com/course/complete-guide-to-bootstrap/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:完整的Bootstrap 5指南与6个真实项目 课程概述:大家好!本课程涵盖了全球最受欢迎的前端框架Bootstrap 5.1的各个部分。Bootstrap已在全球数百万个网站上使用,并经过精心开发,以满足各种典型用户界面的需求。使用Bootstrap 5构建的网页能够在各种设备、浏览器和屏幕尺寸上良好运行,同时兼顾可访问性和现代设计。本课程专为以下人群设计:对Bootstrap不熟悉的Web开发者、已使用Bootstrap 4但想升级到v5的开发者、了解Bootstrap 5基础但需要学习实际应用的开发者。 在课程中,我们将从头开始学习Bootstrap 5的基础知识,包括Bootstrap工具、布局和组件。随后,我们将进入项目实践。在完成5个与CSS相关的课程后,我们将学习如何使用Sass设置Bootstrap 5,以及如何使用定制API自定义默认的Bootstrap样式。接着,我们将通过Bootstrap 5和Sass创建一个网站模板。如果您没有任何Sass的基础知识,也无需担心!我会从最基本的内容为您讲解。 最后,我将带您一起用Bootstrap 5创建6个不同的项目。 项目包括: 项目1:初学者个人作品集 项目2:单页面代理模板 项目3:Bootstrap 5管理仪表板 项目4:多页面博客 项目5:专业个人作品集 项目6:在线学习Sass模板 为何选择本课程?本课程相较于其他Bootstrap课程有以下几个特点使其脱颖而出: - 无多余的内容 - 真实的专业项目 - 除了学习Bootstrap 5,您还将学习如何使用Emmet提高工作效率、使用AOS动画库创建美观的动画、利用Chart.js绘制图表和图形、表单验证方法、使用JavaScript实现打字机效果、使用Isotope.js进行过滤和排序、如何用PHP创建一个工作HTML表单以及使用原生JS的滑块如tiny slider。 让我们开始吧!

课程评论(0条)

课程详情

Hi everyone!This course covers all the different parts of the latest version of the world's most popular front-end framework, Bootstrap 5.1. Bootstrap has been used on millions of websites around the world and has been carefully developed to cover a wide range of typical user interfaces.Web pages built with Bootstrap 5 works across all kinds of devices, browsers, and screen sizes while also taking care of accessibility and a clean and modern design.I designed this course for:Web developers who don't know bootstrapWeb developers who have used bootstrap 4 now want to upgrade to v5Knows the basics of bootstrap 5 but needs to learn practical implementationsWe are going to learn the basics of bootstrap 5 from scratch - bootstrap utilities, layouts, components. Then we are going to jump into the projects. After creating 5 courses with CSS we are going to see how to set up bootstrap 5 with sass. We will also see how to customize default bootstrap stylings using customization API. After that, we will be creating a website template by using bootstrap 5 and sass. If you don't have any prior knowledge of SASS, then don't worry! I got you covered. I will be explaining the SASS from the very basics.Finally, I will walk you through how to create 6 different projects using Bootstrap 5.PROJECTSLearn to build the following projects using Bootstrap 5:Project 1: Beginner PortfolioProject 2: One-page Agency TemplateProject 3: Bootstrap 5 Admin DashboardProject 4: Multipage BlogProject 5: Professional PortfolioProject 6: E-learning SASS templateWHY THIS COURSE?Why this course instead of other Bootstrap courses?Wondering why you should choose this course instead of other Bootstrap courses? This course has the following features that make it stand out among the rest:No unnecessary staffsReal-world professional projectsOther than learning about bootstrap 5, you will also learn how to use these-Emmet for faster workflowHow to create beautiful animations using the AOS animations libraryHow to create charts and graphs using Chart jsForm validation methodsTypewriter effect using javascriptHow to do filtering and sorting with isotope jsHow we can create a working HTML form with PHPUsing vanilla js sliders like tiny sliderLET'S GET STARTED!

课程标签

0人关注该课程

主题相关的课程