|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/bootstrap-4-crash-course-introduction-to-building-websites/
课程评论：没有评论
课程名称：Bootstrap 4 速成课程：构建网站入门 课程概述：你好，我是Filip，一名顶级和畅销的Udemy讲师，非常感谢你对我的Bootstrap 4速成课程的关注。以下是你将在本课程中学到的内容的详细介绍。让我们开始这段旅程吧。 - **一般概述**：这门3小时的密集课程将使你完全准备好使用全新的Bootstrap 4 Beta框架构建响应式网站、着陆页和模板。我将展示Bootstrap库的强大功能，我们将一起设置开发环境（安装Bootstrap和代码编辑器），了解Bootstrap 4的核心原则（行与列）。一旦你熟悉基本知识，我们将从零开始构建网站。 - **组件化课程**：本课程结合了10个创意组件，每个组件都将从零开始构建，我会展示构建过程中每个细节的完整过程。以下是我们将在本课程中构建的组件列表： 1. **导航栏**：构建一个从零开始的完整响应式导航栏，外观现代且光滑。 2. **下拉菜单**：可以展现更多选项的工作的下拉菜单。 3. **大屏幕区（Jumbotron）**：用于展示重要信息的Hero Section。 4. **卡片与徽章**：多种样式的Bootstrap 4卡片和徽章，用于干净地展示信息。 5. **滑块/轮播**：现代、响应式的滑块构建。 6. **进度条**：可视化显示指标的进度条。 7. **模态框与按钮**：现代方式展示附加内容的模态框。 8. **表单**：设计Bootstrap 4响应式表单。 - **从10个组件到完整网站**：我们将这些组件整合成一个完整的响应式现代网站，适用于应用、公司或产品展示的着陆页。我们还将编写自定义CSS媒体查询来让网站响应式，遵循现代设计趋势，使网站外观现代、简洁、极简。 - **最终作业**：你将进行一次最终作业，独立创建一个网站，运用课程中获得的技能。欢迎使用Google和我教给你的资源。Bootstrap 4文档也会随时提供给你。 - **额外福利**：注册课程后还有5项额外福利： 1. 免费电子书：《Web开发者与设计师必用资源75+》。 2. Facebook小组：私密小组讨论网页设计和开发。 3. 我的反馈：完成课程后，我将根据你的作品给予反馈。 4. 24/7支持：任何问题和bug，我将随时为你提供支持。 现在就点击“注册”按钮，我迫不及待想在课程中见到你！
Hi there, I'm Filip, a top-rated and best-selling Udemy instructor and I want to thank you for showing interest in my Bootstrap 4 Crash Course. Below is a complete breakdown of what you're going to learn throughout this course. Lets start the journey. - GENERAL OVERVIEW: This 3-hour, intensive and extensive crash course will have you completely set up and ready to build responsive websites, landing pages and templates with the very new Bootstrap 4 Beta framework. I will demonstrate the power of the Bootstrap library, we'll set up the environment together (Installation of Bootstrap + Code Editor), we'll take a look inside the core principles of Bootstrap 4 (rows & columns) and even then, once you're familiar with the basics, we'll start building the website from scratch. - COMPONENT-BASED COURSE! This course combines a total of 10 creative components - each built from scratch while I'm showcasing the complete process behind building even the smallest details. Here's a list of all of the components that we'll be building throughout this crash course. - COMPONENTS AND PROJECTS TAUGHT: Let me introduce you to the 10 components that we'll be building throughout the course: Navigation Bars: A complete navigation bar built from scratch that's responsive for all screen sizes and looking slick and modern.Dropdown Menus: Working Dropdown menus to showcase more options whenever we click on the parent list-item/link.Jumbotrons: Hero Sections to display important information are called Jumbotrons in Bootstrap 4. We'll be using one in our course.Cards and Badges: Many different styles for Bootstrap 4 cards to display information in clean manner, alongside Badges to display important information about a particular span.Sliders / Carousels: Responsive, Modern and Clean Sliders are a must nowadays. Learn how to build one in no time thanks to Bootstrap 4 awesomeness.Progress Bars: Progress Bars are a cool way of displaying metrics in a visually appealing way. Using divs and custom data attributes, creating colorful and fun progress bars has never been easier.Modals and Buttons: Modals are modern way of showing additional content without interfering with the initial design. Learn how to build these in this crash course!Forms: Forms are always the most important part of the website as it allows people to contact you. Don't miss the designing of the Bootstrap 4 awesome responsive forms! - FROM 10 COMPONENTS TO A FULLY FUNCTIONAL WEBSITE: We will combine these 10 components into a fully functional, responsive, modern website that can be used as a landing page for an app, firm, company or product showcase website. We're also writing custom CSS media queries (very few, Bootstrap is taking care of this for us!) to make the website responsive. Also, we're following design trends in order to make our website look modern, clean and minimalistic. - FINAL ASSIGNMENT: You'll be given a final assignment that will put your skills to the test. You'll create a website by yourself with the skills gained in this course. Feel free to use Google or any of the resources I've taught you during the course. Bootstrap 4 documentation is also available at your fingertips. Create something beautiful and share it, firstly with me, then with your fellow students and the whole world! -------------- 5 MORE BONUSES WITH ENROLLING INTO THE COURSE: GET MY E-BOOK FOR FREE: "75+ Must Use Resources for Web Developers & Designers" is a book I've written especially for my students. Its supposed to be your ultimate guide when it comes to finding web resources like stock photos and videos, mockups, PSD templates, icon packs, fonts, typography, design inspiration and much more!ACCESS TO A FACEBOOK GROUP: My students are granted access to a completely private Facebook group where we discuss web design and development topics, share knowledge and help eachother with bugs and issues. You can also contact me personally there, as well.MY PERSONAL FEEDBACK ON YOUR FINISHED WEBSITE: Once you've completed the course and the website you developed is ready, I will be very glad to take a look at it and give you some feedback and thoughts. Feel free to message me in the student chatroom and we'll discuss your website in detail!COMPLETE SUPPORT WITH BUGS/ISSUES: I will be available 24/7 for your questions and queries regarding this course. If you're stuck, facing a problem or have a bug somewhere in your code, I'll be glad to personally inspect your code and fix the error in a timely manner. Just post a discussion in the Q & A section and I'll be there! What are you waiting for? Click the "ENROLL NOW" button and I can't wait to see you inside!
