Apresentação feita na CodeConference na faculdade MaterDei

2. Stefan Horochovec
• Arquiteto de Software
• BlackBerry Elite Member
• Consultor
• Java EE;
• Cloud Computing;
• Mobile Solutions;
• Revisor Técnico – Packpub Publishing;
• Instrutor/Professor/Palestrante/Autor;

3. Agenda
• Cenário – Tecnologias nativas;
• Cenário – HTML para dispositivos móveis;
• Ferramentas
• Demonstração
• BlackBerry

4. Tecnologias Nativas

6. Apple
• Alto custo para iniciar o desenvolvimento
• Adquirir um MacOS
• Adquirir um iPhone/iPad
• Adquirir um plano de desenvolvedor na Apple
• Emulador razoável
• Baixa fragmentação
• IDE: XCode
• Aprender Objective-C ??
• Aprender Swift !!!

8. Android
• Baixo custo para iniciar o desenvolvimento
• Adquirir um Android
• Adquirir um plano de desenvolvedor na Google
• Aprender “Java”
• Péssimo emulador
• IDE: Android Studio (baseado no IntelliJ)
• Alta fragmentação
• Variação enorme de devices no mercado

10. Windows Phone
• Baixo custo para iniciar o desenvolvimento
• Adquirir um Windows Phone
• Adquirir uma licença do Visual Studio ou utilizar a versão Express;
• Adquirir um plano de desenvolvedor na Microsoft
• Aprender C# / VB.NET / Silverlight
• IDE: Visual Studio
• Emulador razoável
• Baixa fragmentação

12. BlackBerry
• Baixo custo para iniciar o desenvolvimento
• Adquirir um BlackBerry
• Sem custos para o desenvolvedor publicar aplicativos
• Aprender Cascades
• IDE: Momentics (baseado no eclipse)
• Emulador razoável
• Baixa fragmentação

13. HTML – Dispositivos móveis

14. HTML
• Disponível para todas as plataformas
• Compatibilidade de código entre plataformas
• É possível acessar recursos de hardware e sistema operacional
• É possível distribuir seu aplicativo via App Store
• Todo o desenvolvedor WEB tem familiaridade com o desenvolvimento
• HTML não muda do dia para a noite 
• Javascript não muda do dia para a noite 
• CSS não muda do dia para a noite 

15. Ferramentas

17. AngularJS – O que é?
• http://www.angularjs.org/
• Framework JavaScript com grande foco em HTML;
• Conceito MVC;
• Desenvolvido pela Google;
• Permite uma padronização de arquitetura “enterprise” em uma
aplicação web dinâmica;
• Permite criação de novas tags em HTML para seu navegador
interpretar;
• Suporta os navegadores: IE8+, Chrome, Firefox, Safari e Opera;

18. AngularJS – Principais Features
• Bootstrap;
• Two-way Data-Binding;
• Templates;
• Repeaters;
• Filters;
• Injeção de Dependência;
• Templates;
• Routes;
• Eventos;
• RESTful;

19. AngularJS – Foco em HTML

20. AngularJS – Componentes

22. AngularJS – Controllers

23. AngularJS – Controllers

24. AngularJS – Templates

25. AngularJS – Templates

27. NodeJS – O que é?
• http://www.nodejs.org/
• Plataforma baseada no Javascript runtime do Google Chrome – V8;
• Criado para desenvolvimento de aplicações de alto desempenho;
• Baseado em Eventos de I/O;
• Apps real-time (Websockets);
• Não confundir com Ajax (requisições assíncronas);
• Operação via command-line;
• Javascript de todos os lados (front-end e back-end);
• Não suporta base de dados relacionais;
• Disponível para Windows, Linux e MacOS;
• Gerenciamento de pacotes via NPM (Node Package Manager);

29. GulpJS – O que é?
• http://www.gulpjs.org/
• Ferramenta para build de aplicações web modernas
• Pré-requisitos: NodeJS;
• Através de um único arquivo você pode trabalhar com o build de seus
aplicativos;
• Possui mais de 550 plugins;
• Operação via command-line;

31. Cordova
• http://www.cordova.io/
• Framework open-source para desenvolvimento de aplicações móveis;
• Mantido pela Apache Software Foundation;
• Cross-Platform;
• A partir da versão 3.0, o Cordova CLI se encarrega de facilitar ainda mais o
desenvolvimento, mantendo plug-ins e configurações em locais separados para cada
plataforma;
• Suporta:
• iOS (Mac)
• Amazon Fire OS (Mac, Linux, Windows)
• Android (Mac, Linux, Windows)
• BlackBerry 10 (Mac, Linux, Windows)
• Windows Phone 7 (Windows)
• Windows Phone 8 (Windows)
• Windows 8 (Windows)
• Firefox OS (Mac, Linux, Windows)

33. Phonegap
• http://www.phonegap.com/
• Framework open-source para desenvolvimento de aplicações móveis
baseado no cordova;
• Mantido pela Adobe;
• É uma redistribuição melhorada do Cordova;
• Adobe sugere que suas contribuições ocorram a nível de Cordova;
• Serviço de build na nuvem;

34. Phonegap

35. IDE
• A de sua preferência!!!!!
• Mais utilizadas (ou as que estão na moda....)
• Sublime Text
• Brackts.io
• Atom.io
• Nova versão do Visual Studio com suporte ao Apache Cordova

36. Compartilhando
• PPT – http://slideshare.net/horochovec
• Codigo fonte - https://github.com/phonegap-showcase

37. Demonstração
https://github.com/phonegap-showcase

38. Obrigado ;)