Postagens

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

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&

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

MX Linux - Instalação

Imagem
      Olá amiguinhos, amiguinhas e amiguinhes, vamos falar um pouco de Linux e recentemente tive uma boa experiência com uma distribuição linux que eu negligênciava é a chamada MX Linux . Tive uma ótima impressão dele, por isso decidi fazer esta resenha, mas não vou falar daquelas chatices que todos falam, tipo de kernel, performance em arquitetura de processador, ah vá pra p!t# que o p%r!&!!! O cara que nunca viu linux não quer nem saber disso, ele quer saber como usar no dia a dia dele, sem mais frescura vamos à ele.     O MX linux possui atualmente seis sabores sendo que na verdade, antes de instalar você tem que se fazer a seguinte pergunta:  meu computador é " véio " (32 bits) ou novo (64 bits)?, tá respondeu esta pergunta vá pra  segunda pergunta: meu computador tem pouca RAM (menos de 4Gb) ou muita RAM ( de 8Gb pra cima), vamos então dar as possibilidades baseados nas respostas: Se você respondeu que seu computador é " véio " (32 bits) invariavelmente

Como criar um pendrive bootável com ISO´s Linux

Imagem
           Olá galerinha, vamos começar várias resenhas e dícas para linux, para tanto, é necessário que saibamos como instalar cada distribuição, neste momento você deve estar se perguntando: "Distribuição?".     Vamos discutir alguns jargões antes de começar: Distribuição : Como o linux é software livre e código aberto (isso quer dizer que você pode ler o código fonte dele e modificar ele, "melhorar" ou personalizar), qualquer empresa, grupo de pessoas ou mesmo uma única pessoa pode "criar" um linux e "distribuir" seu próprio linux, por isso o nome distribuição. Versão : agora que você entendeu o que é distribuição, então já dá pra entender o a sacada da versão. Se partirmos do princípio de que qualquer um pode criar um linux, a pessoa, grupo ou empresa que criou este novo linux pode criar inovação, atualizações e melhorias nele, consequentemente criando "versões", entendeu?     Muito bem, as distribuições são entregues por download g

Ion-accordion

Imagem
      Fala galerinha, neste artigo vamos conversar sobre o novo componente visual ionic chamado ion-accordion!      Como sempre comecemos com um modelo to tipo blank (se você não está entendo nada sugiro que leia a sequência de artigos que começamos neste link ), e vamos deixar nosso HTML limpo como na imagem abaixo:            ion-accordion     Quando olhamos o nome deste componente podemos pensar na palavra acordeão, ou mais conhecido aqui no Brasil como sanfona, e de certa forma este componente lembra muito este instrumento, pois nada mais é do que um "menu" que está fechando e quando clicado ele se abre, mostrando assim que foi o escolhido pelo usuário.     Este componente é essencialmente HTML, sua implementação é bem simples, vamos utilizar apenas o arquivo home.page.html e será apenas uma copiar / colar dentro do ion-content como na imagem abaixo:       Agora vejamos como ele fica no celular:     O componente clicado:       Como o código é extenso vou colocá-lo logo a