Quer ter acesso a todos os cursos desse Guia?
Ionic
Neste Guia Completo de Ionic você encontrará o conteúdo que precisa para aprender a desenvolver aplicativos mobile multiplataforma utilizando o Ionic.
Introdução ao Ionic
O desenvolvimento de aplicativos para dispositivos móveis nunca esteve tão em alta, e a perspectiva é que esses números continuem subindo. Se você quer iniciar nessa área, o devcast abaixo traz um bate papo sobre o assunto e um direcionamento para os seus estudos:
O Ionic é um framework open source para desenvolvimento de aplicativos móveis multiplataforma. Para isso, possibilita a implementação do app utilizando tecnologias comumente empregadas na construção do Front-end de soluções web: HTML, CSS e JavaScript. No entanto, como diferencial em relação ao frameworkque adota como base, o Apache Cordova, traz recursos que simplificam ainda mais o desenvolvimento e dão ao app um aspecto mais profissional.
Esses diferenciais estão relacionados ao conjunto de componentes visuais que podemos utilizar para construção do front-end da solução, assim como ao fato do Ionic trazer consigo outra linguagem e framework para prover uma solução de mais alto nível em termos de código e, consequentemente, projeto. Estamos falando do TypeScript e do Angular (Figura 1).
Assim, temos a inovação do Cordova, Orientação a Objetos em JavaScript, bem como as propostas que o Angular implementa em um só framework para construir apps mobile híbridas. Tudo isso faz do Ionic a principal opção quando o objetivo é criar apps mobile multiplataforma.
Primeiros passos no Ionic
Conhecido o que é o Ionic, podemos começar a programar com ele e criar nossos primeiros aplicativos. Para isso, sugerimos o curso a seguir, que ensina como baixar e instalar o projeto, apresenta a estrutura do framework, assim como seus principais recursos. Você aprenderá sobre tudo isso e ao final também terá desenvolvido um CRUD básico.
Além desse curso, também recomendamos a leitura do post abaixo, que nos mostra como criar um projeto simples com Ionic para Android.
Web Services com Ionic
Fundamental na programação mobile, o consumo de serviços web não seria diferente ao optarmos pelo Ionic. Neste caso, criamos providers, que representam um tipo de componente responsável por encapsular a lógica de acesso aos serviços, removendo essa responsabilidade das páginas de nosso app.
Para aprender como acessar web services no Ionic, assista ao curso:
Ionic CLI
Nesta seção você encontrará documentações criadas com o intuito de apresentar os diversos comandos da Interface de Linha de Comandos (CLI) do Ionic. Utilize esse material para consulta rápida:
Publicação
Agora que você já aprendeu a desenvolver seus aplicativos, é hora de publicá-los na loja e disponibilizá-los para download, certo? No curso abaixo você aprenderá o passo a passo necessário para lançar seu app na App Store, a loja de aplicativos da Apple, para que seus usuários possam baixá-los em seus dispositivos com iOS:
Conteúdo Extra
Sabemos que o Ionic não é o único framework para desenvolvimento móvel multiplataforma. Entre as opções, temos também o Cordova e o Xamarin. Você sabe quais as semelhanças e diferenças entre eles? Está em dúvida sobre qual adotar em seu próximo projeto? Para conhecer essas tecnologias, recomendamos:
Guias relacionados
Como você já pôde notar, o Ionic utiliza o Apache Cordova por debaixo dos panos. Diante disso, caso tenha interesse em se aprofundar no Cordova para saber em detalhes como ele funciona, assim como criar projetos a partir dele, acesse:
Com outro propósito, mas também relacionado ao tema desse guia, está o Angular. Para aprender sobre o framework que faz parte do core do Ionic, confira:
Mais sobre Mobile
Além dos cursos e exemplos sugeridos nesse guia, a DevMedia publica com frequência novos conteúdos sobre programação mobile, os quais você pode conferir nos Guias de Consulta abaixo:
Além disso, você pode conferir todo o conteúdo sobre programação mobile clicando aqui.
Black November
Desconto exclusivo para as primeiras 200 matrículas!
Pagamento integral
12x no cartão
De: R$ 69,00
Por: R$ 59,00
Total: R$ 708,00
Garanta o desconto
- Formação FullStack Completa
- Carreira Front-end I e II, Algoritmo e Javascript, Back-end e Mobile
- +10.000 exercícios gamificados
- +50 projetos reais
- Comunidade com + 200 mil alunos
- Estude pelo Aplicativo (Android e iOS)
- Suporte online
- 12 meses de acesso
Pagamento facilitado
Cobrado mensalmente no cartão
De: R$ 79,00
Por: R$ 64,00 /mês
Tempo mínimo: 12 messes
Garanta o desconto
- Formação FullStack Completa
- Carreira Front-end I e II, Algoritmo e Javascript, Back-end e Mobile
- +10.000 exercícios gamificados
- +50 projetos reais
- Comunidade com + 200 mil alunos
- Estude pelo Aplicativo (Android e iOS)
- Suporte online
- Não compromete o limite do seu cartão
<Perguntas frequentes>