SAP® UI5 passo a passo para desenvolvimento Fiori®

Name: SAP® UI5 passo a passo para desenvolvimento Fiori®
Rating: 4.0 (187 reviews)

Aprenda a construir aplicativos web responsivos utilizando o framework SAPUI5.

Created byMárcio Martins, Roberta Roth

Last updated 10/2024

Portuguese

What you'll learn

Construir aplicativos do zero com UI5.
Como o UI5 implementa MVC.
Como utilizar o WebIDE para o desenvolvimento.
Entender os conceitos por trás do UI5.
Primeiros passos no SAP Business Application Studio

Course content

11 sections • 25 lectures • 1h 21m total length

Introdução ao conteúdo de "SAPUI5 passo a passo"4:24
O que é UI5? Qual a diferença entre OpenUI5 e SAPUI5? Saiba o que você vai aprender neste curso.

Criando uma aplicação no WebIDE e fazendo o tradicional HelloWorld!2:27
Como criar uma aplicação HTML básica utilizando o WebIDE.
Como rodar sua aplicação no WebIDE0:50
Aprenda como utilizar o servidor web embutido no WebIDE para rodar sua aplicação.
Adicionando UI5 na sua aplicação3:37
Como criar uma aplicação UI5 básica utilizando o WebIDE.
Utilizando o primeiro controle UI5 em sua página2:10
Aprenda como utilizar o controle sap.m.Text na sua aplicação.

MVC (Model View Controller)2:30
Aprenda o conceito de Model View Controller e como ele é aplicado em UI5.
XML Views2:59
Nesta aula passaremos a utilizar uma XML view.
Controllers3:25
Adicionaremos um controller em nossa aplicação e uma função para definir o comportamento de um novo botão.
JSON Model4:10
Vamos adicionar um modelo de dados no formato JSON ao nosso projeto, fazendo a ligação dos dados contidos neste modelo na view.

Internacionalização (i18n)7:23
Frequentemente é necessário disponibilizar suas aplicações para clientes que estão distribuídos em vários países e que falam diversos idiomas. Entenda e aplique como funciona a internacionalização no UI5.
Observação: trocar a extensão dos arquivos i18n.txt e i18n_pt.txt para .properties .
Os controles sap.m.Shell, sap.m.Page e sap.m.Panel2:57
Vamos utilizar três controles da biblioteca sap.m para deixar nossa tela um pouco mais bonita e organizada.
Observação: trocar a extensão dos arquivos i18n.txt e i18n_pt.txt para .properties .
Ícones1:05
Após esta aula, saiba como utilizar ícones nativos da biblioteca UI5 e onde encontrá-los.

Aggregation Binding3:59
Vamos utilizar um arquivo no formato JSON para simular um backend e utilizar o controle sap.m.List na view para consumir este novo modelo e mostrar os dados em uma listagem.
Observação: trocar a extensão dos arquivos i18n.txt e i18n_pt.txt para .properties .
Tipos de Dados2:16
Aprenda como trabalhar com tipagem de dados para exibição na listagem.
Expression Binding3:34
Aprenda como formatar um dado na sua lista utilizando uma função JavaScript customizada e ainda como colocar expressões simples (IF) em uma ligação (binding).
Filtrando (campo de busca)3:22
Como adicionar um campo de busca (sap.m.SearchField) em nossa lista?
Ordenando e Agrupando1:54
Você vai incrementar ainda mais a sua lista, ordenando e agrupando os registros por fornecedor.

Requirements

HTML, CSS e JavaScript básico

Description

Com vídeos explicativos totalmente em português e arquivos fonte para download de cada aula, aprenda em cerca de 1 hora a utilizar o framework JavaScript mais requisitado no ecossistema da gigante alemã de software corporativo SAP. Siga as instruções do passo a passo para iniciantes, desde a criação de uma aplicação do zero até listagens utilizando dados em um arquivo no formato JSON simulando um back-end, passando por como deixar sua aplicação suportando dispositivos móveis (responsiva).

Através de exercícios práticos:

Aprenda a tecnologia UI5 que é utilizada para implementar aplicativos usando o Design system SAP Fiori;
Obtenha os pré-requisitos necessários para começar a desenvolver aplicativos SAPUI5 imediamente;
Entenda na prática como funciona o padrão de projetos Model View Controller, utilizado nas aplicações SAPUI5;
Adicione suporte a múltiplos idiomas no seu aplicativo (i18n - internacionalização), utilizando recursos nativos do framework;
Saiba como adicionar recursos como filtragem, ordenação, agrupamento e formatação em listagens de dados;
Visualize e utilize os mais de 600 ícones da biblioteca SAP Fiori através do Icon Explorer
Como bônus, entenda como depurar ("debugar") seu código fonte JavaScript utilizando as ferramentas nativas do seu navegador Web, como o Google Chrome.

Atualização em agosto de 2022: Contém uma aula sobre o novo SAP Business Application Studio, nova suite de desenvolvimento de aplicativos.

Who this course is for:

Qualquer desenvolvedor que queira conhecer o framework de desenvolvimento para aplicativos multi-plataforma UI5.

SAP® UI5 passo a passo para desenvolvimento Fiori®

What you'll learn

Explore related topics

Course content

Apresentação1 lecture • 4min

Pré-requisitos1 lecture • 4min

Visual Studio Code1 lecture • 3min

SAP Business Application Studio2 lectures • 12min

HelloWorld no WebIDE e Bootstrap do UI54 lectures • 9min

O padrão de projetos Model View Controller4 lectures • 13min

Passo a passo3 lectures • 11min

Data Binding5 lectures • 15min

Mobilidade1 lecture • 4min

Revisão1 lecture • 1min

Requirements

Description

Who this course is for: