SlideShare a Scribd company logo
Empezando con
Ionic Framework
Moises Alexander Salazar Vila
Microsoft Most Valuable Professional
CEO & CTO at Epicalsoft
• Professional Full Stack Developer
• Microsoft Visual C# Specialist
• Windows Aplications Developer
• Microsoft Silverlight Developer
• Windows Phone Developer
• Microsoft SQL Server Developer
• Microsoft Azure Solutions Developer
• HTML5 with JavaScript and CSS3 Specialist
Moises Alexander Salazar Vila
Lima, Perú
bit.ly/1urSn7l
Visión general
Ionic
Framework
Sass AngularJS
NodeJS npm
Apache
Cordova
• Free & Open Source
• HTML, CSS &
Javascript Components
• Built with Sass
• Optimized for
AngularJS
Ionic Framework
• Syntactilly Awesome
Stylesheets
• Built on Ruby
• Open Source
• Metalenguaje de hojas
de estilos
Sass
• Javascript Framework
• Open Source
• SPA (Single Page Apps)
• MVC & Databinding
AngularJS
• JavaScript Runtime
• Built on Chrome’s v8
• Open Source
• Event-driven model
NodeJS
• Package Manager for
Node.js
• Hecho en Javascript.
• Gestiona dependencias
• Instala aplicaciones
Node.js
npm
• Open Source
• Envuelve
HTML/Javascript
• Expone funciones de
los dispositivos
Apache Cordova
Demo
• Ionic Framework
• http://ionicframework.com
• Sass
• http://sass-lang.com
• AngularJS
• https://angularjs.org
Recursos
• NodeJS
• https://nodejs.org
• npm
• https://www.npmjs.com
• Apache Cordova
• https://cordova.apache.org
Recursos
Gracias
bit.ly/1urSn7l

More Related Content

PDF
Angular js and phonegap unite
PPTX
Ionic 2 - Introduction
PDF
Ionic 2 intro
PPTX
Mobile Applications with Angular 4 and Ionic 3
PPT
Ionic Framework
PPTX
Introduction to Ionic framework
PDF
Hybrid Apps with Angular & Ionic Framework
PPTX
Ionic Mobile Applications - Hybrid Mobile Applications Without Compromises
Angular js and phonegap unite
Ionic 2 - Introduction
Ionic 2 intro
Mobile Applications with Angular 4 and Ionic 3
Ionic Framework
Introduction to Ionic framework
Hybrid Apps with Angular & Ionic Framework
Ionic Mobile Applications - Hybrid Mobile Applications Without Compromises

What's hot (19)

PDF
Cross Platform Mobile Apps with the Ionic Framework
PDF
Creating mobile apps - an introduction to Ionic (Engage 2016)
PDF
Salesforce1 dev week UYSDUG 2014 - the force canvas spark
PPTX
IONIC - Hybrid Mobile App Development
PDF
Ionic Framework
PPTX
Building mobile app with Ionic Framework
PPTX
Kendo UI Wrappers in ASP.NET Core
ODP
Use Ionic Framework to develop mobile application
PDF
Cordova, Angularjs & Ionic @ Codeaholics
PDF
Ionic adventures - Hybrid Mobile App Development rocks
PDF
MEAN Stack Warm-up
PPTX
Architecture & Workflow of Modern Web Apps
PPTX
Hybrid vs. Native app - Ionic Framework with AngularJS
PPTX
Ionic Framework - get up and running to build hybrid mobile apps
PPTX
Oleksandr Skachkov "Running С# in your Web Browser with WebAssembly"
PPTX
Building ext js apps with ES2015 using sencha visual studio code plugin
PDF
Creating an hybrid app in minutes with Ionic Framework
PPTX
Building an Ionic hybrid mobile app with TypeScript
PPTX
Node.js Frameworks to watch for in 2019
Cross Platform Mobile Apps with the Ionic Framework
Creating mobile apps - an introduction to Ionic (Engage 2016)
Salesforce1 dev week UYSDUG 2014 - the force canvas spark
IONIC - Hybrid Mobile App Development
Ionic Framework
Building mobile app with Ionic Framework
Kendo UI Wrappers in ASP.NET Core
Use Ionic Framework to develop mobile application
Cordova, Angularjs & Ionic @ Codeaholics
Ionic adventures - Hybrid Mobile App Development rocks
MEAN Stack Warm-up
Architecture & Workflow of Modern Web Apps
Hybrid vs. Native app - Ionic Framework with AngularJS
Ionic Framework - get up and running to build hybrid mobile apps
Oleksandr Skachkov "Running С# in your Web Browser with WebAssembly"
Building ext js apps with ES2015 using sencha visual studio code plugin
Creating an hybrid app in minutes with Ionic Framework
Building an Ionic hybrid mobile app with TypeScript
Node.js Frameworks to watch for in 2019
Ad

