SlideShare a Scribd company logo
Top Javascript Frameworks
A JavaScript framework is an application framework
written in JavaScript. It differs from a JavaScript library
in its control flow: a library offers functions to be called
by its parent code, whereas a framework defines the
entire application design.
We will explore the few of them that includes:
1) React
2) Angular
3) Vue
4) Node.Js
React

React is a JavaScript library for building user
interfaces.

It is created by Facebook and community of
individual developers and companies in May 2013.

This framework is developed with the purpose of
“building large applications with data that
changes again and again over time”
Reasons to choose React in your project

It's awesome for SEO : You can able to run React.js
on the server and the virtual DOM will be returned
and rendered to the browser as a regular web page.
The virtual DOM (VDOM) is a programming concept
where an ideal, or “virtual”, representation of a UI is
kept in memory and synced with the “real” DOM by a
library such as ReactDOM.

The JavaScript Library : React.js is using JSX tag
syntax. JSX is an XML/HTML-like syntax used by
React that extends ECMAScript so that XML/HTML-
like text can co-exist with JavaScript/React code. You
can read more at
https://reactjs.org/docs/introducing-jsx.html
Reasons to choose React in your project

Debugging is very easy: The chrome extension of
React.js makes debugging very easy for your app. It
will allows you to directly check the virtual dom.

Reusable React Components

List of Top Brands use React Js: Twitter,
WordPress, New York Times, Airbnb, Yahoo, Netflix,
and Uber etc..
Angular

Angular is a Typescript-based open source full-stack
web application framework.

It is created by Google and by community of
individuals and corporations in September 2016.

Angular is a complete rewrite from the same team
that built AngularJS.
Reasons to choose angular in your project

MVC Framework

Uses HTML as a template language

Dependency handling

Two way data binding

Support from Google and large community

Modularize your application with lazy loading your
modules

List of Top Brands use Angular: PayPal, Upwork,
Google, Nike, HBO, Sony etc...
Vue.js

Vue.js(commonly referred as vue) is an open source
JavaScript framework for building user interfaces and
single page applications.

Vue was created by “Evan You (Software
Developer)” after working from Google using
AngularJs in a number of projects, in February 2014.

The thought of “Evan You” while building vue was “I
figured, what if I extract the part that I really liked
about Angular and build something really light.”
Reasons to choose vue in your project

No build step required. It is easy to get started.

Friendly learning curve and well documented

Very small size (18-21kb)

Two way data binding

Uses HTML as a template language

Uses virtual Dom

Debugging very easy by adding Google chrome
extension “Vue Devtools”. It will directly check your
virtual Dom.

Top Brands use Vue: Alibaba, Xiaomi, Gitlab,
Expedia, Laracasts etc...
Node.js

Node.js is an open source, cross platform JavaScript
run-time environment that executes JavaScript code
outside of a browser.

Node is a runtime environment and not a framework.

Node.js has an even-driven architecture capable of
asynchronous I/O operations.

Node.js was originally wriiten by Ryan Dahl in 2009.

The biggest difference between Node.js and PHP is
that most functions in PHP block the execution until
completion, while Node.js functions are non-blocking.
Node.js Framework List :
https://medium.com/issuehunt/top-10-node-js-framework-d768a6e465ff

Hapi.js

Express.js

Socket.io

Koa.js

Meteor.js

Mojito

Derby

Sails.js

Total.js
Reasons to choose Node.js in your project

It is good fit for real time applications like chat, game.
It is also good fit for the projects that need event-
based servers as well as non-blocking driven
servers.

It is quite fast: It uses V8 engine by Google.

Node.js serves as a proxy server MySQL.

Code executes faster compare to other frameworks.

Top Brands use Node.js: Netflix, Linkedin, Trello,
Uber, PayPal, eBay, NASA etc...
Other Javascript Frameworks List

Ember.js

Backbone.js

Mithril

Polymer

Aurelia

More Related Content

What's hot

AI firsts: Leading from research to proof-of-concept
AI firsts: Leading from research to proof-of-conceptAI firsts: Leading from research to proof-of-concept
AI firsts: Leading from research to proof-of-concept
Qualcomm Research
 
Android Operating System
Android Operating SystemAndroid Operating System
Android Operating System
Bilal Mirza
 
Introduction to Android
Introduction to Android Introduction to Android
Introduction to Android
Ranjith Kumar
 
