Tomando café com um elefante e um pinguim

      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&

      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

      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

           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

      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

        Galerinha,  a partir de agora, iniciaremos uma sequência de estudos nos componentes visuais Ionic. Sempre haverá um pequeno texto explicativo alguns exemplos de implementação (não confunda com utilização, mesmo porque vários itens dependem de banco de dados e afins) e personalização (como troca de cores), óbvio que haverá também sempre alguma imagem ilustrativa.          Para todos os projetos vamos interpretar que você já leu os artigos anteriores e não vamos ser repetitivos, combinado? Então vamos ao que interessa.       ion-actionsheet       De forma bem grosseira é um menu que aparece de baixo para cima, próximo do meio da tela com uma variedade de botões ou escolhas depende do contexto e que geralmente é chamado por um clique do usuário em algum componente. A imagem acima ilustra bem ele já sendo chamado.     Sim, sim, eu sei que você quer saber como colocar isto no seu app, vamos a implementação! Ele não é um item copia e cola trivial, para que ele funcione é necessário u