Viewers also liked (20)

PDF
Hybrid Mobile Apps with Ionic
PDF
Mobile Day - Ionic 2
PDF
Aplicaciones Mobile con AngularJS y Ionic framework
PPTX
Desarrollo de aplicaciones móviles con Ionic y Apache Cordova
PDF
Desarrollo web front-end con TypeScript, Angular 2 e Ionic
PPTX
[Xamarin] Principio de Responsabilidad Única (S)
PPTX
Desarrollo móvil híbrido bien entendido
PDF
Responsive web design
PDF
Front end basics - Sass
PPTX
Ionic y angular.js
PDF
ES2015 and Beyond
PDF
Intro to css & sass
PPTX
PPTX
Introduction to SASS
PDF
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
PDF
From Deception to Clarity
PDF
Sass - Getting Started with Sass!
PDF
7 steps to get beyond excuses
PDF
Front-end Basics for Developers
PDF
TypeScript - Angular 2 - ionic 2
Hybrid Mobile Apps with Ionic
Mobile Day - Ionic 2
Aplicaciones Mobile con AngularJS y Ionic framework
Desarrollo de aplicaciones móviles con Ionic y Apache Cordova
Desarrollo web front-end con TypeScript, Angular 2 e Ionic
[Xamarin] Principio de Responsabilidad Única (S)
Desarrollo móvil híbrido bien entendido
Responsive web design
Front end basics - Sass
Ionic y angular.js
ES2015 and Beyond
Intro to css & sass
Introduction to SASS
Responsive Design Workflow (Breaking Development Conference 2012 Orlando)
From Deception to Clarity
Sass - Getting Started with Sass!
7 steps to get beyond excuses
Front-end Basics for Developers
TypeScript - Angular 2 - ionic 2
Ad

Similar to [Cordova] Empezando con Ionic (20)

PPTX
Getting started with the Ionic Framework
PPTX
Ionic framework
PPTX
Developing Hybrid Applications with IONIC
PPTX
Intro to Ionic for Building Hybrid Mobile Applications
PDF
Workshop 15: Ionic framework
PDF
Ionic Hybrid Mobile Application
PPTX
Introduction To Ionic3
PDF
Ionic vancouver 201604
PDF
Ionic - Revolutionizing Hybrid Mobile Application Development
PDF
Workshop Ionic Framework - CC FE & UX
PDF
Cross Platform Mobile Apps with the Ionic Framework
PDF
Crash Course in AngularJS + Ionic (Deep dive)
PDF
Hybrid app development with ionic
PDF
Ionic2 First Lesson of Four
PDF
Developing ionic apps for android and ios
PDF
Ionic CLI Adventures
PPTX
Cross-Platform Development
PPTX
Workshop on Hybrid App Development with Ionic Framework
PPTX
Charla taller Ionic + AngularJS Sysmana 2015
Getting started with the Ionic Framework
Ionic framework
Developing Hybrid Applications with IONIC
Intro to Ionic for Building Hybrid Mobile Applications
Workshop 15: Ionic framework
Ionic Hybrid Mobile Application
Introduction To Ionic3
Ionic vancouver 201604
Ionic - Revolutionizing Hybrid Mobile Application Development
Workshop Ionic Framework - CC FE & UX
Cross Platform Mobile Apps with the Ionic Framework
Crash Course in AngularJS + Ionic (Deep dive)
Hybrid app development with ionic
Ionic2 First Lesson of Four
Developing ionic apps for android and ios
Ionic CLI Adventures
Cross-Platform Development
Workshop on Hybrid App Development with Ionic Framework
Charla taller Ionic + AngularJS Sysmana 2015

More from Moises Alexander Salazar Vila (11)