Seminar on mobile os
Seminar on mobile osSeminar on mobile os
Seminar on mobile os
abani12
 
Android summer training report
Android summer training reportAndroid summer training report
Android summer training report
Shashendra Singh
 
Android and android versions
Android and android versionsAndroid and android versions
Android and android versions
Megha Jain
 
Android ppt
Android pptAndroid ppt
Android ppt
Ansh Singh
 
Firebase on Android: The Big Picture
Firebase on Android: The Big PictureFirebase on Android: The Big Picture
Firebase on Android: The Big Picture
Sriyank Siddhartha
 
Inserting AR directly into a native mobile app | IKEA - Unite Copenhagen 2019
Inserting AR directly into a native mobile app | IKEA - Unite Copenhagen 2019Inserting AR directly into a native mobile app | IKEA - Unite Copenhagen 2019
Inserting AR directly into a native mobile app | IKEA - Unite Copenhagen 2019
Unity Technologies
 
Android ppt
Android pptAndroid ppt
Android ppt
Govind Raj
 
Flutter: Future of App Development
Flutter: Future of App DevelopmentFlutter: Future of App Development
Flutter: Future of App Development
9 series
 
Introduction to X3D
Introduction to X3DIntroduction to X3D
Introduction to X3D
Ahmed Gad
 
Wi-Fi based indoor positioning
Wi-Fi based indoor positioningWi-Fi based indoor positioning
Wi-Fi based indoor positioning
Sherwin Rodrigues
 
android architecture
android architectureandroid architecture
android architectureAashita Gupta
 
Android application development ppt
Android application development pptAndroid application development ppt
Android application development ppt
Gautam Kumar
 
Augmented reality
Augmented realityAugmented reality
Augmented reality
Niranjan Arya
 
Knowledge about android operating system
Knowledge about android operating systemKnowledge about android operating system
Knowledge about android operating system
Rachna Beegun
 

What's hot (20)

AI firsts: Leading from research to proof-of-concept
AI firsts: Leading from research to proof-of-conceptAI firsts: Leading from research to proof-of-concept
AI firsts: Leading from research to proof-of-concept
 
Android Operating System
Android Operating SystemAndroid Operating System
Android Operating System
 
Introduction to Android
Introduction to Android Introduction to Android
Introduction to Android
 
Seminar on mobile os
Seminar on mobile osSeminar on mobile os
Seminar on mobile os
 
Android summer training report
Android summer training reportAndroid summer training report
Android summer training report
 
Android and android versions
Android and android versionsAndroid and android versions
Android and android versions
 
Android ppt
Android pptAndroid ppt
Android ppt
 
Firebase on Android: The Big Picture
Firebase on Android: The Big PictureFirebase on Android: The Big Picture
Firebase on Android: The Big Picture
 
Inserting AR directly into a native mobile app | IKEA - Unite Copenhagen 2019
Inserting AR directly into a native mobile app | IKEA - Unite Copenhagen 2019Inserting AR directly into a native mobile app | IKEA - Unite Copenhagen 2019
Inserting AR directly into a native mobile app | IKEA - Unite Copenhagen 2019
 
Android ppt
Android pptAndroid ppt
Android ppt
 
Flutter: Future of App Development
Flutter: Future of App DevelopmentFlutter: Future of App Development
Flutter: Future of App Development
 
Introduction to X3D
Introduction to X3DIntroduction to X3D
Introduction to X3D
 
Wi-Fi based indoor positioning
Wi-Fi based indoor positioningWi-Fi based indoor positioning
Wi-Fi based indoor positioning
 
android architecture
android architectureandroid architecture
android architecture
 
Android ppt
Android pptAndroid ppt
Android ppt
 
Android application development ppt
Android application development pptAndroid application development ppt
Android application development ppt
 
Android Report
Android ReportAndroid Report
Android Report
 
Augmented reality
Augmented realityAugmented reality
Augmented reality
 
Knowledge about android operating system
Knowledge about android operating systemKnowledge about android operating system
Knowledge about android operating system
 
Android Presentation
Android PresentationAndroid Presentation
Android Presentation
 

Similar to Js frameworks

Javascript frameworks
Javascript frameworksJavascript frameworks
Javascript frameworks
RajkumarJangid7
 
