NativeScript
Desenvolvendo apps nativos com
JavaScript
Wendell Adriel
Falando um pouco de mim
• Zend Certified PHP Engineer;
• Full Stack Developer;
• Consultor em desenvolvimento de aplicações
Web com foco em PHP e JS;
• Professor da Webschool: http://webschool.io
• Criador da CodeShare:
http://codeshare.com.br
• Fundador do DF.js: http://df-js.github.io
Site: http://wendelladriel.github.io
Linkedin: https://br.linkedin.com/wendelladrielti/en
Github: https://github.com/WendellAdriel
Facebook: https://facebook.com/wendell.adriel.7
Twitter: @wendell_adriel
Por que usar NativeScript?
● Grátis e Open Source;
● Utiliza JavaScript e CSS;
● Renderiza componentes com as engines nativas
das plataformas através de notações XML;
● Não utiliza webviews;
● Suporte a ES6, Angular 2 e TypeScript;
Introdução ao NativeScript
● npm i -g nativescript
● Ambiente para build de projetos;
● tns doctor
● tns create nomeProjeto
● tns platform add *
● tns run android –-emulator
● tns livesync android --emulator --watch
Arquitetura da aplicação
● Estrutura de pastas;
● Ícones e Splash Screen;
● Module Pattern;
● Várias maneiras de estilizar a aplicação;
Primeiro projeto com
NativeScript
SHOW THE CODE!!!
Código-fonte do Projeto de
Exemplo com NativeScript
https://github.com/WendellAdriel/native-dfjs

Palestra NativeScript - 2º Meetup DF.js

  • 2.
    NativeScript Desenvolvendo apps nativoscom JavaScript Wendell Adriel
  • 3.
    Falando um poucode mim • Zend Certified PHP Engineer; • Full Stack Developer; • Consultor em desenvolvimento de aplicações Web com foco em PHP e JS; • Professor da Webschool: http://webschool.io • Criador da CodeShare: http://codeshare.com.br • Fundador do DF.js: http://df-js.github.io Site: http://wendelladriel.github.io Linkedin: https://br.linkedin.com/wendelladrielti/en Github: https://github.com/WendellAdriel Facebook: https://facebook.com/wendell.adriel.7 Twitter: @wendell_adriel
  • 4.
    Por que usarNativeScript? ● Grátis e Open Source; ● Utiliza JavaScript e CSS; ● Renderiza componentes com as engines nativas das plataformas através de notações XML; ● Não utiliza webviews; ● Suporte a ES6, Angular 2 e TypeScript;
  • 5.
    Introdução ao NativeScript ●npm i -g nativescript ● Ambiente para build de projetos; ● tns doctor ● tns create nomeProjeto ● tns platform add * ● tns run android –-emulator ● tns livesync android --emulator --watch
  • 6.
    Arquitetura da aplicação ●Estrutura de pastas; ● Ícones e Splash Screen; ● Module Pattern; ● Várias maneiras de estilizar a aplicação;
  • 7.
  • 8.
    Código-fonte do Projetode Exemplo com NativeScript https://github.com/WendellAdriel/native-dfjs