PPTX
[Azure Machine Learning] Sesion 3 - Herramientas de Desarrollo de Machine Lea...
PPTX
[Azure Machine Learning] Sesión 2 - Introducción a Machine Learning
PPTX
[Azure Machine Learning] Sesion 1 - La ciencia de datos es para todos
PPTX
[Azure Machine Learning] ¿Qué es Machine Learning?
PDF
[.NET] Entendiendo el Patrón de Repositorio
PDF
[.NET] ¡No hagan Dispose() en HttpClient!
PDF
[.NET] Principio de Inversión de Dependencias (D)
PDF
[.NET] Principio de Segregación de Interfaces (I)
PDF
[.NET] Principio de sustitución de Liskov (L)
PPTX
[Xamarin] Principio Open/Closed (O)
PPTX
Coresic2016 - Desarrollo de aplicaciones Multiplataforma con Visual Studio
[Azure Machine Learning] Sesion 3 - Herramientas de Desarrollo de Machine Lea...
[Azure Machine Learning] Sesión 2 - Introducción a Machine Learning
[Azure Machine Learning] Sesion 1 - La ciencia de datos es para todos
[Azure Machine Learning] ¿Qué es Machine Learning?
[.NET] Entendiendo el Patrón de Repositorio
[.NET] ¡No hagan Dispose() en HttpClient!
[.NET] Principio de Inversión de Dependencias (D)
[.NET] Principio de Segregación de Interfaces (I)
[.NET] Principio de sustitución de Liskov (L)
[Xamarin] Principio Open/Closed (O)
Coresic2016 - Desarrollo de aplicaciones Multiplataforma con Visual Studio

Recently uploaded (20)

PDF
How Creative Agencies Leverage Project Management Software.pdf
PDF
2025 Textile ERP Trends: SAP, Odoo & Oracle
PPTX
Online Work Permit System for Fast Permit Processing
PDF
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
PDF
Softaken Excel to vCard Converter Software.pdf
PPTX
L1 - Introduction to python Backend.pptx
PPTX
ai tools demonstartion for schools and inter college
PDF
medical staffing services at VALiNTRY
PDF
Complete React Javascript Course Syllabus.pdf
PDF
Design an Analysis of Algorithms I-SECS-1021-03
PPTX
CHAPTER 12 - CYBER SECURITY AND FUTURE SKILLS (1) (1).pptx
PPTX
Essential Infomation Tech presentation.pptx
PPTX
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
PPTX
VVF-Customer-Presentation2025-Ver1.9.pptx
PDF
System and Network Administration Chapter 2
PDF
AI in Product Development-omnex systems
PDF
How to Choose the Right IT Partner for Your Business in Malaysia
DOCX
The Five Best AI Cover Tools in 2025.docx
PDF
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
PPT
Introduction Database Management System for Course Database
How Creative Agencies Leverage Project Management Software.pdf
2025 Textile ERP Trends: SAP, Odoo & Oracle
Online Work Permit System for Fast Permit Processing
Claude Code: Everyone is a 10x Developer - A Comprehensive AI-Powered CLI Tool
Softaken Excel to vCard Converter Software.pdf
L1 - Introduction to python Backend.pptx
ai tools demonstartion for schools and inter college
medical staffing services at VALiNTRY
Complete React Javascript Course Syllabus.pdf
Design an Analysis of Algorithms I-SECS-1021-03
CHAPTER 12 - CYBER SECURITY AND FUTURE SKILLS (1) (1).pptx
Essential Infomation Tech presentation.pptx
Oracle E-Business Suite: A Comprehensive Guide for Modern Enterprises
VVF-Customer-Presentation2025-Ver1.9.pptx
System and Network Administration Chapter 2
AI in Product Development-omnex systems
How to Choose the Right IT Partner for Your Business in Malaysia
The Five Best AI Cover Tools in 2025.docx
Audit Checklist Design Aligning with ISO, IATF, and Industry Standards — Omne...
Introduction Database Management System for Course Database

[Cordova] Empezando con Ionic

Editor's Notes

  • #6: http://rubyinstaller.org gem install sass
  • #7: https://angularjs.org Disociar la manipulación del DOM de la lógica de la aplicación. Esto mejora la capacidad de prueba del código.
  • #8: Node.js es similar en su propósito a Twisted o Tornado de Python, Perl Object Environment de Perl, libevent o libev de C, EventMachine de Ruby, vibe.d de D y JEE de Java. Chrome’s v8 es un motor de javascript desarrollado por Google, pero escrito en C++. Event-driven model lightweight and efficient.
  • #9: Línea de comandos
  • #10: Cordova wraps your HTML/JavaScript app into a native container which can access the device functions of several platforms. These functions are exposed via a unified JavaScript API, allowing you to easily write one set of code to target nearly every phone or tablet on the market today and publish to their app stores.