Instrutor
Rudimar B. Althof
Iniciante
Componentes e Reutilização de Código
Neste curso, você aprenderá a criar componentes personalizados no Power Apps como cabeçalhos, rodapés, botões e menus que podem ser reutilizados em múltiplas telas ou até em diferentes apps. Essa prática melhora a padronização visual, a experiência do usuário e facilita a manutenção e evolução das soluções.
Módulos
4
Lições
12
Nível
Iniciante
Módulos
4
Lições
12
Nível
Iniciante
Módulos
Módulo 1•2 Módulos3min
Introdução – Reutilização na Power Platform
Abertura do curso com foco na importância da reutilização de código na Power Platform, preparando o terreno para uma jornada prática e eficiente no desenvolvimento de aplicativos.
1
01:27
Introdução - Transforme Seu Desenvolvimento: Técnicas de Reutilização na Power Platform
01:27Neste curso, Rudimar ensinará como a reutilização de código pode transformar a forma de desenvolver aplicativos e usar ferramentas da Power Platform. Você aprenderá a evitar erros, ganhar tempo e criar apps mais profissionais, aproveitando componentes, fórmulas e funções reutilizáveis, inclusive fluxos do Power Automate. O objetivo é que, ao final do curso, você não precise refazer do zero algo que já criou, tornando seus aplicativos mais rápidos e elegantes. Vamos começar? Te vejo na próxima aula.
2
01:55
Criando a nossa Solução para iniciar o aprendizado
01:55Nesta aula, Rudimar explica como começar a reutilizar código na Power Platform. A primeira etapa é criar uma solução no make.powerapps.com. Ele cria uma solução chamada 'powerblocks' para armazenar componentes reutilizáveis. Rudimar escolhe 'RBA Digital' como publicador e enfatiza que vai gravar conteúdos em várias seções, cada uma tratando de um assunto específico. Ele incentivará os alunos a revisitar o curso frequentemente para acessar novos exemplos e reutilizar conceitos em seus próprios ambientes.
Gostou deste curso? Obtenha acesso completo a todo nosso conteúdo
Sobre o Curso
Resumo do Curso
Neste curso, você aprenderá a criar componentes personalizados no Power Apps como cabeçalhos, rodapés, botões e menus que podem ser reutilizados em múltiplas telas ou até em diferentes apps. Essa prática melhora a padronização visual, a experiência do usuário e facilita a manutenção e evolução das soluções.
Instrutor
Rudimar B. Althof
O que você aprenderá
- Criar componentes como cabeçalho com logo, botão voltar, menu de navegação
- Como aplicar esses componentes em múltiplas telas
- Editar propriedades de forma dinâmica
- Organizar seus componentes em uma biblioteca reutilizável
- Melhores práticas de design para apps corporativos
Requisitos
- Conhecimentos básicos de Power Apps
{
"id": 20,
"title": "Componentes e Reutilização de Código",
"description": "Neste curso, você aprenderá a criar componentes personalizados no Power Apps como cabeçalhos, rodapés, botões e menus que podem ser reutilizados em múltiplas telas ou até em diferentes apps.\n\nEssa prática melhora a padronização visual, a experiência do usuário e facilita a manutenção e evolução das soluções.",
"thumbnail": "https://global-rudimar.b-cdn.net/courses/thumbnails/1774392090230-sihvyv-reutilizaveis.webp",
"level": "Iniciante",
"instructor": "Rudimar B. Althof",
"instructor_image": "https://global-rudimar.b-cdn.net/profiles/7278ff69-af14-46c2-9a5e-67a70e2928cb/1757863479901-u3idzn-eu.webp",
"category": "power-apps",
"sessionCount": 4,
"lessonCount": 12,
"duration": 5427,
"visible": true,
"slug": "componentes-reutilizaveis",
"purchaselink": "",
"isUnlocked": true,
"price": null,
"sessions": [
{
"id": 58,
"title": "Introdução – Reutilização na Power Platform",
"thumbnail": "https://vz-37748830-d20.b-cdn.net/d509a241-6d6f-43ae-87ec-224669a0b6f8/thumbnail_f980557b.jpg",
"description": "Abertura do curso com foco na importância da reutilização de código na Power Platform, preparando o terreno para uma jornada prática e eficiente no desenvolvimento de aplicativos.",
"order": 1,
"visible": true,
"lessons": [
{
"id": 211,
"is_completed": false,
"title": "Introdução - Transforme Seu Desenvolvimento: Técnicas de Reutilização na Power Platform",
"description": "Neste curso, Rudimar ensinará como a reutilização de código pode transformar a forma de desenvolver aplicativos e usar ferramentas da Power Platform. Você aprenderá a evitar erros, ganhar tempo e criar apps mais profissionais, aproveitando componentes, fórmulas e funções reutilizáveis, inclusive fluxos do Power Automate. O objetivo é que, ao final do curso, você não precise refazer do zero algo que já criou, tornando seus aplicativos mais rápidos e elegantes. Vamos começar? Te vejo na próxima aula.",
"duration": "01:27",
"videoUrl": "https://iframe.mediadelivery.net/play/406049/d57d0c70-a234-43d2-a686-7c9821d98d9d",
"isUnlocked": true,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/d57d0c70-a234-43d2-a686-7c9821d98d9d/preview.webp?v=1759052050",
"previous_lesson_id": null,
"next_lesson_id": 212
},
{
"id": 212,
"is_completed": false,
"title": "Criando a nossa Solução para iniciar o aprendizado",
"description": "Nesta aula, Rudimar explica como começar a reutilizar código na Power Platform. A primeira etapa é criar uma solução no make.powerapps.com. Ele cria uma solução chamada 'powerblocks' para armazenar componentes reutilizáveis. Rudimar escolhe 'RBA Digital' como publicador e enfatiza que vai gravar conteúdos em várias seções, cada uma tratando de um assunto específico. Ele incentivará os alunos a revisitar o curso frequentemente para acessar novos exemplos e reutilizar conceitos em seus próprios ambientes.",
"duration": "01:55",
"videoUrl": "https://iframe.mediadelivery.net/play/406049/d509a241-6d6f-43ae-87ec-224669a0b6f8",
"isUnlocked": false,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/d509a241-6d6f-43ae-87ec-224669a0b6f8/preview.webp?v=1759052069",
"previous_lesson_id": 211,
"next_lesson_id": null
}
]
},
{
"id": 60,
"title": "UDF - Funções Definidas pelo Usuário no Power Apps",
"thumbnail": "https://vz-37748830-d20.b-cdn.net/bbd8616c-745a-47c8-9175-a682fd5ee397/thumbnail.jpg",
"description": "Nesta sessão, Rudimar apresenta o poder das UDFs (User Defined Functions) no Power Apps, mostrando como transformar fórmulas comuns em funções reutilizáveis. A jornada começa com conceitos básicos e evolui para a criação de funções personalizadas, como conversão de temperatura e definição de cores dinâmicas. Também são exploradas técnicas para criar tabelas temporárias e aplicar lógica condicional com base em status, tudo sem depender de fontes externas de dados. O conteúdo foca em tornar o desenvolvimento mais eficiente, modular e adaptável a diferentes cenários dentro dos aplicativos.",
"order": 2,
"visible": true,
"lessons": [
{
"id": 210,
"is_completed": false,
"title": "Introdução às Funções Definidas pelo Usuário (UDF) no Power Apps",
"description": "Olá! Nessa aula com Rudimar, vamos aprender sobre as funções definidas pelos usuários no Power Apps e como criar funções personalizadas para reutilização. Rudimar inicia com uma revisão rápida sobre funções básicas do Power Apps, como now, day, notify e len. Ele então introduz a possibilidade de criar funções próprias, mostrando como podemos converter uma fórmula de conversão de Fahrenheit para Celsius em uma função reutilizável. O objetivo é evitar repetição de código e facilitar a manutenção de aplicativos. Na próxima aula, veremos como implementar essa função dentro do Power Apps. Até mais!",
"duration": "07:50",
"videoUrl": "https://iframe.mediadelivery.net/play/406049/156206ab-8696-4f6d-a314-a34d4e2db3c4",
"isUnlocked": true,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/156206ab-8696-4f6d-a314-a34d4e2db3c4/preview.webp?v=1759060748",
"previous_lesson_id": null,
"next_lesson_id": 213
},
{
"id": 213,
"is_completed": false,
"title": "Transformando Códigos com Funções Definidas pelo Usuário",
"description": "Nesta aula, Rudimar ensina como transformar um código de conversão de Fahrenheit para Celsius em uma função reutilizável no Power Apps. Ele explica como habilitar e utilizar as User Defined Functions (UDF) junto com a nova engine de análise. Rudimar demonstra a criação de uma fórmula estática e uma função personalizada para realizar a conversão de temperatura, mostrando como passar e definir parâmetros, além de ilustrar o uso dessa função com sliders e rótulos no app. Ele também aborda a facilidade de manutenção ao utilizar funções reutilizáveis.",
"duration": "09:10",
"videoUrl": "https://iframe.mediadelivery.net/play/406049/69412b03-160e-4477-9803-0d7081d784bd",
"isUnlocked": false,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/69412b03-160e-4477-9803-0d7081d784bd/preview.webp?v=1759066289",
"previous_lesson_id": 210,
"next_lesson_id": 214
},
{
"id": 214,
"is_completed": false,
"title": "Criando Tabelas Temporárias no Power Apps para Prototipagem Rápida com UDFs",
"description": "Nesta lição, Rudimar demonstra como definir e usar tabelas internas no Power Apps sem depender de uma base de dados. Usando uma tabela de pedidos como exemplo, ele mostra como criar e manipular registros de status dentro da aplicação. Ele cria uma galeria para exibir esses dados e discute a customização das cores dos status por meio de funções definidas pelo usuário, facilitando a prototipagem e a reutilização de lógicas. Rudimar finaliza introduzindo a criação de uma função de cores personalizadas para badges, tema da próxima aula.",
"duration": "07:59",
"videoUrl": "https://iframe.mediadelivery.net/play/406049/37001b03-2a5f-4e17-bb76-762afe75bff8",
"isUnlocked": false,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/37001b03-2a5f-4e17-bb76-762afe75bff8/preview.webp?v=1759069353",
"previous_lesson_id": 213,
"next_lesson_id": 215
},
{
"id": 215,
"is_completed": false,
"title": "Definindo Cores Dinâmicas com Funções UDF no Power Apps",
"description": "Nesta aula, Rudimar ensina a criar uma função no Power Apps para definir cores dinâmicas em badges com base no status. A função UDFBadColor recebe um texto como entrada e retorna uma cor correspondente, como sucesso, aviso ou informativo. Rudimar demonstra a implementação da função usando a estrutura switch para definir as condições de cor. Ele mostra como ajustar a fórmula para diferentes idiomas e reutilizá-la em diferentes partes do aplicativo. A função é disponibilizada para download no site, facilitando a personalização e adaptação para outros cenários.",
"duration": "09:38",
"videoUrl": "https://iframe.mediadelivery.net/play/406049/bbd8616c-745a-47c8-9175-a682fd5ee397",
"isUnlocked": false,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/bbd8616c-745a-47c8-9175-a682fd5ee397/preview.webp?v=1759083025",
"previous_lesson_id": 214,
"next_lesson_id": null
}
]
},
{
"id": 59,
"title": "Componentes Reutilizáveis no Canvas App",
"thumbnail": "https://vz-37748830-d20.b-cdn.net/6ecea238-15b3-4deb-b92e-e9c638a7d7ef/thumbnail_758f6c83.jpg",
"description": "Esta sessão apresenta uma jornada prática sobre o uso de componentes reutilizáveis no Canvas App do Power Apps. Começando com os conceitos básicos e exemplos prontos, como cabeçalhos personalizáveis, o instrutor Rudimar guia o aluno na criação de seus próprios componentes, como rótulos, ícones e cards de detalhes. Cada aula mostra como configurar propriedades dinâmicas e aplicar boas práticas de design, tornando os componentes adaptáveis a diferentes contextos. O foco está em acelerar o desenvolvimento, facilitar a manutenção e garantir consistência visual em todo o aplicativo.",
"order": 3,
"visible": true,
"lessons": [
{
"id": 219,
"is_completed": false,
"title": "Introdução à Criação de Componentes Reutilizáveis no Canvas App",
"description": "Nesta aula, o apresentador Rudimar explica o conceito de componentes reutilizáveis no Power Apps. Ele demonstra como utilizar componentes prontos, como o cabeçalho, e destaca as opções de configuração disponíveis, incluindo personalização de título, logotipo e estilo. Além disso, Rudimar introduz a importância de criar componentes próprios para reutilização em diferentes partes do aplicativo ou em vários projetos, preparando o terreno para as próximas lições sobre implementação prática desses componentes.",
"duration": "03:21",
"videoUrl": "https://player.mediadelivery.net/embed/406049/a1fb5640-189f-4276-98d3-9da6974a8fab",
"isUnlocked": true,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/a1fb5640-189f-4276-98d3-9da6974a8fab/preview.webp?v=1760965226",
"previous_lesson_id": null,
"next_lesson_id": 220
},
{
"id": 220,
"is_completed": false,
"title": "Criando o seu primeiro Componente Reutilizável no Power Apps",
"description": "Nesta aula, o apresentador Rudimar ensina como criar e personalizar componentes reutilizáveis no Power Apps. A lição mostra, passo a passo, como transformar elementos como rótulos e ícones em componentes customizados, facilitando a reutilização e a padronização visual em diferentes partes do aplicativo. Rudimar demonstra como configurar propriedades personalizadas, como texto e imagem, permitindo que o mesmo componente seja facilmente adaptado em vários contextos. O objetivo é otimizar o desenvolvimento e a manutenção dos aplicativos, tornando as alterações mais rápidas e centralizadas.",
"duration": "14:38",
"videoUrl": "https://player.mediadelivery.net/embed/406049/a928bc76-1cde-4bf4-bd3e-d3d221ff2772",
"isUnlocked": false,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/a928bc76-1cde-4bf4-bd3e-d3d221ff2772/preview.webp?v=1760968679",
"previous_lesson_id": 219,
"next_lesson_id": 221
},
{
"id": 221,
"is_completed": false,
"title": "Como Criar e Personalizar um Componente de Card de Detalhes no Power Apps",
"description": "Nesta aula, você aprenderá a criar e aprimorar um componente de card de detalhes no PowerApps, tornando-o reutilizável e flexível para diferentes aplicações. O conteúdo aborda desde a duplicação e personalização de componentes, uso de containers horizontais e verticais para melhor organização dos elementos, até a configuração de propriedades para garantir responsividade e praticidade. Também são demonstradas dicas para alinhar imagens, textos e valores, além de sugestões para tornar o componente visualmente mais agradável e adaptável a diferentes cenários dentro do aplicativo.",
"duration": "15:05",
"videoUrl": "https://player.mediadelivery.net/embed/406049/6ecea238-15b3-4deb-b92e-e9c638a7d7ef",
"isUnlocked": false,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/6ecea238-15b3-4deb-b92e-e9c638a7d7ef/preview.webp?v=1760984430",
"previous_lesson_id": 220,
"next_lesson_id": null
}
]
},
{
"id": 61,
"title": "Definição de componentes e estilos da interface usando YAML",
"thumbnail": "https://global-rudimar.b-cdn.net/courses/20/thumbnails/1762104165126-0ddkfp-YAML_no_Canvas_App.webp",
"description": "Esta seção apresenta o código YAML que descreve a composição de controles e suas propriedades dentro da interface do aplicativo. Por meio dessa estrutura declarativa, é possível configurar layouts, visibilidade condicional, estilos como cores e tamanhos, além de vincular dados dinâmicos. O uso do YAML facilita a organização e reutilização de componentes, promovendo consistência visual e funcionalidade personalizada conforme o contexto da aplicação.",
"order": 4,
"visible": true,
"lessons": [
{
"id": 231,
"is_completed": false,
"title": "Reutilização de Componentes no PowerApps com Código YAML - Conceitos e Aplicações Práticas",
"description": "Nesta aula, você vai aprender como utilizar o código YAML no Power Apps para reutilizar componentes e otimizar o desenvolvimento. Veja na prática como visualizar, editar e reaproveitar o código dos controles, além de usar inteligência artificial para renomear componentes em massa e mover elementos entre diferentes aplicativos com rapidez e eficiência.",
"duration": "07:25",
"videoUrl": "https://player.mediadelivery.net/embed/406049/b63c8095-a580-49aa-9e5a-a26fa50761a7",
"isUnlocked": false,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/b63c8095-a580-49aa-9e5a-a26fa50761a7/preview.webp?v=1762190578",
"previous_lesson_id": null,
"next_lesson_id": 232
},
{
"id": 232,
"is_completed": false,
"title": "Reutilizando Componentes no PowerApps com YAML",
"description": "Aprenda como usar o YAML no PowerApps para acelerar o desenvolvimento de seus aplicativos. Nesta aula, Rudimar mostra como copiar e reutilizar componentes prontos a partir de ferramentas disponíveis, entender a estrutura de um código YAML, e adaptar controles e propriedades dentro do app. Você verá como importar uma galeria de dados estruturados e ajustar títulos, larguras e posições automaticamente com fórmulas já integradas. Uma aula prática para criar componentes reutilizáveis e aumentar sua produtividade no Power Apps.",
"duration": "05:44",
"videoUrl": "https://player.mediadelivery.net/embed/406049/06dc31d9-171c-4bf7-a37d-cb924aeaf1e4",
"isUnlocked": false,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/06dc31d9-171c-4bf7-a37d-cb924aeaf1e4/preview.webp?v=1762198053",
"previous_lesson_id": 231,
"next_lesson_id": 233
},
{
"id": 233,
"is_completed": false,
"title": "Power Apps Tools: Como Usar e Compartilhar Snippets em YAML",
"description": "Nesta aula, você aprenderá a encontrar, copiar e reutilizar componentes em YAML para PowerApps, aproveitando recursos criados pela comunidade. Exploramos exemplos práticos, como jogos e pop-ups, e mostramos como adaptar e compartilhar seus próprios snippets. Ao final, você saberá como acelerar o desenvolvimento de aplicativos e colaborar com outros desenvolvedores.",
"duration": "06:15",
"videoUrl": "https://player.mediadelivery.net/embed/406049/de628fe5-bbc3-4900-804d-d8b739dcd486",
"isUnlocked": false,
"visible": true,
"thumbnail": "https://vz-37748830-d20.b-cdn.net/de628fe5-bbc3-4900-804d-d8b739dcd486/preview.webp?v=1762200749",
"previous_lesson_id": 232,
"next_lesson_id": null
}
]
}
]
}Aprimore suas habilidades com este curso
Esteja entre os primeiros a dominar essas habilidades valiosas e avançar seu conhecimento com exemplos práticos do mundo real.
Assine mensal/anual para acessar este e todos os outros cursos
Acesse todo o conteúdo do curso