Palestra de overview sobre Angular 2 (components, services, directives, template, data binding, pipes, forms: template driven e data driven forms, rotas: rotas filhas, route guard, canActivate, canDeactive) e mais.
Palestra de overview sobre Angular 2 (components, services, directives, template, data binding, pipes, forms: template driven e data driven forms, rotas: rotas filhas, route guard, canActivate, canDeactive) e mais.
Parceria Google + Microsoft
Open Source (código no github)
Não é continuação da versão 1
Foi reescrito e por que?
Uso de padrões web e Web Components (iniciado a partir do 1.5)
AngularJS vs Angular
Orientado a componente (componente dentro de componente)
Ionic Framework - Parte 1 - Iniciando um Projeto mais RobustoAlamo Saravali
O Ionic Framework é uma ferramenta de desenvolvimento de aplicativos híbridos.
Baseado no Cordova, o Ionic possibilita criar aplicativos para diversas plataformas, incluindo iOS, Android, Windows Phone, etc., com um único código.
A vantagem do Ionic para com os outros é a facilidade de desenvolvimento e o desempenho do aplicativo.
Introdução ao prático Stack de desenvolvimento mobile que usa o Ionic Framework para criar Apps Híbridas alimentadas por uma API REST, gerenciada WordPress.
Apresentação na UFPR dia 11/08/2015 para a Semana Academica do Pessoal do curso de tecnologia de análise de sistemas, do CATEI.
Webinar: Integrando WordPress com Ionic 3
Neste Webinar, será ensinado como iniciar um aplicativo em Ionic v3 e como extrair mensagens do WordPress usando a WP-API. Também analisaremos como lidar com tipos de postagem personalizado. Depois de saber como extrair posts, é possível facilmente fazer o mesmo para usuários, mídia, produtos, eventos e muito mais.
Tópicos que serão abordados:
REST API
WordPress
Evelução do ionic
Woocommerce
Sobre Sinesio Bittencourt
Mais de 11 anos experiência com Linux e na areá de desenvolvimento de sistemas tenho mais ou menos 6 anos de experiência com desenvolvimento em JAVA e PHP. Formado em analise de sistemas e atualmente estudando Gestão da Tecnologia de Informação. Apaixonado por CAFÉ!
Categoria Tecnologia
Parceria Google + Microsoft
Open Source (código no github)
Não é continuação da versão 1
Foi reescrito e por que?
Uso de padrões web e Web Components (iniciado a partir do 1.5)
AngularJS vs Angular
Orientado a componente (componente dentro de componente)
Ionic Framework - Parte 1 - Iniciando um Projeto mais RobustoAlamo Saravali
O Ionic Framework é uma ferramenta de desenvolvimento de aplicativos híbridos.
Baseado no Cordova, o Ionic possibilita criar aplicativos para diversas plataformas, incluindo iOS, Android, Windows Phone, etc., com um único código.
A vantagem do Ionic para com os outros é a facilidade de desenvolvimento e o desempenho do aplicativo.
Introdução ao prático Stack de desenvolvimento mobile que usa o Ionic Framework para criar Apps Híbridas alimentadas por uma API REST, gerenciada WordPress.
Apresentação na UFPR dia 11/08/2015 para a Semana Academica do Pessoal do curso de tecnologia de análise de sistemas, do CATEI.
Webinar: Integrando WordPress com Ionic 3
Neste Webinar, será ensinado como iniciar um aplicativo em Ionic v3 e como extrair mensagens do WordPress usando a WP-API. Também analisaremos como lidar com tipos de postagem personalizado. Depois de saber como extrair posts, é possível facilmente fazer o mesmo para usuários, mídia, produtos, eventos e muito mais.
Tópicos que serão abordados:
REST API
WordPress
Evelução do ionic
Woocommerce
Sobre Sinesio Bittencourt
Mais de 11 anos experiência com Linux e na areá de desenvolvimento de sistemas tenho mais ou menos 6 anos de experiência com desenvolvimento em JAVA e PHP. Formado em analise de sistemas e atualmente estudando Gestão da Tecnologia de Informação. Apaixonado por CAFÉ!
Categoria Tecnologia
{É um framework para desenvolvimento de aplicações híbridas usando HTML5}
Mas por que o Ionic?
▸ Componentes UI ricos e otimizados para mobile
▸ Performance
▸ AngularJS
▸ Apache Cordova
▸ Construído com Sass
▸ Um poderoso CLI (Command line interface)
▸ Documentação rica e comunidade ativa
Linguagem e componentes conhecidos
Com o Ionic é possível desenvolver os apps utilizando linguagens de programação e componentes já conhecidos pelos programadores.
{É um framework para desenvolvimento de aplicações híbridas usando HTML5}
Mas por que o Ionic?
▸ Componentes UI ricos e otimizados para mobile
▸ Performance
▸ AngularJS
▸ Apache Cordova
▸ Construído com Sass
▸ Um poderoso CLI (Command line interface)
▸ Documentação rica e comunidade ativa
Linguagem e componentes conhecidos
Com o Ionic é possível desenvolver os apps utilizando linguagens de programação e componentes já conhecidos pelos programadores.
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e IonicFelipe Blini
Nesse projeto vamos ver que um aplicativo híbrido é uma página HTML como qualquer outra tendo apenas que ser otimizada para caber em telas pequenas de maneira responsiva e com componentes otimizados para Touch Screen, para isso usamos bibliotecas CSS e JS como o Materialize, Bootstrap, entre várias outras.
A nossa página HTML também deve se comportar como um aplicativo móvel, para isso o nosso 'site' deve ser um SPA (Single Page Application), ou seja, uma única página HTML com uma área reservada para a renderização das views que serão injetadas via AJAX, para isso podemos usar bibliotecas como JQuery para nos ajudar com o AJAX e a manipulação do DOM, mas é preferível usar frameworks front-end como AngularJS, ReactJS, entre outros que nos entregam uma sistema de SPA pronto e organizam nosso código com o pattern MVC, eliminando o código spaghetti.
Veremos tbm que essa página precisa ter as views injetadas com transições animadas entre telas que devem ser feitas feitas CSS que usa aceleração da CPU por questões de performance.
Além de tudo isso, precisamos ter acesso às APIs nativas dos devices, pra isso precisamos integrar nossa página HTML com o Cordova, adicionar plugins e usar os eventos que ele emite pra nos ajudar no ciclo-de-vida da nossa aplicação. Vamos entender a diferença entre PhoneGap e Cordova e que o nosso aplicativo vai rodar embarcado em uma WebView, o que realmente é uma WebView e que essa é apenas uma Activity e que segue o mesmo ciclo-de-vida de qualquer outra Activity.
Veremos também que essa página HTML precisa ter elementos UI mínimos e obrigatórios para qualquer aplicativo móvel. Todo aplicativo deve ter uma barra de status que combine com o design utilizado, uma barra de navegação fixa com um título e um botão voltar, a área do conteúdo e um rodapé (opcional) e que para fazermos isso contamos com a ajuda de bibliotecas com o Materialize, Bootstrap, JQuery Mobile, etc...
Antes de terminar vamos ver com um bom ícone e uma splash screen são importantes para um aplicativo móvel e que temos dezenas de tamanhos e resoluções de arquivos para criar, exportar e registrar no nosso XML de configurações e como podemos usar o Ionic Resources pra fazer esse trabalho pesado pra nós.
E depois como emular tudo isso, como fazer Debug e identificar erros, como visualizar nos devices e depois fazer o Build e publicar nas lojas de aplicativos móveis
Como se não bastasse temos que levar em consideração a experiência do usuário em cada plataforma, veremos como o usuário do iPhone espera que os elementos do UI sejam e como o aplicativo deve se comportar e como os dos Android esperam, e entenderemos que o Material Design jamais deve ser entregue no IOS e que precisamos de um UI agnóstico de plataforma.
Veremos como tudo isso fica muito fácil e simples com o Ionic Framework que toma o controle de tudo isso e nos permite ser muito mais produtivo
Palestra realizada em 2017 no Senac de Teresópolis no Teresópolis Hacker Fest.
O intuito desta palestra foi demonstrar como reaproveitar código e tornar possível múltiplas aplicações Ionic compartilharem dos mesmos componentes
- Frameworks para desenvolvimento móvel
- O que é o Apache Cordova?
- Prós e Contras
- Integração com frameworks (Sencha, Ionic, Jquery Mobile, etc)
- Configurando o ambiente de desenvolvimento
- Ionic/Cordova CLI – Principais Comandos
- Conhecendo os diretórios e o arquivo config.xml
- Alterando ícones do aplicativo
- Criando builds nativas e testando no dispositivo
- Debug remoto de aplicações hibridas
- Overview plug-ins
- Eventos Nativos
- Exibindo notificações
- Utilizando armazenamento de dados
- Acesso aos dados dos dispositivos
- Usando o plug-in InAppBrowser
- Trabalhando com Push Notification
- Desenvolvendo nossa primeira aplicação
- Ionic Creator
Desenvolvimento de aplicativos Móveis com IONICGisely Lucas
Apresentação utilizada no evento Include Day que acontece na CI&T para pessoas com alguma deficiência.
A apresentação contém uma introdução do que é o IONIC, e os passos básicos para desenvolvimento de aplicativos móveis híbridos em IONIC.
Ionic Framework - Configuração do ambiente e a criação da primeira APPFabio Godoy
Um passo a passo detalhado sobre a configuração do ambiente, tratando possíveis erros, sobre como desenvolver aplicativos híbridos utilizando o Ionic Framework
uma talk sobre o caso de sucesso do myinfoshare, usando ionic e couchdb em seu app mobile, Um startup de Brasilia e que aposta em novas tecnologias para melhor servir seus clientes.
6. IONIC 1
▸ Criado em 2013
▸ Bootstrap para apps mobile
▸ Fornece componentes e diretivas que parecem nativos
7. IONIC 1
▸ Criado em 2013
▸ Bootstrap para apps mobile
▸ Fornece componentes e diretivas que parecem nativos
▸ Organização de código com Angular 1
8. IONIC 1
▸ Criado em 2013
▸ Bootstrap para apps mobile
▸ Fornece componentes e diretivas que parecem nativos
▸ Organização de código com Angular 1
▸ Projeto base Cordova (Phonegap): acesso nativo através
de plugins e geração de executável para app stores
9. IONIC 1
▸ Criado em 2013
▸ Bootstrap para apps mobile
▸ Fornece componentes e diretivas que parecem nativos
▸ Organização de código com Angular 1
▸ Projeto base Cordova (Phonegap): acesso nativo através
de plugins e geração de executável para app stores
▸ Mais de 1 milhão de apps publicadas
10. IONIC 1
▸ Criado em 2013
▸ Bootstrap para apps mobile
▸ Fornece componentes e diretivas que parecem nativos
▸ Organização de código com Angular 1
▸ Projeto base Cordova (Phonegap): acesso nativo através
de plugins e geração de executável para app stores
▸ Mais de 1 milhão de apps publicadas
▸ Suporte para iOS e Android
11. IONIC 1
▸ Criado em 2013
▸ Bootstrap para apps mobile
▸ Fornece componentes e diretivas que parecem nativos
▸ Organização de código com Angular 1
▸ Projeto base Cordova (Phonegap): acesso nativo através
de plugins e geração de executável para app stores
▸ Mais de 1 milhão de apps publicadas
▸ Suporte para iOS e Android
▸ Suporte para Windows Phone 8 via template especial
Visual Studio
14. IONIC 2
▸Reescrita do Ionic 1
▸Organização do código em Angular 2
▸Mesmos componentes do Ionic 1
15. IONIC 2
▸Reescrita do Ionic 1
▸Organização do código em Angular 2
▸Mesmos componentes do Ionic 1
▸Experiência mais próxima do nativo
16. IONIC 2
▸Reescrita do Ionic 1
▸Organização do código em Angular 2
▸Mesmos componentes do Ionic 1
▸Experiência mais próxima do nativo
▸Melhoria de performance
17. IONIC 2
▸Reescrita do Ionic 1
▸Organização do código em Angular 2
▸Mesmos componentes do Ionic 1
▸Experiência mais próxima do nativo
▸Melhoria de performance
▸Suporte para iOS, Android e Windows
Phone 10
21. O QUE É IONIC?
Base do código com Angular 2
+ ES2015/16 + TypeScript
CSS + tags HTML do Ionic
22. O QUE É IONIC?
Acesso APIs Nativas (plugins com
Apache Cordova: Ionic Native)
Base do código com Angular 2
+ ES2015/16 + TypeScript
CSS + tags HTML do Ionic
23. O QUE É IONIC?
Empacotamento do App Nativo (ipa,
apk) com Apache Cordova
Acesso APIs Nativas (plugins com
Apache Cordova: Ionic Native)
Base do código com Angular 2
+ ES2015/16 + TypeScript
CSS + tags HTML do Ionic
24. ANGULAR 2
▸WebComponents + padrões web
▸Baseado em Componentes
▸TypeScript
▸EcmaScript 2015/2016
▸Components, Services + Observables,
Pipes, Directives
34. IONIC 2
▸ Dependência do Angular2 + TypeScript
▸ ES6 (ES2015) / ES7 (ES2016)
▸ Ionic Native entra no lugar no ngCordova
35. IONIC 2
▸ Dependência do Angular2 + TypeScript
▸ ES6 (ES2015) / ES7 (ES2016)
▸ Ionic Native entra no lugar no ngCordova
▸ Não usa o roteamento do Angular 2
36. IONIC 2
▸ Dependência do Angular2 + TypeScript
▸ ES6 (ES2015) / ES7 (ES2016)
▸ Ionic Native entra no lugar no ngCordova
▸ Não usa o roteamento do Angular 2
▸ Navegação por stack (pilha)
123. O QUE PRECISO APRENDER PRA DESENVOLVER COM IONIC?
▸ Básico sobre Apache Cordova
▸ Para builds e uso de plugins nativos
▸ camera, geolocation, notificação push, etc
124. O QUE PRECISO APRENDER PRA DESENVOLVER COM IONIC?
▸ Básico sobre Apache Cordova
▸ Para builds e uso de plugins nativos
▸ camera, geolocation, notificação push, etc
▸ Angular 2 + TypeScript
▸ É a base de todo o código
▸ components, services, pipes, etc
▸ EcmaScript 2015/2016 também
125. O QUE PRECISO APRENDER PRA DESENVOLVER COM IONIC?
▸ Básico sobre Apache Cordova
▸ Para builds e uso de plugins nativos
▸ camera, geolocation, notificação push, etc
▸ Angular 2 + TypeScript
▸ É a base de todo o código
▸ components, services, pipes, etc
▸ EcmaScript 2015/2016 também
▸ Componentes Ionic
▸ Listas, botões, modais, etc
126. O QUE PRECISO APRENDER PRA DESENVOLVER COM IONIC?
▸ Básico sobre Apache Cordova
▸ Para builds e uso de plugins nativos
▸ camera, geolocation, notificação push, etc
▸ Angular 2 + TypeScript
▸ É a base de todo o código
▸ components, services, pipes, etc
▸ EcmaScript 2015/2016 também
▸ Componentes Ionic
▸ Listas, botões, modais, etc
Tem curso
grátis no meu canal
do YouTube
Tem curso
grátis no meu canal
do YouTube!