Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Azure Portal - the largest SPA in the World

The Azure Portal is one of the biggest, and most complex Single Page Applications (SPA) in the World. Are you curious what’s under the cover? Let’s check what tools, frameworks, libraries and techniques are used to enable over 500 developers to work on one web application, and having possibility to release a new version anytime.
In this session I will uncover all details of end-to-end development process, performance tweaks, and how we implemented Continuous Integration, and Continuous Delivery.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

  • Be the first to like this

Azure Portal - the largest SPA in the World

  1. 1. Azure Portal jj09.net @JakubJedryszek The largest SPA in the World
  2. 2. AZURE PORTAL FACTS Over 500 developers Almost 100 services More than 2000 blades (views)
  3. 3. Website Framework Web Apps iframe Virtual Machines SQL iframe iframe
  4. 4. TypeScript
  5. 5. youtube.com/JakubJedryszek
  6. 6. CHALLENGES
  7. 7. CHALLENGE 1 ENABLE OVER 500 DEVELOPERS TO WORK ON 1 UI
  8. 8. CORE XT
  9. 9. dev dogfood mpac production On green CI dogfood Thursday Tuesday ms.portal.azure.com portal.azure.com RELEASE PIPLINE
  10. 10. CHALLENGE 2 PERFORMANCE
  11. 11. PERFORMANCE TIP #1 MINIFY JAVASCRIPT
  12. 12. PERFORMANCE TIP #2 MINIFY CSS
  13. 13. PERFORMANCE TIP #3 LAZY-LOAD JAVASCRIPT
  14. 14. PERFORMANCE TIP #4 LAZY-LOAD CSS
  15. 15. PERFORMANCE TIP #5 BUNDLE JAVASCRIPT
  16. 16. PERFORMANCE TIP #6 BUNDLE CSS
  17. 17. PERFORMANCE TIP #7 CACHE JAVASCRIPT AND CSS ON CLIENT-SIDE ETag Cache-Control unique URLs
  18. 18. PERFORMANCE TIP #8 CACHE JAVASCRIPT AND CSS ON SERVER-SIDE
  19. 19. PERFORMANCE TIP #9 USE CONTENT DELIVERY NETWORK (CDN)
  20. 20. PERFORMANCE TIP #10 USE GZIP COMPRESSION
  21. 21. PERFORMANCE TIP #11 USE SVG WHEN POSSIBLE (AND BUNDLE!)
  22. 22. PERFORMANCE TIP #12 USE HTTPS
  23. 23. PERFORMANCE TIP #13 WRITE PERFORMANT JAVASCRIPT #1 CACHE VARIABLES #2 CACHE FUNCTIONS #3 MINIMIZE DOM OPERATIONS
  24. 24. CHALLENGE 3 REGRESSIONS
  25. 25. UI UI TYPESCRIPT UNIT TESTS
  26. 26. TypeScript
  27. 27. https://aka.ms/AzureTipsAndTricks
  28. 28. https://aka.ms/AzurePortalFeedback
  29. 29. STAY IN TOUCH! @JakubJedryszek jj09.net

    Be the first to comment

    Login to see the comments

The Azure Portal is one of the biggest, and most complex Single Page Applications (SPA) in the World. Are you curious what’s under the cover? Let’s check what tools, frameworks, libraries and techniques are used to enable over 500 developers to work on one web application, and having possibility to release a new version anytime. In this session I will uncover all details of end-to-end development process, performance tweaks, and how we implemented Continuous Integration, and Continuous Delivery.

Views

Total views

406

On Slideshare

0

From embeds

0

Number of embeds

6

Actions

Downloads

10

Shares

0

Comments

0

Likes

0

×