Welcome to < The SuperNova Workshop > 🥳!
Here, we will learn about <Introduction To Design Support Sustainability - Design To Code>
Before we jump straight into the workshops, allow me to introduce ourself, do watch this short 1 minute video to know more 🎇!
Without further ado, let's get started!
https://docs.google.com/presentation/d/1mz6VqRuAzk71DUuiSJC8Yi-QKGk1lU11AWD_VG_Ue3g/edit?usp=sharing
- What Are Mobile Apps
- Mobile App Types
- Mobile App Development Current Techs
- How SuperNova Makes Life Easier
- Benefits Of SuperNova.IO & How It Is Making It Easier
A mobile application is a software application designed to run on smartphones, tablet computers and other mobile devices. Users normally use smartphones typically to like check the news, weather, email or their social networks. They have a choice between the mobile web version or a specially-created mobile app.
● Native Programmed using Swift/Objective C on IOS or using Java/Kotlin on Android devices.
● Hybrid Mix between these two types of mobile applications. Normally based on web programming language, eg: HTML, CSS, Javascript, Dart, React.js Built once to be run on Android and iOS. Sometimes very hard to debug
● Web Apps / Progressive Web Apps. Web based. Runs in the phone’s browser. Can have native features based on HTML5 HTML, CSS, Javascript Javascript Frameworks like React, Vue, Angular etc
| Native Development | Hybrid Development |
|---|---|
| Android | Ionic |
| IOS | React Native |
| Vue Native | |
| Flutter | |
| NativeScript | |
| Xamarin |
Supernova.io - https://supernova.io/ - Click ‘Try Supernova For Free’
AND
Adobe_XD - https://www.adobe.com/sea/products/xd.html - Click ‘Start For free’
OR
Sketch - https://www.sketch.com/ - Click ‘ Try For Free’
-
World’s First Design To Code Platform
-
Design Support Tool For Mobile Applications - Converts Any Mobile Design To Native Applications
-
It is a tool to accelerate the app development workflow/process for mobile designers and developers
-
Bring mobile app UIs to life in minutes by converting Sketch and Adobe XD designs into native frontend code for Flutter, iOS, Android and React Native.
-
Allows designers, developers and teams to combine advance support for enterprise teams and a code-design system manager that closes the gap between design and code - Kisses All Those Inconsistencies and Inefficiencies Goodbye!
-
No more handoffs Production-ready code generated in real-time as you prototype so that your app’s design and code are always in sync. This allows you to export your final product with the click of a button, eliminating lengthy handoffs entirely. No more misplaced pixels
All design elements are backed by native components so that you’re creating more than a hi-fi prototype -- you’re building the actual UI. (Rest assured everything will end up where it needs to be.)
-
No more duplicated work
Development picks up exactly where design left off rather than coding wireframes, animations, and transitions from scratch. Clean, production-ready, and flexible code for iOS, Android, React Native and Flutter.
-
No more boring, tedious tasks
In a matter of seconds, the creation of layouts, export of assets, localizations, animations, navigation flows and more are crossed off in Supernova.io’s to-do list.