Best Javascript Frameworks for Building Web App UIs

•Transferir como PPT, PDF•

0 gostou•198 visualizações

This document provides an overview of popular JavaScript frameworks for building web application user interfaces. It discusses why frameworks are useful for increasing productivity and speeding up development. It also defines the differences between libraries, frameworks, and compilers. The document analyzes several frameworks, including Angular, React, and Vue, comparing their strengths, histories, and popularity. It concludes by recommending developers try different frameworks to determine which feels best for their needs.

Tecnologia

UI Frameworks
An overview of best Javascript frameworks for building
web application User Interfaces

Denis JakusDenis Jakus
Fullstack Developer
Project Manager @ Atos
Owner of a small digital studio
Blogger - www.denisjakus.com
Posvudusha @ various events
WHO AM I *linux command

WHY JAVASCRIPT AND WHY FRAMEWORK?
We can develop web apps without frameworks.
Standard for DOM manipulation (since 1994).

Would you buy a car or build your own (don't) ? * thumbs up Rimac Automobili

WHY USE FRAMEWORKS?
• Increase productivity
• Speed up development process
• Work smarter NOT harder
• Create less .... WELL....

LIBRARY VS FRAMEWORK VS COMPILER
• Library is a collection of reusable code to solve common problems.
It's subset of Framework.
• Framework is a set of libraries and provides structure for building applications.
• Compiler - compiles our code and produces production ready, optimized, code.

TYPES OF FRAMEWORK
1. Opinionated (i.e. HapiJS, Angular...)
They have:
2. Unopinionated (Express...)
They have none of the above

06/13/19 11
SWOT
AngularJS - 2010. VueJS - 2014 xyz Javascript framework – 2019
React - 2013 Angular - 2016
HISTORY

06/13/19 12
STRENGTH
Simplicity
Components (props)
Popularity
Vue Native
VUEJS
Google
Full framework
Typescript
Component based (inputs)
Ionic framework
ANGULAR
Facebook
Components (props)
React Native
REACT
SWOT

WHICH FRAMEWORK / LIBRARY TO LEARN IN 2019?
Try ALL! Take the one which FEELS best for YOU!!!

Mais conteúdo relacionado

Mais procurados

Past, present, and future of web assembly - Devfest Nantes 2017Alexandre Morgaut

Rongde Qiu-DDsmile-2015.1.25Rongde Qiu

ASP.NET MVC 4Danijel Malik

Web development - Developing Web as A TeamMuhammad Akbar Yasin

ExtJS: La piattaforma vincente (tools)Eugenio Minardi

Desktop Bridge with WPF - One way to build modern apps with WPFChristian Nagel

Learn VBScript – Part 1 of 4Srinimf-Slides

Blazor - The New Silverlight?Christian Nagel

ExtJS: La piattaforma vincenteEugenio Minardi

Prism library and MVVMJiri Danihelka

JAVA Training in NoidaBipul Roy

DotNetCampus - Analizzare le performance di un'applicazione asp.net con GlimpseEmanuele Bartolesi

Introduction of javaAbdullah Al Amin

OdessaJs 2020 - How to build your first micro frontend in a matter of minutesVlad Fedosov

JAVA Training in MumbaiBipul Roy

The RAW stackMaurice De Beijer [MVP]

Intro to react nativeAniket Srivastava

Analizzare le performance di un'applicazione ASP.NET con GlimpseEmanuele Bartolesi

Shift Remote: JS - Javascript Build Tools: Past & Beyond - Shedrack Akintayo Shift Conference

AngularJS UTOSCroboncode

Mais procurados (20)

Past, present, and future of web assembly - Devfest Nantes 2017

Rongde Qiu-DDsmile-2015.1.25

ASP.NET MVC 4

Web development - Developing Web as A Team

ExtJS: La piattaforma vincente (tools)

Desktop Bridge with WPF - One way to build modern apps with WPF

Learn VBScript – Part 1 of 4

Blazor - The New Silverlight?

ExtJS: La piattaforma vincente

Prism library and MVVM

JAVA Training in Noida

DotNetCampus - Analizzare le performance di un'applicazione asp.net con Glimpse

Introduction of java

OdessaJs 2020 - How to build your first micro frontend in a matter of minutes

JAVA Training in Mumbai

The RAW stack

Intro to react native

Analizzare le performance di un'applicazione ASP.NET con Glimpse

Shift Remote: JS - Javascript Build Tools: Past & Beyond - Shedrack Akintayo

AngularJS UTOSC

Semelhante a Best Javascript Frameworks for Building Web App UIs

Best software development tools in 2021Samaritan InfoTech

Domino X Pages 8.5John Head

Web summit.pptx171SagnikRoy

An introduction to Node.jsKasey McCurdy

Top 10 IDEs for React.js Developers in 2021WrapPixel

Front End Development | IntroductionJohnTaieb

Javascript librariesTatiana Carrillo

Meetup. Technologies Intro for Non-Tech PeopleIT Arena

Cloud development technology sharing (BlueMix premier)湯米吳 Tommy Wu

Demystifying Docker101Ajeet Singh Raina

Demystifying DockerCloud Native Bangalore

5 Powerful Backend Frameworks for Web App Development in 202275waytechnologies

Front-End Web DevelopmentYash Sati

A Shift from Monolith to Microservice using DockerAjeet Singh Raina

Asp.NETZERO - A Workshop Presentation by Citytech SoftwareRitwik Das

Stay productive while slicing up the monolithMarkus Eisele

What is Docker?Shubhrank Rastogi

Dreamweaweraditi sharma

Stay productive while slicing up the monolithMarkus Eisele

Js frameworksParagKhalas

Semelhante a Best Javascript Frameworks for Building Web App UIs (20)

Best software development tools in 2021

Domino X Pages 8.5

Web summit.pptx

An introduction to Node.js

Top 10 IDEs for React.js Developers in 2021

Front End Development | Introduction

Javascript libraries

Meetup. Technologies Intro for Non-Tech People

Cloud development technology sharing (BlueMix premier)

Demystifying Docker101

Demystifying Docker

5 Powerful Backend Frameworks for Web App Development in 2022

Front-End Web Development

A Shift from Monolith to Microservice using Docker

Asp.NETZERO - A Workshop Presentation by Citytech Software

Stay productive while slicing up the monolith

What is Docker?

Dreamweawer

Stay productive while slicing up the monolith

Js frameworks

Último

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

Scaling API-first – The story of a global engineering organizationRadu Cotescu

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad

SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren

Slack Application Development 101 Slidespraypatel2

A Call to Action for Generative AI in 2024Results

Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC

Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Understanding the Laravel MVC ArchitecturePixlogix Infotech

Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

Finology Group – Insurtech Innovation Award 2024The Digital Insurer

GenCyber Cyber Security Day PresentationMichael W. Hawkins

Salesforce Community Group Quito, Salesforce 101Paola De la Torre

Best Javascript Frameworks for Building Web App UIs

1. UI Frameworks An overview of best Javascript frameworks for building web application User Interfaces

2. Denis JakusDenis Jakus Fullstack Developer Project Manager @ Atos Owner of a small digital studio Blogger - www.denisjakus.com Posvudusha @ various events WHO AM I *linux command

3. WHY JAVASCRIPT AND WHY FRAMEWORK? We can develop web apps without frameworks. Standard for DOM manipulation (since 1994).

4. Would you buy a car or build your own (don't) ? * thumbs up Rimac Automobili

5. WHY USE FRAMEWORKS? • Increase productivity • Speed up development process • Work smarter NOT harder • Create less .... WELL....

6. CODE

7. ... AND

8. WHICH FRAMEWORK?

9. LIBRARY VS FRAMEWORK VS COMPILER • Library is a collection of reusable code to solve common problems. It's subset of Framework. • Framework is a set of libraries and provides structure for building applications. • Compiler - compiles our code and produces production ready, optimized, code.

10. TYPES OF FRAMEWORK 1. Opinionated (i.e. HapiJS, Angular...) They have: 2. Unopinionated (Express...) They have none of the above

11. 06/13/19 11 SWOT AngularJS - 2010. VueJS - 2014 xyz Javascript framework – 2019 React - 2013 Angular - 2016 HISTORY

12. 06/13/19 12 STRENGTH Simplicity Components (props) Popularity Vue Native VUEJS Google Full framework Typescript Component based (inputs) Ionic framework ANGULAR Facebook Components (props) React Native REACT SWOT

13. STATISTICS

14. MOST LOVED FRAMEWORK

15. JOBS SEARCH

16. WHICH FRAMEWORK / LIBRARY TO LEARN IN 2019? Try ALL! Take the one which FEELS best for YOU!!!

17. THANK YOU