Rede com pinguim

Ok, vou usar distribuição ubuntu 11.10 formar uma rede com compartilhamento de arquivos e por isto ser um "blog" (biologic "log") relatarei a experiência. Deus os abençoe!

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Ion-button e ion-card

Imagem
      Vamos a mais dois componentes visuais do framework Ionic , o ion-button e o ion-card , são componentes essencialmente HTML, portanto, sua implementação é mais fácil. ion-button     O ion-button é como o próprio diz um "botão" uma simples TAG já cria um botão . Vamos então iniciar a implementação propriamente dita. Vamos deixar o projeto limpo como na imagem abaixo para colocar o botão:     Com o código "limpo" coloque o código como abaixo:     E a saída dele será esta:     E pronto tão fácil quanto isto, óbvio que existem personalizações como tamanho, troca de cor etc. e que veremos melhor estas mudanças em diversos componentes para a elaboração de layout de telas em post's posteriores. ion-card     O ion-card podemos considerá-lo para um melhor entendimento como se fosse uma postagem em uma rede social, sim, aquele layout clássico que começa com um cabeçalho com o avatar do usuário seguido do seu nome, logo abaixo uma frase de "impacto" e a
Leia mais

Ion-badge e ion-breadcrumbs

Imagem
      Olá galerinha, como estes dois componentes são de fácil entendimento e de fácil implementação resolvemos, os dois componentes são ion-badge e ion-breadcrumbs. Lembrando que para os exemplos utilizamos o modelo blank, pelo simples fato de ser o modelo em branco, sem nada, se você não entendeu sugiro a leitura deste artigo .   ion-badge     O ion-badge geralmente aparecem próximos a outro elemento. Normalmente, eles contêm um número ou outros caracteres que podem ser usados como uma notificação de que há itens adicionais ou indicam quantos itens existem daquela determinada coisa.     Já dê aquele "ionic serve" maroto e com o projeto aberto, limpe o ion-content como na imagem abaixo:       Para a implementação dele é só colocar no HTML seguindo apenas o exemplo abaixo.      E agora como ele fica no app:     Agora você consegue perceber que é necessário que ele esteja com algum outro elemento que "diga" o que é aquele dado mostrado, pois um "quadradinho&
Leia mais

Ion-Alert

Imagem
      Senhoras e senhores continuamos nossa aventura para conhecer os componentes visuais do Framework Ionic, lembrando que para os exemplos utilizamos o modelo blank, pelo simples fato de ser o modelo em branco, sem nada, se você não entendeu sugiro a leitura deste artigo , muito bem vamos ao que interessa! ion-alert     O ion-alert é a clássica "telinha" central que nos informa alguma coisa, por exemplo: "Deseja realmente excluir?"; "Informação salva com sucesso!". De forma básica é isto, mas há variações em que é possível obter informações através desta tela. Entendendo qual a dinâmica de funcionamento deste componente podemos ver como implementá-lo.     A implementação dele é muito parecida com o ion-actionsheet, vamos trabalhar com os arquivo HTML e TS (Typescript), bom, claro que você já deu o famoso "ionic serve", e com o projeto aberto vamos remover tudo o que está dentro do ion-content, como na imagem abaixo:     E vamos criar um botão
Leia mais