|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/css-grid-flexbox-the-ultimate-course-build-10-projects/
课程评论：没有评论
**课程名称：** CSS Grid & Flexbox - 终极实战课程：构建10+个项目 **课程概述：** 本课程旨在教授您当下和未来的网页布局技术：CSS Grid 和 Flexbox。您将深入学习这两种强大的布局方式，并通过构建10个以上的实际项目来巩固和应用所学知识。课程内容包括但不限于： * **Flexbox入门与实战：** * 学习Flexbox的基础概念，如flex容器、flex方向、flex换行、flex流等。 * 通过构建实际项目（例如：Udemy 和 Netflix 登录页面）来理解Flexbox的应用。 * 将Flexbox与SASS、NPM、Gulp等工具集成，并学习过渡（Transitions）和自定义属性（Custom Properties）等高级CSS技术。 * **CSS Grid进阶与实战：** * 学习CSS Grid（也称为GRID或CSS Grid Layout）这项原生CSS中最先进的布局方式。 * 掌握如何使用CSS Grid创建更复杂、更响应式的布局，无需依赖框架。 * 通过构建多个实例和实际项目（例如：AirBNB 网站克隆）来巩固CSS Grid的运用。 **学习收益：** 完成本课程后，您将能够自信地使用CSS Grid和Flexbox创建各种响应式、美观的网页布局，为您的客户或个人项目增添价值。课程强调实践，通过多个真实项目帮助您熟练掌握这些关键的Web开发技能。
CSS Grid & Flexbox are the Present & Future for Web Layoutsin this course you're going to learn both tecnologies, and we're building several examples including a AirBNB Clone, Udemy & Netflix Login Page, plus several other projects (the video is enabled to watch for free where you can view all the projects)We will start with flexbox, a great technology for building one-dimensional layouts, with Flexbox you can create responsive websites really easily, you're going to learn the basics of flexbox, from flex container, flex direction, flex wrap, flex flow and others.Then we're going to build some projects with Flexbox so you can understand it's features more easilyAlso we're going to integrate some nice Tools with Flexbox, such as SASS, NPM , Gulp and also some Advanced CSS with Transitions and Custom Properties.Then we're moving into CSS Grid aka GRID or CSS Grid Layout, the most advanced way to create a web layout natively in CSS, with CSS Grid you can create more advanced / responsive layouts with breeze, no frameworks are needed anymore!We're going to build several examples with CSS Grid, plus a Clone of the Website AirBNB and other projects that you can use for your clients or your personal use!
