Build A Hybrid Web App Using SammyJS, Cordova, and HTML - Setup SammyJS, Part 1 - #23
2 minutes
35:08 minutes
Become a Patreon to show support and get exclusive access to content: https://www.patreon.com/devdrawer
Let's start building a mobile hybrid app using Cordova, Sammy JS, and HTML. A hybrid app is a website that can be converted into a mobile application using Cordova, PhoneGap, or Iconic. This conversion creates "native" code that can be run on a multitude of devices including Android, iOS, Windows Phone, and a Desktop.
Using SammyJS, we are able to build routes like you can in Laravel without PHP. This gives us flexibility and allows us to build an app-friendly code base. With routing, we can utilize caching and storage on the device better and can also still use databases and scripting via APIs and AJAX / JSON.
You can build this app to work with any type of external API as long as the app can hit the server's API correctly.
In this tutorial, we go over the implementation of SammyJS and Bootstrap to get our project started.
0:00 Intro
03:00 Add SammyJS
05:52 Create Home Page Route
18:05 Resolve Issue with Routing Code
19:20 Create About Us Route
23:09 Add Bootstrap Mobile Navigation
29:33 Add Init.js to Handle Internal Requests
34:04 Upcoming - Building The App Using HTML and AJAX
Applications Used
Visual Studio Code v1.43: https://code.visualstudio.com/
Live Server Extension v5.6.1: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
SammyJS v0.7.4: http://sammyjs.org/
Computer Hardware:
Windows 10 Pro: https://amzn.to/3q5TyZw (Amazon)
Samsung 500GB External SSD: https://amzn.to/2ViAAAF (Amazon)
Samsung 970 EVO Plus SSD 1TB - M.2 NVMe: https://amzn.to/36jDwDy (Amazon)
Rosewill Hive-750S R750W PSU: https://amzn.to/36jiDbs (Amazon)
Phanteks Eclipse Tempered Glass Case: https://amzn.to/39qou0B (Amazon)
MSI Arsenal Gaming AMD Ryzen Motherboard: https://amzn.to/36hpAKm (Amazon)
MSI Gaming GeForce RTX 2060 Super 8GB: https://amzn.to/36hMyRm (Amazon)
LG 34UM69G-B 34-Inch 21:9 UltraWide IPS Monitor: https://amzn.to/2HSRxyI (Amazon)
Corsair 64GB (4 x 16GB) DDR4 Memory: https://amzn.to/3mlmQkI (Amazon)
AMD Ryzen 7 2700X Processor: https://amzn.to/3qdQIBF (Amazon)
Dell XPS 15 9500 15.6" Laptop / Windows: https://amzn.to/3fKEz2w (Amazon)
Lenovo ThinkPad T15 15.6" Laptop / Linux: https://amzn.to/2Jnmn33 (Amazon)
Camera:
Fujifilm X-T3: https://amzn.to/3llKBb5 (Amazon)
Fujinon XF18-55mmF2.8-4: https://amzn.to/3mfTkNb (Amazon)
Audio:
Audio Technica AT2020: https://amzn.to/2VgxU6K (Amazon)
Blue Snowball iCE: https://amzn.to/3lo1jGC (Amazon)
DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.
Like what you see, support the channel.
Get Merch Buy Me A Coffee Join Patreon Watch on YouTube View Projects on GitHub
