How are mobile applications made?

Question

css

I have some experience in website layout, the design for which I designed myself.
Recently completed work on the design for a mobile application. The question is, is the layout different for mobile apps and websites? Perhaps some specific technologies are used for applications?

Answer 1

First you need to determine for yourself two big differences how it heats up.
What now came to mind
1. there are native languages ​​​​like swift, in which there really is no layout close to the web at all
2. there is a variant of Apache Cordova, PhoneGap - these are frameworks that allow you to use web view, i.e. showing the usual layout in the window of the "real" application (somewhat reminiscent of PWA).
3. there is react native - a framework that uses react (that is, js) for business logic, but implements the visual part and all interactions with hardware through native pads (that is, written in a language native to the axis). From the pros - you can do it right away for android and for iOS, the layout is very similar like for the web (not a lot of "nuances"), from the minuses - as soon as the native library says "nothing", then you're in :)
4. Well, there are actually PWA (Progressive Web Applications) applications.
Everywhere has its own nuances, features and pitfalls. Free cheese, you know...
In principle, a front-developer can try mobile phones, but one should not expect predictability and quick results, especially at the beginning.

Answer 2

If your hand is full on web layout, then it will be relatively easy to learn on android.
For "non-retraining" you can read about Apache Cordova, phonegap...

Answer 3

Flutter + Google examples