Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Introduction to Svelte - Mmt tech meetup - September 2020

Introduction to Svelte and how it could be used. Also how you can get started with Svelte and Sapper. Also example of the Svelte API and key takeaways

  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Introduction to Svelte - Mmt tech meetup - September 2020

  1. 1. MMT TECH MEET-UP We will be starting in about 5 mins…
  2. 2. MMT TECH MEET-UP – SEPT 2020
  3. 3. WHO I’M I? 3 ILESH MISTRY (CMS SPECIALIST & KONTENT MVP) @ileshmistry MMT Tech Meet-up MMT Tech Meet-up @ileshmistry | #MMT_TechMeetup CONTACT ILESH
  4. 4. WHO IS MMT? 4 @ileshmistry | #MMT_TechMeetup CONTACT ILESH Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up CONTACT MMTHELPING CLIENTS BUILD DIGITAL PRODUCTS THAT TRANSFORM BUSINESS PERFORMANCE
  5. 5. MMT TECH MEET-UPS 5 @ileshmistry | #MMT_TechMeetup MMT Tech Meet-up • Front end driven topics • Want to talk at a future meet-up? • Do you know someone who would be good? • Speak to Ilesh MMT Tech Meet-up
  6. 6. BEFORE WE GET STARTED 6 • Add your questions in the chat • We will be recording the sessions • Please share on social media (#MMT_TechMeetup | @IleshMistry | @Sveltejs) @ileshmistry | #MMT_TechMeetup MMT Tech Meet-up MMT Tech Meet-up
  7. 7. TODAY’S AGENDA • Introduction to Svelte – Ilesh Mistry (@IleshMistry) • Looking into the Svelte compiler – Tan Li Hau (@LiHauTan) • How I built a Sapper blog with all the must-have features – Markus Hatvan (@HatvanMarkus) • Sapper JAMstack – Trello as a blog backend – Shriji Kondan (@Shriji) 7 @ileshmistry | #MMT_TechMeetup MMT Tech Meet-up MMT Tech Meet-up
  8. 8. INTRODUCTION TO SVELTE
  9. 9. WHO I’M I? 9 @ileshmistry | #MMT_TechMeetup CONTACT ILESH Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up ILESH MISTRY (CMS SPECIALIST & KONTENT MVP) @ileshmistry
  10. 10. WHATARE YOU GOING TO BE COVERING? 10 • What is Svelte? • How to get started? • Svelte Examples • Quick demo of sourcing data from a Headless CMS • Svelte takeaways Introduction to Svelte @ileshmistry | #MMT_TechMeetupIntroduction to Svelte - MMT Tech Meet-up
  11. 11. WHAT IS SVELTE? 11 @ileshmistry | #MMT_TechMeetup • JavaScript cybernetically enhanced web apps development. Similar compared to component frameworks (React, Vue) • Generally write less code compared to the other frameworks Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up
  12. 12. WHAT IS SVELTE? 12 @ileshmistry | #MMT_TechMeetup Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up React Vue Svelte Example Component https://svelte.dev/blog/write-less-code
  13. 13. WHAT IS SVELTE? 13 @ileshmistry | #MMT_TechMeetup • Tool for building fast web applications • Build time not run time so it’s starts the applications faster / No virtual DOM • No complex state management – truly reactive • Open sourced and written by Rich Harris • Powers Sapper application framework (more information later) Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up
  14. 14. HOW TO GET STARTED? 14 @ileshmistry | #MMT_TechMeetup • Tutorial on their website is a great starting point 🙌 • Have a play with their website Examples, great way to try things out – CodePen style! • Discord chatroom to ask questions • Join the Svelte Summit Oct 18th 2020 • Get involved in meet-ups and event like this Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up
  15. 15. SVELTE EXAMPLES 15 @ileshmistry | #MMT_TechMeetup Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up
  16. 16. SOURCING FROM A HEADLESS CMS 16 @ileshmistry | #MMT_TechMeetup Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up • Headless CMS - Kontent • Working from a sample template
  17. 17. SOURCING FROM A HEADLESS CMS 17 @ileshmistry | #MMT_TechMeetup Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up
  18. 18. SVELTE TAKEAWAYS 18 @ileshmistry | #MMT_TechMeetup • Less code to write • Better application performance as you are building the code before run time • Therefore better application first load • Community driven • Easy to learn, get started and build your own small Svelte Sapper app • Ask questions - Discord chatroom • Can easily use a Headless CMS as the data source Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up
  19. 19. THANK YOU 19 @ileshmistry | #MMT_TechMeetup Register with Kentico Kontent - 90 days free trial Introduction to Svelte Introduction to Svelte - MMT Tech Meet-up CONTACT ILESHILESH MISTRY (CMS SPECIALIST & KONTENT MVP) @ileshmistry
  20. 20. REMAINING AGENDA • Looking into the Svelte compiler – Tan Li Hau (@LiHauTan) • How I built a Sapper blog with all the must-have features – Markus Hatvan (@HatvanMarkus) • Sapper JAMstack – Trello as a blog backend – Shriji Kondan (@Shriji) 20 @ileshmistry | #MMT_TechMeetup MMT Tech Meet-up MMT Tech Meet-up

×