Download as PDF, PPTX
Uploaded byHengki Sihombing
Isomorphic Aplication with Javascript
The document discusses isomorphic JavaScript applications, highlighting their advantages and disadvantages compared to traditional server-side and client-side frameworks. It emphasizes the ability to share code between the server and client, improving user experience and SEO while still facing challenges like separate codebases and performance issues. The author also mentions resources for keeping up with JavaScript technologies and indicates a personal connection to JakartaJS.
More Related Content
![[Da Nang Scrum Breakfast] Dealing with Technical Debt](https://cdn.slidesharecdn.com/ss_thumbnails/danangscrumbreakfastdealingwithtechnicaldebt-170114075949-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
![[Vietnam Mobile Day 2013] - tối ưu hóa cho mobile json, bộ nhớ và tương tác](https://cdn.slidesharecdn.com/ss_thumbnails/vinova-nguyenvulong-tiuhachomobilejsonbnhvtngtc-130513080450-phpapp01-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Similar to Isomorphic Aplication with Javascript
Isomorphic Aplication with Javascript
- 1.
- 2. ABOUT ME Hengki Sihombing BuildingKarejo.com - Organizer JakartaJS twitter @hengkiardo github @aredo hengki@karejo.com
- 3. ISOMORPHIC JAVASCRIPT Yes, fancy words -but why should I care..?
- 4. SERVER-SIDE Just ship itall from scratch every time So easy!!
- 5. SERVER-SIDE But poor userexperience if you interact a lot
- 7.
- 8. Gimme some dynamicweb pages already! NOT GOOD ENOUGH
- 9. • Pros: • Easyto reason about • SEO out of the box • Cons: • Every action is a refresh • Poor user experience for dynamic apps SERVER-SIDE
- 10. CLIENT-SIDE (SPA) Look ma’ Ican do all the things without reloading now!
- 11.
- 12. CLIENT-SIDE (SPA) Don’t youdare press the back button
- 13.
- 14.
- 15. • Pros: • Actionswithout refresh the page • Less redundancy, Better user experience • Separate pure data from business logic • Cons: • No content before the js loads / SEO • Performance depend on users’ end devices • Duplicate logic(URL routing, validation, ...etc.) CLIENT-SIDE (SPA)
- 16. BUT I WANTIT ALL!
- 17. SERVER SIDE + SPA Get allyour stuff done!!
- 18.
- 19. SERVER SIDE +SPA Two separate codebase for the same application
- 20.
- 21.
- 22. • A conceptof JS web framework that shares Javascript run on both client side and server side. • Reuse all codes Flexible for developer • Bootstrap initial page via server rendering • Font-end rendering/Back-end rendering ISOMORPHIC
- 24.
- 25.
- 26.
- 27.
- 28.
- 29. How we cando it..??
- 30.
- 33. A library forcreating user interfaces https://facebook.github.io/react/
- 36.
- 38. Let’s Demo One TheSimplest isomorphic Javascript app?
- 39.
- 40. meetup.com/JakartaJS How to keepup to date on Javascript Technologies??
- 41.