Suche senden
Hochladen
Descomplicando o Mobile com Ionic Framework
•
Als PPTX, PDF herunterladen
•
3 gefällt mir
•
1,110 views
Yan Borowski Machado
Folgen
Slides da minha palestra no WebDev Summit 2015 (21/03/2015).
Weniger lesen
Mehr lesen
Software
Melden
Teilen
Melden
Teilen
1 von 20
Jetzt herunterladen
Empfohlen
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.
Palestra UFPR - Intro Ionic framework + WordPress
Palestra UFPR - Intro Ionic framework + WordPress
Rômulo Zoch
Workshop organizado pelo Google Developer Group - Dois Vizinhos, ministrado na Tagon8 no dia 14 de novembro.
Workshop - Ionic + firebase
Workshop - Ionic + firebase
Stefan Horochovec
Slides do mini curso de desenvolvimento mobile do XVII FÓRUM DE INFORMÁTICA da SETREM
Mini curso - Ionic Framework
Mini curso - Ionic Framework
juniorschroder
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.
Ionic Framework - Parte 1 - Iniciando um Projeto mais Robusto
Ionic Framework - Parte 1 - Iniciando um Projeto mais Robusto
Alamo Saravali
Tutorial de como configurar e usar o PushWoosh com Ionic Framework para serviço de push notification
Usando PushWoosh com Ionic Framework
Usando PushWoosh com Ionic Framework
Emerson Thompson
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
Ionic Framework - Configuração do ambiente e a criação da primeira APP
Ionic Framework - Configuração do ambiente e a criação da primeira APP
Fabio Godoy
Developing mobile applications with cordova (phonegap), Angular, Ionic and phonegap build
Hybrid app phonegap angular ionic
Hybrid app phonegap angular ionic
Joelmir Ribacki
Slides usados do primeiro dia do curso: Desenvolvimento de aplicativos híbridos.
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Wennder Santos
Empfohlen
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.
Palestra UFPR - Intro Ionic framework + WordPress
Palestra UFPR - Intro Ionic framework + WordPress
Rômulo Zoch
Workshop organizado pelo Google Developer Group - Dois Vizinhos, ministrado na Tagon8 no dia 14 de novembro.
Workshop - Ionic + firebase
Workshop - Ionic + firebase
Stefan Horochovec
Slides do mini curso de desenvolvimento mobile do XVII FÓRUM DE INFORMÁTICA da SETREM
Mini curso - Ionic Framework
Mini curso - Ionic Framework
juniorschroder
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.
Ionic Framework - Parte 1 - Iniciando um Projeto mais Robusto
Ionic Framework - Parte 1 - Iniciando um Projeto mais Robusto
Alamo Saravali
Tutorial de como configurar e usar o PushWoosh com Ionic Framework para serviço de push notification
Usando PushWoosh com Ionic Framework
Usando PushWoosh com Ionic Framework
Emerson Thompson
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
Ionic Framework - Configuração do ambiente e a criação da primeira APP
Ionic Framework - Configuração do ambiente e a criação da primeira APP
Fabio Godoy
Developing mobile applications with cordova (phonegap), Angular, Ionic and phonegap build
Hybrid app phonegap angular ionic
Hybrid app phonegap angular ionic
Joelmir Ribacki
Slides usados do primeiro dia do curso: Desenvolvimento de aplicativos híbridos.
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Wennder Santos
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
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Curso de Desenvolvimento de Aplicativos Híbridos com PhoneGap/Cordova, e Ionic
Felipe Blini
Slides usados no segundo dia do curso: Desenvolvimento de aplicativos híbridos.
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Curso: Desenvolvimento de aplicativos híbridos (dia 2)
Wennder Santos
Overview Ionic Framework.
Ionic Framework
Ionic Framework
Eron Rodrigues Alves
Visão geral sobre HTML5, AngularJS e PhoneGap. E como combinar essas e outras ferramentas para criar aplicativos híbridos e multiplataformas. Aplicativos móveis híbridos são aplicativos nativos que empacotam aplicações web e oferecem a elas APIs dos dispositivos. Palestra apresentada no I WSORT, workshop do GSORT, no IFBA (Instituto Federal da Bahia).
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Aplicações Híbridas para Dispositivos Móveis com AngularJS e PhoneGap
Thiago Colares
Utilizando SignalR em aplicações SPA usando AngularJS, Bootstrap e HTML 5.
ASP.NET SignalR + SPA com AngularJS
ASP.NET SignalR + SPA com AngularJS
Waldyr Felix
Desenvolvendo apps para o Firefox OS.
Firefox OS
Firefox OS
Rafael Sakurai
Realize testes unitários de modo amigavel e eficiente utilizando AngularJS e o Karma runner. Deixe o seu teste unitário que seja de compreenssão para todos, não so desenvolvedores, utilizando a biblioteca Jasmine para descrever os testes.
Testando uma aplicação AngularJS utilizando o Karma
Testando uma aplicação AngularJS utilizando o Karma
Henrique Limas
Desenvolvendo APPs Com Angular.JS + Cordova Link do vídeo no youtube: https://www.youtube.com/watch?v=Ed5NdqFcgdk
Desenvolvendo APPs Com Angular.JS + Cordova