Front-End-Developer-Friendly Full-Stack Mobile App Development using proven tools and technologies, specifically Ionic, Angular and Nest.js (with TypeORM, Postgres, Swagger, etc) and demo of the integrated approach

1. Front-End-Developer-Friendly
Full-Stack Mobile App Development
BY FYODOR
https://fyodor.io

2. T
WHY
W
H
O
C
A
R
E
S
• Need for speed
• Work in teams
• Greed

3. T
BEST
FIT
WHO
✅ Enterprise development engagement
✅ Angular experience
✅ Lack of free time for learning new stuff
✅ Established web development habits

4. T
•Ionic
Framework-agnostic cross-platform library
of UI components
•Angular
Full-featured opinionated front end
framework
•Nest.js
SOLID-oriented client-agnostic opinionated
TS-based Node.js framework
IAN STACK
IAN
STACK

5. T
SMELLS
LIKE
ANGULAR
SPIRIT
CO
M
M
O
N
A
L
I
T
I
E
S

6. ANGULAR

7. T
A
N
G
U
L
A
R
WAY
S
• Open Source
• Teamwork-oriented
• SOLID Architecture
• Reach Ecosystem
• SSR and SSG
• Single Codebase

8. T
A
N
G
U
L
A
R
P
R
O
S
&
CO
N
S
PROS & CONS
• OPINIONATED PATTERNS
• BOXED SOLUTIONS
• DEVELOPER EXPERIENCE
• TYPESCRIPT POWERS
• FRP WITH RXJS
• ENTERPRIZE ADOPTION
• WELCOMING ACTIVE COMMUNITY
• OPINIONATED PATTERNS
• PERFORMANCE/UX DRAWBACKS
• BUNDLE SIZE
• STEEP LEARNING CURVE

9. IONIC

10. T
• Open Source
• Web Technologies
• Framework Agnostic
• Native Experiences
• X-Platform Solutions
• Single Codebase
IONIC
WAYS

11. T
IONIC
ARCHITECTURE
• Simplicity
• Performance
• Native API Plugins
• 3rd-Party Integrations

12. T
IONIC
PROS
&
CONS
PROS & CONS
• FAST
• CODE SHARING
• DEVELOPER EXPERIENCE
• FLAT LEARNING CURVE
• MULTI-LAYER DEBUGGING
• PERFORMANCE/UX DRAWBACKS
• BUNDLE SIZE

13. T
IONIC
MARKET
SHARE
SOURCE

14. NEST

15. T
NEST
PHILOSOPHY
Philosophy

16. T
NEST
WAYS
• Open Source
• SOLID-oriented
• Multi-purpose
A. Web apps
B. Microservices
C. Standalone apps
D. CLI apps
E. Serverless functions

17. T
BUILDING
BLOCKS
• Modules
• Middleware
• Controllers
• Providers
A. Interceptors
B. Filters
C. Pipes
D. Guards
E. Services
• Lifecycle Hooks
• Configuration Module

18. T
NEST
PROS
&
CONS
PROS & CONS
• NODE.JS ECOSYSTEM
• ANGULAR-DEV-FRIENDLY
• GRAPHQL SUPPORT
• GOOD DOCUMENTATION
• CODE SHARING
• STEEP LEARNING CURVE FOR ALIENS
• LACK OF DETAILED INFORMATION
• ANGULAR VERBOSITY

19. T
A
D
O
P
T
I
O
N

20. DEMO

21. T
LAT
T
PLATFORM
• LEARN WHAT YOU NEED
• LEARN ON THE GO
• LEARN BY DOING

22. T
LAT
T
PLATFORM
MOBILE
APP
(PWA)
REST
API
CMS
CLIENT
GITHUB.COM/LATT-DEV

23. T
OPEN
SOURCE
PARTY

24. RULE THE WEB
mind the mobile
strengthen
the back