Getting started with Vuejs Framework. Session presented at Swecha Dev Days

1. Getting Started with Vuejs
Unleashing the Power of
Dynamic Web Development

2. Tarandeep Singh
★ Software Engineer at Salesforce
★ Full Stack Web, Android & Cloud developer
★ Speaker & Blogger
★ SinghTarandeep.com
tdssaini tdssaini

3. Thank you!!

4. What is Vuejs ?
Vue (pronounced /vjuː/, like view) is a JavaScript framework for building user interfaces. It builds on top of standard HTML,
CSS, and JavaScript and provides a declarative and component-based programming model that helps you efficiently develop
user interfaces, be they simple or complex.

5. Why Vuejs
● Lightweight in nature
● Gentle learning curve, making it beginner-friendly.
● Allows developers to gradually adopt it into existing projects without
significant disruptions
● Performance optimization due to its Virtual DOM implementation.
● Provides a smaller bundle size and better performance due to its
optimized rendering process
● Component-based architecture

8. Companies that Trusted Vue.js

9. Vue 2 or Vue 3 ?

10. Composition API

11. Performance enhancement
Reduced Memory
Consumption
Optimizes the virtual
DOM diffing algorithm
Improved runtime
performance
Smaller bundle size

12. TypeScript Support
Provides enhanced TypeScript integration and better
type inference.

13. npm run letUsCode

14. npm init vue@latest

15. Nuxtjs - The Intuitive Web Framework
Nuxt is a free and open-source framework with an intuitive and extendable way
to create type-safe, performant and production-grade full-stack web
applications and websites with Vue.js.
● Server-side Rendering (SSR) and Static Site Generation (SSG)
● SEO-friendly and Progressive Web Application (PWA) Support
● Automatically generates a routing configuration based on your file
structure
● Nuxt.js provides middleware functionality, enabling you to execute code
on the server or client-side before rendering a page

16. Resources
● Vue Projects Repository - MadeWithVuejs.com
● Vue Official Guide - Vuejs.org/guide
● Vue Certification - Certification.Vuejs.org
● Pinia (State Management) - Pinia.Vuejs.org
● Vue Routers - Router.Vuejs.org
● Vite - Vitejs.dev
● Code Repository - Github.com/Tdssaini/GettingStartedWithVuejs

18. Thank you!!