Best Javascript Frameworks for Building Web App UIs

•Download as PPT, PDF•

0 likes•198 views

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.

Technology

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!!!

What's hot

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

What's hot (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

Similar to 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

Similar to 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

Recently uploaded

Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity

Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation

Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada

Take control of your SAP testing with UiPath Test SuiteDianaGray10

DMCC Future of Trade Web3 - Special EditionDubai Multi Commodity Centre

SIP trunking in Janus @ Kamailio World 2024Lorenzo Miniero

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3

The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech

Story boards and shot lists for my a level piececharlottematthew16

Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University

DevEX - reference for building teams, processes, and platformsSergiu Bodiu

Advanced Computer Architecture – An IntroductionDilum Bandara

Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro

"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays

DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell

Commit 2024 - Secret Management made easyAlfredo García Lavilla

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays

TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey

How to write a Business Continuity PlanDatabarracks

Recently uploaded (20)

Dev Dives: Streamline document processing with UiPath Studio Web

Connect Wave/ connectwave Pitch Deck Presentation

Ensuring Technical Readiness For Copilot in Microsoft 365

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

Take control of your SAP testing with UiPath Test Suite

DMCC Future of Trade Web3 - Special Edition

SIP trunking in Janus @ Kamailio World 2024

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx

The Ultimate Guide to Choosing WordPress Pros and Cons

Story boards and shot lists for my a level piece

Nell’iperspazio con Rocket: il Framework Web di Rust!

DevEX - reference for building teams, processes, and platforms

Advanced Computer Architecture – An Introduction

Unraveling Multimodality with Large Language Models.pdf

"Debugging python applications inside k8s environment", Andrii Soldatenko

DSPy a system for AI to Write Prompts and Do Fine Tuning

Commit 2024 - Secret Management made easy

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...

TeamStation AI System Report LATAM IT Salaries 2024

How to write a Business Continuity Plan

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