Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Aula Login PDF

    Enviado por

    Charles Nicollas
    36 visualizações11 páginas
    1. O documento discute como implementar fluxo de login em aplicações móveis usando o framework Ionic. 2. Apresenta wireframes para login e cadastro e explica como o Ionic usa HTML, CSS e TypeScript para estruturar aplicações web. 3. Demonstra códigos de exemplo para a lógica de login e cadastro usando TypeScript para regra de negócio e salvando dados no Storage.

    Descrição original:

    Título original

    aula_login.pdf

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    1. O documento discute como implementar fluxo de login em aplicações móveis usando o framework Ionic. 2. Apresenta wireframes para login e cadastro e explica como o Ionic usa HTML, CSS e TypeScript para estruturar aplicações web. 3. Demonstra códigos de exemplo para a lógica de login e cadastro usando TypeScript para regra de negócio e salvando dados no Storage.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    36 visualizações11 páginas

    Aula Login PDF

    Enviado por

    Charles Nicollas
    1. O documento discute como implementar fluxo de login em aplicações móveis usando o framework Ionic. 2. Apresenta wireframes para login e cadastro e explica como o Ionic usa HTML, CSS e TypeScript para estruturar aplicações web. 3. Demonstra códigos de exemplo para a lógica de login e cadastro usando TypeScript para regra de negócio e salvando dados no Storage.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 11

    Fluxo de Login

    com Ionic
    Charles Freitas

    1
    Aplicações

    2
    Para que serve o Login?

    1 2 3
    Identificar as pessoas que Ter um monitoramento sobre Gerenciamento de
    estão acessando à aplicação. os acessos à aplicação. Informações.

    3
    Wireframe CADASTRO
    LOGIN

    Input
    Input

    Input
    Input
    Input
    Button
    Button

    4
    Overview framework IONIC

    Typescript HTML CSS

    Codificação da lógica. Estrutura do Layout que irá Decorar a aparência do


    Regra de negócio compor a tela. layout.

    Comunicação com banco de Elementos visuais. Deixa o layout mas bonito


    dados. elegante.
    Interface do Usuário (UI)
    Chamadas de API Aplicar animações.

    A estrutura do Ionic se baseia na estruturação de aplicações


    web com: HTML, CSS e TypeScript.
    5
    Login (HTML)

    6
    Login (CSS)
    Sem CSS Com CSS

    .img {
    height: 250 px;
    width: 250 px;
    margin: auto;
    }

    .segment-button {
    color: #0078c7;
    font-size: 13 px;
    margin: auto;}
    .input {
    Height: 250 px;
    Width: 250 px;
    Margin: auto;}

    .button {color: #0078c7;}

    7
    Cadastro (TS)

    O evento de clique dispara


    uma ação cadastro e salva
    no Storage (key-value).

    8
    Login (TS)

    O evento de clique dispara


    uma ação login.

    9
    Nosso Projeto

    10
    Obrigado!
    Charles Freitas

    11

    Você também pode gostar