|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/css-avancado/
课程评论：没有评论
## Coursera 课程内容概要：CSS 高级 - Sass, CSS Grid Layout 和 CSS Modules 本课程旨在教授您现代 CSS 的关键技术和特性，以应对日益复杂的前端项目。 **课程核心内容：** 1. **Flexbox 回顾：** 快速巩固 Flexbox 布局的基础知识。 2. **CSS Grid Layout：** 深入学习 CSS Grid System，一种全新的、不同于传统 Box Model 的前端布局方式。 3. **Sass：** 掌握 Sass，一种 CSS 预处理器，允许您以编程方式编写 CSS。 4. **CSS Modules：** 学习通过 Node.js 模块化系统导入和导出 CSS 模块，实现更现代化的 CSS 管理。 **项目实践：** 课程将通过三个主要项目来巩固学习： * **Sass 项目：** 创建一个简单的 Sass 列表，练习变量、混合（mixin）等 Sass 特性。 * **CSS Grid Layout 项目：** * **Modernista：** 设计一个受艺术家 Piet Mondrian 作品启发的界面，充分利用 CSS Grid 的强大布局能力。 * **Masonry Image Grid：** 使用 `dense` 属性创建一个类似 Masonry 布局的图片网格。 * **CSS Modules 项目：** * **Social Cards：** 在此项目中，您将集成并应用所有 CSS Modules 的概念来开发社交卡片组件。 **课程优势：** * **前沿技术：** 学习当前前端开发中最热门、最实用的 CSS 技术。 * **实战导向：** 每个主题都配有动手实践项目，确保知识的应用和巩固。 * **应对复杂性：** 帮助您构建更具可维护性、可扩展性的复杂前端布局和样式。 **加入本课程，您将能够自信地运用最新的 CSS 工具和技术，提升您的前端开发技能！**
O CSS sempre esteve aí, e sua base nunca vai mudar. Entretanto, ao longo dos anos e conforme os projetos de frontend foram ficando mais complexos, o CSS também evoluiu junto diante de novas necessidades.Neste curso você aprenderá as tecnologias e features mais contemporâneas do CSS. Começaremos com uma revisão de Flexbox e em seguida você aprenderá uma funcionalidade relativamente recente do CSS, o CSS Grid Layout. É uma maneira completamente diferente do tradicional Box Modelling na hora de organizar layouts no frontend.Em seguida você aprenderá a utilizar o Sass, um pré-processador de CSS que nos permite escrever classes CSS de maneira programática. E por fim, entraremos no que há de mais recente, que são os CSS Modules, onde utilizaremos os módulos do Node Js para exportar a importar módulos de CSS.ProjetosEm cada um dos 3 tópicos (Sass, CSS Grid e CSS Modules) iremos realizar um exercícios enquanto você aprende. O execício de Sass será apenas uma lista simples. Já no exercício de CSS Grid Layout faremos dois projetos. O prineiro é o Modernista, uma interface com design inspirado no trabalho do artista Piet Mondrián. O segundo será uma grid de imagens ao estilo masonry, utilizando a propriedade Dense. Por fim, na parte de CSS modules faremos os Social Cards, onde aplicaremos todos os conceitos de CSS Modules durante o desenvolvimento.Bora começar?!