9 Best JavaScript Frameworks To Choose
9 Best JavaScript Frameworks To Choose9 Best JavaScript Frameworks To Choose
9 Best JavaScript Frameworks To Choose
Albiorix Technology
 
Top 10 Best Web Development Technologies
Top 10 Best Web Development TechnologiesTop 10 Best Web Development Technologies
Top 10 Best Web Development Technologies
AjayMishra302670
 
Why do JavaScript enthusiast think of Vue.js for building real-time web appli...
Why do JavaScript enthusiast think of Vue.js for building real-time web appli...Why do JavaScript enthusiast think of Vue.js for building real-time web appli...
Why do JavaScript enthusiast think of Vue.js for building real-time web appli...
Katy Slemon
 
Top JavaScript Frameworks to Use in 2022.pdf
Top JavaScript Frameworks to Use in 2022.pdfTop JavaScript Frameworks to Use in 2022.pdf
Top JavaScript Frameworks to Use in 2022.pdf
WPWeb Infotech
 
Top 11 Front-End Web Development Tools To Consider in 2020
 Top 11 Front-End Web Development Tools To Consider in 2020 Top 11 Front-End Web Development Tools To Consider in 2020
Top 11 Front-End Web Development Tools To Consider in 2020
Katy Slemon
 
React Js vs Node Js_ Which Framework to Choose for Your Next Web Application
React Js vs Node Js_ Which Framework to Choose for Your Next Web ApplicationReact Js vs Node Js_ Which Framework to Choose for Your Next Web Application
React Js vs Node Js_ Which Framework to Choose for Your Next Web Application
adityakumar2080
 
Reactjs Basics
Reactjs BasicsReactjs Basics
Reactjs Basics
Hamid Ghorbani
 
React Vs Vue.js Which One is Better.pdf
React Vs Vue.js Which One is Better.pdfReact Vs Vue.js Which One is Better.pdf
React Vs Vue.js Which One is Better.pdf
Laura Miller
 
React vs angular what to choose for your app
React vs angular what to choose for your appReact vs angular what to choose for your app
React vs angular what to choose for your app
Concetto Labs
 
Top java script frameworks ppt
Top java script frameworks pptTop java script frameworks ppt
Top java script frameworks ppt
Omkarsoft Bangalore
 
AFTAB AHMED.pptx
AFTAB AHMED.pptxAFTAB AHMED.pptx
AFTAB AHMED.pptx
AftabAhmed132116
 
Vue Js vs React: Which is the Best JS Technology in 2023
Vue Js vs React: Which is the Best JS Technology in 2023Vue Js vs React: Which is the Best JS Technology in 2023
Vue Js vs React: Which is the Best JS Technology in 2023
Aman Mishra
 
Node.js Development Tools
 Node.js Development Tools Node.js Development Tools
Node.js Development Tools
SofiaCarter4
 
Vue Or React - Which One is the Best_.pptx
Vue Or React - Which One is the Best_.pptxVue Or React - Which One is the Best_.pptx
Vue Or React - Which One is the Best_.pptx
75waytechnologies
 
React.js vs angular.js a comparison
React.js vs angular.js a comparisonReact.js vs angular.js a comparison
React.js vs angular.js a comparison
Narola Infotech
 
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdfAngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
SatawareTechnologies2
 
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdfAngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
iDataScientists
 
ReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
ReactJS Vs React Native: Understanding Differences, Advantages, DisadvantagesReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
ReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
Techtic Solutions
 
NodeJs Frameworks.pdf
NodeJs Frameworks.pdfNodeJs Frameworks.pdf
NodeJs Frameworks.pdf
WPWeb Infotech
 

Similar to Js frameworks (20)

Javascript frameworks
Javascript frameworksJavascript frameworks
Javascript frameworks
 
9 Best JavaScript Frameworks To Choose
9 Best JavaScript Frameworks To Choose9 Best JavaScript Frameworks To Choose
9 Best JavaScript Frameworks To Choose
 
Top 10 Best Web Development Technologies
Top 10 Best Web Development TechnologiesTop 10 Best Web Development Technologies
Top 10 Best Web Development Technologies
 
Why do JavaScript enthusiast think of Vue.js for building real-time web appli...
Why do JavaScript enthusiast think of Vue.js for building real-time web appli...Why do JavaScript enthusiast think of Vue.js for building real-time web appli...
Why do JavaScript enthusiast think of Vue.js for building real-time web appli...
 
