Successfully reported this slideshow.
Your SlideShare is downloading. ×

IAN Stack: Ionic, Angular and Nest.js

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 24 Ad

IAN Stack: Ionic, Angular and Nest.js

Download to read offline

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

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

Advertisement
Advertisement

More Related Content

Similar to IAN Stack: Ionic, Angular and Nest.js (20)

Advertisement

IAN Stack: Ionic, Angular and Nest.js

  1. 1. Front-End-Developer-Friendly Full-Stack Mobile App Development BY FYODOR https://fyodor.io
  2. 2. T WHY W H O C A R E S • Need for speed • Work in teams • Greed
  3. 3. T BEST FIT WHO ✅ Enterprise development engagement ✅ Angular experience ✅ Lack of free time for learning new stuff ✅ Established web development habits
  4. 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. 5. T SMELLS LIKE ANGULAR SPIRIT CO M M O N A L I T I E S
  6. 6. ANGULAR
  7. 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. 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. 9. IONIC
  10. 10. T • Open Source • Web Technologies • Framework Agnostic • Native Experiences • X-Platform Solutions • Single Codebase IONIC WAYS
  11. 11. T IONIC ARCHITECTURE • Simplicity • Performance • Native API Plugins • 3rd-Party Integrations
  12. 12. T IONIC PROS & CONS PROS & CONS • FAST • CODE SHARING • DEVELOPER EXPERIENCE • FLAT LEARNING CURVE • MULTI-LAYER DEBUGGING • PERFORMANCE/UX DRAWBACKS • BUNDLE SIZE
  13. 13. T IONIC MARKET SHARE SOURCE
  14. 14. NEST
  15. 15. T NEST PHILOSOPHY Philosophy
  16. 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. 17. T BUILDING BLOCKS • Modules • Middleware • Controllers • Providers A. Interceptors B. Filters C. Pipes D. Guards E. Services • Lifecycle Hooks • Configuration Module
  18. 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. 19. T A D O P T I O N
  20. 20. DEMO
  21. 21. T LAT T PLATFORM • LEARN WHAT YOU NEED • LEARN ON THE GO • LEARN BY DOING
  22. 22. T LAT T PLATFORM MOBILE APP (PWA) REST API CMS CLIENT GITHUB.COM/LATT-DEV
  23. 23. T OPEN SOURCE PARTY
  24. 24. RULE THE WEB mind the mobile strengthen the back

×