SlideShare a Scribd company logo
How to make apps
By Nikhil Babychan
2019
Introduce-you
Tell about you and your tech-ness
Stackoverflow
How to build a Android +
iPhone + Windows + Linux +
iMac app using just
HTML , CSS & JS
Why the heck do I need
to attend this seminar?
Analysis
What are apps and how
they work in different
platforms
Introduction
Android
APK files are analogous to other software packages
such as APPX in Microsoft Windows or a Debian
package in Debian-based operating system. To
make an APK file, a program for Android is first
compiled, and then all of its part are packaged into
one container file. An APK file contains all of a
program's code (such as .dex files), resources,
assets, certificates, and manifest file. As is the case
with many file formats, APK files can have any name
needed, provided that the file name ends in the file
extension ".apk"
platform
Windows
.exe is a common filename extension denoting an
executable file (the main execution point of a
computer program) for DOS, OpenVMS, Microsoft
Windows, Symbian or OS/2. Besides the executable
program, many .exe files contain other components
called resources, such as bitmap graphics and icons
which the executable program may use for its
graphical user interface.
platform
Mac OS
An app file is an application bundle that runs under
Mac OS X. APP files are executable files similar to
.EXE files in Windows and run when double-clicked.
Because APP files are Mac OS packages, you can
right-click (or control-click) an application and select
"Show Package Contents" to view the files contained
in the package. These include Resources used by
the application, executables, property list (.PLIST)
files, frameworks, plugins, icons, and other files.
platform
Linux
Linux is a family of free and open-source software
operating systems built around the Linux kernel.
Typically, Linux is packaged in a form known as a
Linux distribution (or distro for short) for both desktop
and server use. The defining component of a Linux
distribution is the Linux kernel, an operating system
kernel first released on September 17, 1991, by
Linus Torvalds. Many Linux distributions use the
word "Linux" in their name.
platform
Let’s see the magic
Playground
Chrome
Google Chrome (commonly known simply as
Chrome) is a cross-platform web browser developed
by Google. It was first released in 2008 for Microsoft
Windows, and was later ported to Linux, macOS,
iOS, and Android. The browser is also the main
component of Chrome OS, where it serves as the
platform for web apps.
Google
How this not for good
HTML convert to an app?
How we do it
Nativefier
Nativefier is a command-line tool to easily create a
desktop application for any web site with succinct
and minimal configuration. Apps are wrapped by
Electron in an OS executable (.app, .exe, etc.) for
use on Windows, macOS and Linux.
Electron.js
Let’s see the magic
Playground
PhoneGap
Build great apps powered by open web standards.
Cut down on development time by re-using your
existing web dev skills, frameworks and tools. Get all
the benefits of cross-platform development while
building apps just the way you like.
Adobe
Let’s see the magic
Playground
Resources
https://github.com/Creatyification/Eva-Editor
What we used
# http://desktop.appmaker.xyz
# http://build.phonegap.com/
Any Questions?
Feel free to ask
“There is no stupid question, Stupid people
don't ask questions”
Slideshare
PPT available in
https://bit.ly/2M7KPT8
Follow
me
Social
links
@Nikhilbabychan
/Nikhilbabychan
/nikhilbabychan07
+91 7902272656
www.creatyification.com
support@creatyification.com
Thank you
Signing up
“Thank you for was your
precious time with me”
Made with

More Related Content

What's hot

Continuous Delivery with Docker and Jenkins pipeline
Continuous Delivery with Docker and Jenkins pipelineContinuous Delivery with Docker and Jenkins pipeline
Continuous Delivery with Docker and Jenkins pipeline
Slam Han
 
Windows 10 Linux Work Environment Improvements with WSL
Windows 10 Linux Work Environment Improvements with WSLWindows 10 Linux Work Environment Improvements with WSL
Windows 10 Linux Work Environment Improvements with WSL
Ifeatu Osegbo
 
Subversion Admin
Subversion AdminSubversion Admin
Subversion Admin
rchakra
 
Linux
Linux Linux
Extending Eclipse Che to build custom cloud IDEs
Extending Eclipse Che to build custom cloud IDEsExtending Eclipse Che to build custom cloud IDEs
Extending Eclipse Che to build custom cloud IDEs
Florent BENOIT
 
Linux Interview Questions And Answers | Linux Administration Tutorial | Linux...
Linux Interview Questions And Answers | Linux Administration Tutorial | Linux...Linux Interview Questions And Answers | Linux Administration Tutorial | Linux...
Linux Interview Questions And Answers | Linux Administration Tutorial | Linux...
Edureka!
 
Databased Software Engineering
Databased Software EngineeringDatabased Software Engineering
Databased Software Engineering
Anas R.
 

What's hot (7)

Continuous Delivery with Docker and Jenkins pipeline
Continuous Delivery with Docker and Jenkins pipelineContinuous Delivery with Docker and Jenkins pipeline
Continuous Delivery with Docker and Jenkins pipeline
 
Windows 10 Linux Work Environment Improvements with WSL
Windows 10 Linux Work Environment Improvements with WSLWindows 10 Linux Work Environment Improvements with WSL
Windows 10 Linux Work Environment Improvements with WSL
 
Subversion Admin
Subversion AdminSubversion Admin
Subversion Admin
 
Linux
Linux Linux
Linux
 
Extending Eclipse Che to build custom cloud IDEs
Extending Eclipse Che to build custom cloud IDEsExtending Eclipse Che to build custom cloud IDEs
Extending Eclipse Che to build custom cloud IDEs
 
Linux Interview Questions And Answers | Linux Administration Tutorial | Linux...
Linux Interview Questions And Answers | Linux Administration Tutorial | Linux...Linux Interview Questions And Answers | Linux Administration Tutorial | Linux...
Linux Interview Questions And Answers | Linux Administration Tutorial | Linux...
 
Databased Software Engineering
Databased Software EngineeringDatabased Software Engineering
Databased Software Engineering
 

Similar to How to build hybrid apps

OS Lab: Introduction to Linux
OS Lab: Introduction to LinuxOS Lab: Introduction to Linux
OS Lab: Introduction to Linux
Motaz Saad
 
Linux nic training_intro_14_dec_09
Linux nic training_intro_14_dec_09Linux nic training_intro_14_dec_09
Linux nic training_intro_14_dec_09
Aravindan Arun
 
windows vs Linux
windows vs Linuxwindows vs Linux
computer software
computer softwarecomputer software
computer software
elizabethtelewik
 
Linux seminar
Linux seminarLinux seminar
Linux seminar
Buntha Chhay
 
Linux opearting system ppt
Linux opearting system pptLinux opearting system ppt
Linux opearting system ppt
OECLIB Odisha Electronics Control Library
 
Introduction 2 linux ml
Introduction 2 linux mlIntroduction 2 linux ml
Introduction 2 linux ml
Murtala Lawal
 
Group 3
Group 3Group 3
Group 3
jeffskie05
 
Linux priciples and philiosofy
Linux priciples and philiosofyLinux priciples and philiosofy
Linux priciples and philiosofy
haya_alj
 
R language
R languageR language
R language
SubramanianMuthusamy3
 
Linux programming lecture_notes
Linux programming lecture_notesLinux programming lecture_notes
Linux programming lecture_notes
IMRAN KHAN
 
Linux
LinuxLinux
Linux
dwarfyray
 
rlanguage-201216152504.pptx
rlanguage-201216152504.pptxrlanguage-201216152504.pptx
rlanguage-201216152504.pptx
Subramanian Mani
 
Linux
Linux Linux
Linux
Kevin James
 
A general Overview of linux !!
A general Overview of linux !!A general Overview of linux !!
A general Overview of linux !!
jainema23
 
(1)unit ii-linux intro
(1)unit ii-linux intro(1)unit ii-linux intro
(1)unit ii-linux intro
Payal Thakur
 
Linux
LinuxLinux
Linux Information
Linux InformationLinux Information
Linux Information
Rahul Pola
 
Linux operating system ppt
Linux operating system pptLinux operating system ppt
Linux operating system ppt
Achyut Sinha
 
Chapter 8 - nsa Introduction to Linux.ppt
Chapter 8 -  nsa Introduction to Linux.pptChapter 8 -  nsa Introduction to Linux.ppt
Chapter 8 - nsa Introduction to Linux.ppt
gadisaAdamu
 

Similar to How to build hybrid apps (20)

OS Lab: Introduction to Linux
OS Lab: Introduction to LinuxOS Lab: Introduction to Linux
OS Lab: Introduction to Linux
 
Linux nic training_intro_14_dec_09
Linux nic training_intro_14_dec_09Linux nic training_intro_14_dec_09
Linux nic training_intro_14_dec_09
 
windows vs Linux
windows vs Linuxwindows vs Linux
windows vs Linux
 
computer software
computer softwarecomputer software
computer software
 
Linux seminar
Linux seminarLinux seminar
Linux seminar
 
Linux opearting system ppt
Linux opearting system pptLinux opearting system ppt
Linux opearting system ppt
 
Introduction 2 linux ml
Introduction 2 linux mlIntroduction 2 linux ml
Introduction 2 linux ml
 
Group 3
Group 3Group 3
Group 3
 
Linux priciples and philiosofy
Linux priciples and philiosofyLinux priciples and philiosofy
Linux priciples and philiosofy
 
R language
R languageR language
R language
 
Linux programming lecture_notes
Linux programming lecture_notesLinux programming lecture_notes
Linux programming lecture_notes
 
Linux
LinuxLinux
Linux
 
rlanguage-201216152504.pptx
rlanguage-201216152504.pptxrlanguage-201216152504.pptx
rlanguage-201216152504.pptx
 
Linux
Linux Linux
Linux
 
A general Overview of linux !!
A general Overview of linux !!A general Overview of linux !!
A general Overview of linux !!
 
(1)unit ii-linux intro
(1)unit ii-linux intro(1)unit ii-linux intro
(1)unit ii-linux intro
 
Linux
LinuxLinux
Linux
 
Linux Information
Linux InformationLinux Information
Linux Information
 
Linux operating system ppt
Linux operating system pptLinux operating system ppt
Linux operating system ppt
 
Chapter 8 - nsa Introduction to Linux.ppt
Chapter 8 -  nsa Introduction to Linux.pptChapter 8 -  nsa Introduction to Linux.ppt
Chapter 8 - nsa Introduction to Linux.ppt
 

Recently uploaded

Principle of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptxPrinciple of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptx
BibashShahi
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
Jakub Marek
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
Ivo Velitchkov
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
saastr
 
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
Edge AI and Vision Alliance
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
c5vrf27qcz
 
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
Jason Yip
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
Ivanti
 
Leveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and StandardsLeveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and Standards
Neo4j
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
Antonios Katsarakis
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
ssuserfac0301
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
Alex Pruden
 
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid ResearchHarnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Neo4j
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
Ajin Abraham
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
panagenda
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Neo4j
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
Hiroshi SHIBATA
 
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
Fwdays
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
Chart Kalyan
 

Recently uploaded (20)

Principle of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptxPrinciple of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptx
 
Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)Main news related to the CCS TSI 2023 (2023/1695)
Main news related to the CCS TSI 2023 (2023/1695)
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
 
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
Overcoming the PLG Trap: Lessons from Canva's Head of Sales & Head of EMEA Da...
 
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
“Temporal Event Neural Networks: A More Efficient Alternative to the Transfor...
 
Y-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PPY-Combinator seed pitch deck template PP
Y-Combinator seed pitch deck template PP
 
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
 
June Patch Tuesday
June Patch TuesdayJune Patch Tuesday
June Patch Tuesday
 
Leveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and StandardsLeveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and Standards
 
Dandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity serverDandelion Hashtable: beyond billion requests per second on a commodity server
Dandelion Hashtable: beyond billion requests per second on a commodity server
 
Taking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdfTaking AI to the Next Level in Manufacturing.pdf
Taking AI to the Next Level in Manufacturing.pdf
 
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...
 
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid ResearchHarnessing the Power of NLP and Knowledge Graphs for Opioid Research
Harnessing the Power of NLP and Knowledge Graphs for Opioid Research
 
AppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSFAppSec PNW: Android and iOS Application Security with MobSF
AppSec PNW: Android and iOS Application Security with MobSF
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAUHCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
 
Introduction of Cybersecurity with OSS at Code Europe 2024
Introduction of Cybersecurity with OSS  at Code Europe 2024Introduction of Cybersecurity with OSS  at Code Europe 2024
Introduction of Cybersecurity with OSS at Code Europe 2024
 
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk"Frontline Battles with DDoS: Best practices and Lessons Learned",  Igor Ivaniuk
"Frontline Battles with DDoS: Best practices and Lessons Learned", Igor Ivaniuk
 
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfHow to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdf
 

How to build hybrid apps

  • 1. How to make apps By Nikhil Babychan 2019
  • 2. Introduce-you Tell about you and your tech-ness Stackoverflow
  • 3. How to build a Android + iPhone + Windows + Linux + iMac app using just HTML , CSS & JS
  • 4. Why the heck do I need to attend this seminar? Analysis
  • 5. What are apps and how they work in different platforms Introduction
  • 6. Android APK files are analogous to other software packages such as APPX in Microsoft Windows or a Debian package in Debian-based operating system. To make an APK file, a program for Android is first compiled, and then all of its part are packaged into one container file. An APK file contains all of a program's code (such as .dex files), resources, assets, certificates, and manifest file. As is the case with many file formats, APK files can have any name needed, provided that the file name ends in the file extension ".apk" platform
  • 7. Windows .exe is a common filename extension denoting an executable file (the main execution point of a computer program) for DOS, OpenVMS, Microsoft Windows, Symbian or OS/2. Besides the executable program, many .exe files contain other components called resources, such as bitmap graphics and icons which the executable program may use for its graphical user interface. platform
  • 8. Mac OS An app file is an application bundle that runs under Mac OS X. APP files are executable files similar to .EXE files in Windows and run when double-clicked. Because APP files are Mac OS packages, you can right-click (or control-click) an application and select "Show Package Contents" to view the files contained in the package. These include Resources used by the application, executables, property list (.PLIST) files, frameworks, plugins, icons, and other files. platform
  • 9. Linux Linux is a family of free and open-source software operating systems built around the Linux kernel. Typically, Linux is packaged in a form known as a Linux distribution (or distro for short) for both desktop and server use. The defining component of a Linux distribution is the Linux kernel, an operating system kernel first released on September 17, 1991, by Linus Torvalds. Many Linux distributions use the word "Linux" in their name. platform
  • 10. Let’s see the magic Playground
  • 11. Chrome Google Chrome (commonly known simply as Chrome) is a cross-platform web browser developed by Google. It was first released in 2008 for Microsoft Windows, and was later ported to Linux, macOS, iOS, and Android. The browser is also the main component of Chrome OS, where it serves as the platform for web apps. Google
  • 12. How this not for good HTML convert to an app? How we do it
  • 13. Nativefier Nativefier is a command-line tool to easily create a desktop application for any web site with succinct and minimal configuration. Apps are wrapped by Electron in an OS executable (.app, .exe, etc.) for use on Windows, macOS and Linux. Electron.js
  • 14. Let’s see the magic Playground
  • 15. PhoneGap Build great apps powered by open web standards. Cut down on development time by re-using your existing web dev skills, frameworks and tools. Get all the benefits of cross-platform development while building apps just the way you like. Adobe
  • 16. Let’s see the magic Playground
  • 17. Resources https://github.com/Creatyification/Eva-Editor What we used # http://desktop.appmaker.xyz # http://build.phonegap.com/
  • 18. Any Questions? Feel free to ask “There is no stupid question, Stupid people don't ask questions”
  • 21. Thank you Signing up “Thank you for was your precious time with me”