Top JavaScript Frameworks to Use in 2022.pdf
Top JavaScript Frameworks to Use in 2022.pdfTop JavaScript Frameworks to Use in 2022.pdf
Top JavaScript Frameworks to Use in 2022.pdf
 
Top 11 Front-End Web Development Tools To Consider in 2020
 Top 11 Front-End Web Development Tools To Consider in 2020 Top 11 Front-End Web Development Tools To Consider in 2020
Top 11 Front-End Web Development Tools To Consider in 2020
 
React Js vs Node Js_ Which Framework to Choose for Your Next Web Application
React Js vs Node Js_ Which Framework to Choose for Your Next Web ApplicationReact Js vs Node Js_ Which Framework to Choose for Your Next Web Application
React Js vs Node Js_ Which Framework to Choose for Your Next Web Application
 
Reactjs Basics
Reactjs BasicsReactjs Basics
Reactjs Basics
 
React Vs Vue.js Which One is Better.pdf
React Vs Vue.js Which One is Better.pdfReact Vs Vue.js Which One is Better.pdf
React Vs Vue.js Which One is Better.pdf
 
React vs angular what to choose for your app
React vs angular what to choose for your appReact vs angular what to choose for your app
React vs angular what to choose for your app
 
Top java script frameworks ppt
Top java script frameworks pptTop java script frameworks ppt
Top java script frameworks ppt
 
AFTAB AHMED.pptx
AFTAB AHMED.pptxAFTAB AHMED.pptx
AFTAB AHMED.pptx
 
Vue Js vs React: Which is the Best JS Technology in 2023
Vue Js vs React: Which is the Best JS Technology in 2023Vue Js vs React: Which is the Best JS Technology in 2023
Vue Js vs React: Which is the Best JS Technology in 2023
 
Node.js Development Tools
 Node.js Development Tools Node.js Development Tools
Node.js Development Tools
 
Vue Or React - Which One is the Best_.pptx
Vue Or React - Which One is the Best_.pptxVue Or React - Which One is the Best_.pptx
Vue Or React - Which One is the Best_.pptx
 
React.js vs angular.js a comparison
React.js vs angular.js a comparisonReact.js vs angular.js a comparison
React.js vs angular.js a comparison
 
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdfAngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
 
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdfAngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
AngularJS vs NodeJS vs ReactJS Which One Would You Choose.pdf
 
ReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
ReactJS Vs React Native: Understanding Differences, Advantages, DisadvantagesReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
ReactJS Vs React Native: Understanding Differences, Advantages, Disadvantages
 
NodeJs Frameworks.pdf
NodeJs Frameworks.pdfNodeJs Frameworks.pdf
NodeJs Frameworks.pdf
 

Recently uploaded

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
CatarinaPereira64715
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Product School
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
Abida Shariff
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
91mobiles
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Tobias Schneck
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
Product School
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Inflectra
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
DianaGray10
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
DianaGray10
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
Frank van Harmelen
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Product School
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
Product School
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
Guy Korland
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Jeffrey Haguewood
 

Recently uploaded (20)

FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdfFIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
FIDO Alliance Osaka Seminar: FIDO Security Aspects.pdf
 
ODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User GroupODC, Data Fabric and Architecture User Group
ODC, Data Fabric and Architecture User Group
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
Unsubscribed: Combat Subscription Fatigue With a Membership Mentality by Head...
 
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptxIOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx
 
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdfSmart TV Buyer Insights Survey 2024 by 91mobiles.pdf
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf
 
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024
 
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualitySoftware Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality
 
UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4UiPath Test Automation using UiPath Test Suite series, part 4
UiPath Test Automation using UiPath Test Suite series, part 4
 
UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3UiPath Test Automation using UiPath Test Suite series, part 3
UiPath Test Automation using UiPath Test Suite series, part 3
 
Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*Neuro-symbolic is not enough, we need neuro-*semantic*
Neuro-symbolic is not enough, we need neuro-*semantic*
 
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdfFIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
FIDO Alliance Osaka Seminar: Passkeys and the Road Ahead.pdf
 
Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...Mission to Decommission: Importance of Decommissioning Products to Increase E...
Mission to Decommission: Importance of Decommissioning Products to Increase E...
 
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...
 
Assuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyesAssuring Contact Center Experiences for Your Customers With ThousandEyes
Assuring Contact Center Experiences for Your Customers With ThousandEyes
 
GraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge GraphGraphRAG is All You need? LLM & Knowledge Graph
GraphRAG is All You need? LLM & Knowledge Graph
 
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdfFIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
FIDO Alliance Osaka Seminar: Passkeys at Amazon.pdf
 
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...
 

Js frameworks

  • 1. Top Javascript Frameworks A JavaScript framework is an application framework written in JavaScript. It differs from a JavaScript library in its control flow: a library offers functions to be called by its parent code, whereas a framework defines the entire application design. We will explore the few of them that includes: 1) React 2) Angular 3) Vue 4) Node.Js
  • 2. React  React is a JavaScript library for building user interfaces.  It is created by Facebook and community of individual developers and companies in May 2013.  This framework is developed with the purpose of “building large applications with data that changes again and again over time”
  • 3. Reasons to choose React in your project  It's awesome for SEO : You can able to run React.js on the server and the virtual DOM will be returned and rendered to the browser as a regular web page. The virtual DOM (VDOM) is a programming concept where an ideal, or “virtual”, representation of a UI is kept in memory and synced with the “real” DOM by a library such as ReactDOM.  The JavaScript Library : React.js is using JSX tag syntax. JSX is an XML/HTML-like syntax used by React that extends ECMAScript so that XML/HTML- like text can co-exist with JavaScript/React code. You can read more at https://reactjs.org/docs/introducing-jsx.html
  • 4. Reasons to choose React in your project  Debugging is very easy: The chrome extension of React.js makes debugging very easy for your app. It will allows you to directly check the virtual dom.  Reusable React Components  List of Top Brands use React Js: Twitter, WordPress, New York Times, Airbnb, Yahoo, Netflix, and Uber etc..
  • 5. Angular  Angular is a Typescript-based open source full-stack web application framework.  It is created by Google and by community of individuals and corporations in September 2016.  Angular is a complete rewrite from the same team that built AngularJS.
  • 6. Reasons to choose angular in your project  MVC Framework  Uses HTML as a template language  Dependency handling  Two way data binding  Support from Google and large community  Modularize your application with lazy loading your modules  List of Top Brands use Angular: PayPal, Upwork, Google, Nike, HBO, Sony etc...
  • 7. Vue.js  Vue.js(commonly referred as vue) is an open source JavaScript framework for building user interfaces and single page applications.  Vue was created by “Evan You (Software Developer)” after working from Google using AngularJs in a number of projects, in February 2014.  The thought of “Evan You” while building vue was “I figured, what if I extract the part that I really liked about Angular and build something really light.”
  • 8. Reasons to choose vue in your project  No build step required. It is easy to get started.  Friendly learning curve and well documented  Very small size (18-21kb)  Two way data binding  Uses HTML as a template language  Uses virtual Dom  Debugging very easy by adding Google chrome extension “Vue Devtools”. It will directly check your virtual Dom.  Top Brands use Vue: Alibaba, Xiaomi, Gitlab, Expedia, Laracasts etc...
  • 9. Node.js  Node.js is an open source, cross platform JavaScript run-time environment that executes JavaScript code outside of a browser.  Node is a runtime environment and not a framework.  Node.js has an even-driven architecture capable of asynchronous I/O operations.  Node.js was originally wriiten by Ryan Dahl in 2009.  The biggest difference between Node.js and PHP is that most functions in PHP block the execution until completion, while Node.js functions are non-blocking.
  • 10. Node.js Framework List : https://medium.com/issuehunt/top-10-node-js-framework-d768a6e465ff  Hapi.js  Express.js  Socket.io  Koa.js  Meteor.js  Mojito  Derby  Sails.js  Total.js
  • 11. Reasons to choose Node.js in your project  It is good fit for real time applications like chat, game. It is also good fit for the projects that need event- based servers as well as non-blocking driven servers.  It is quite fast: It uses V8 engine by Google.  Node.js serves as a proxy server MySQL.  Code executes faster compare to other frameworks.  Top Brands use Node.js: Netflix, Linkedin, Trello, Uber, PayPal, eBay, NASA etc...
  • 12. Other Javascript Frameworks List  Ember.js  Backbone.js  Mithril  Polymer  Aurelia