Introduction to JS frameworks

•Download as PPTX, PDF•

5 likes•1,408 views

JavaScript was created in 1995 and standardized as ECMAScript to enable dynamic web pages. Ajax techniques using XMLHttpRequest were developed in 2005, allowing asynchronous JavaScript calls. This led to many JavaScript frameworks that handle cross-browser issues, speed up development, and are easy to use, though the large number of options causes confusion. Frameworks can be categorized as base libraries, widget libraries, full stack frameworks, module loaders, package managers, and build tools.

Technology

First Website-August,1991
Tim Berners Lee
European Organisation for Nuclear Research (CERN) in Geneva

XMLHttpRequest
Jesse James Garrett
Ajax: A New Approach to Web Applications
Feb 2005
Earlier usage :
Gmail (2004)
Kayak.com (2004)
Google Maps (2005)

Advantages of JS frameworks
➔ Seamlessly handled cross browser issues
➔ Helped to speed-up development
➔ Was easy to learn and use
➔ Served as base for development of further
Libraries and frameworks

Google je firma, která tvoří asi nejvíce webových aplikací a zaměstnává nejvíce webových vývojářů. Ti už mnoho let používají framework Google Closure. Este.js je framework nad Google Closure postavený, který už několik let používám k vývoji všech možných webových aplikací, ale také sada open source nástrojů, které se vám vyplatí znát a používat, i když vaše srdce tíhne k jQuery. Dozvíte se také, jak řídit závislosti a verze (package management), k čemu jsou dobré moduly, a jak mít maximálně automatizovaný a komfortní dev stack pro vývoj webových aplikací hodný roku 2013.

Vzpomínáte na doby, kdy na všechno stačilo jQuery? Slavme, jsme zpátky v budoucnosti. Svět JavaScriptových knihoven a nástrojů se usadil. Poznejte a naučte se technologie, které následujících minimálně pět let budou mainstreamem. Už není třeba experimentovat, dumat jestli Ember nebo Angular nebo Meteor, odpovědí je React a Flux. Zabaleno a připraveno k použití v produkci v úplně novém Este.js - zero bus factor edition.

Untangling spring week10

Derek Jacoby

CQ5 Development Setup, Maven Build and Deployment

klcodanr

Drupal Presentation for CapitalCamp 2011: Features Driven Development

Mediacurrent

When Will Drupal Die? (Keynote talk)

chrisshattuck

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

Shift Conference

Mern stack developement

kalyankumar836878

MERN is one of several MEAN stack (MongoDB Express Angular Node) variants in which the traditional Angular.js frontend framework is replaced with React.js. MEVN (MongoDB, Express, Vue, Node) is another variant, and really any frontend JavaScript framework can work.Node.js is a popular and powerful JavaScript server platform, and Express.js is a server-side web framework. Regardless of which variant you choose, ME(RVA)N is the best way to work with JavaScript and JSON from start to finish. DURATION:60 days

MJ Berends talk - Women & Non-Binary Focused Intro to AWS

AWS Chicago

WordPress as a Headless CMS - Bronson Quick

WordCamp Sydney

The WP REST API infrastructure was introduced in WordPress 4.4. The introduction of this infrastructure allows WordPress developers to now use WordPress as a headless CMS. A headless CMS has its frontend component (the head) stripped and removed from its backend, and what remains is a backend delivering content via an API. Some common use cases for headless CMS are as follows: Serving data to other web applications Mobile Apps Websites and web apps built with MVC-style JavaScript frameworks Developers can install the WP REST API plugin to expose endpoints for WordPress for posts, pages, media and users. Developers can also extend the WordPress core REST infrastructure to register their own endpoints for custom post types and WordPress options. The WP REST API plugin will expose database content via JSON. This data can be used by developers to create sites using JavaScript frameworks such as React and also use the JSON data in mobile apps. Bronson will explain and demonstrate how you can use WordPress and the WP REST API to create a website that uses React on the frontend and WordPress on the backend as a headless CMS.

Building a Modern JavaScript Framework by James Milner

dylanks

Untangling spring week11

Derek Jacoby

Isomorphic JavaScript with Node, WebPack, and React

Tyler Peterson

Put a little Backbone in your WordPress vs. 3

adamsilverstein

Future development stack ~ MeteorJS

Victor Stan

Анджей Гужовский "Riot.JS, или как приготовить современные Web Components"

Fwdays

Доклад посвящен замечательному JS-фреймворку — Riot.js (11k звезд на GitHub), который реализует идею Web Components в простом и компактном виде, пропагандируя принципы простоты и Native JavaScript. Riot.js позволяет по-новому взглянуть на JS-фреймворки, которые в наше время стали увесистыми титанами с собственной экосистемой, знание которых совсем не означает владение JavaScript. Мы поговорим об устройстве фреймворка, его отличиях, о библиотеках, разработанных сообществом, а также об архитектуре Riot.js приложений и лучших практиках. Надеюсь, для кого-то мой доклад станет глотком свежего воздуха и популяризирует Riot.js фреймворк в украинском JS-комьюнити.

Рендеринг может больше: vue.js vs React, Андрей Солодовников

DevDay

What's hot

[Blibli Brown Bag] Nodejs - The Other Side of Javascript

Irfan Maulana

Introduction to Vue.js DevStaff Meetup 13.02

Paul Bele

javerosmx-2015-marzo-groovy-java8-comparison

Domingo Suarez Torres

Cross platform dotnet development using dotnet core

Swaminathan Vetri

MEAN Stack - Google Developers Live 10/03/2013

Valeri Karpov

ES2015 / ES6: Basics of modern Javascript

Wojciech Dzikowski

Daniel Steigerwald - Este.js - konec velkého Schizma

Develcz

Untangling spring week10

Derek Jacoby

CQ5 Development Setup, Maven Build and Deployment

klcodanr

Drupal Presentation for CapitalCamp 2011: Features Driven Development

Mediacurrent

When Will Drupal Die? (Keynote talk)

chrisshattuck

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

Shift Conference

Mern stack developement

kalyankumar836878

MJ Berends talk - Women & Non-Binary Focused Intro to AWS

AWS Chicago

WordPress as a Headless CMS - Bronson Quick

WordCamp Sydney

Building a Modern JavaScript Framework by James Milner

dylanks

Untangling spring week11

Derek Jacoby

Isomorphic JavaScript with Node, WebPack, and React

Tyler Peterson

Put a little Backbone in your WordPress vs. 3

adamsilverstein

Future development stack ~ MeteorJS

Victor Stan

What's hot (20)

[Blibli Brown Bag] Nodejs - The Other Side of Javascript

Introduction to Vue.js DevStaff Meetup 13.02

javerosmx-2015-marzo-groovy-java8-comparison

Cross platform dotnet development using dotnet core

MEAN Stack - Google Developers Live 10/03/2013

ES2015 / ES6: Basics of modern Javascript

Daniel Steigerwald - Este.js - konec velkého Schizma

Untangling spring week10

CQ5 Development Setup, Maven Build and Deployment

Drupal Presentation for CapitalCamp 2011: Features Driven Development

When Will Drupal Die? (Keynote talk)

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

Mern stack developement

MJ Berends talk - Women & Non-Binary Focused Intro to AWS

WordPress as a Headless CMS - Bronson Quick

Building a Modern JavaScript Framework by James Milner

Untangling spring week11

Isomorphic JavaScript with Node, WebPack, and React

Put a little Backbone in your WordPress vs. 3

Future development stack ~ MeteorJS

Viewers also liked

Анджей Гужовский "Riot.JS, или как приготовить современные Web Components"

Fwdays

Рендеринг может больше: vue.js vs React, Андрей Солодовников

DevDay

#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...

JSib

Vue.js и его брат-близнец Vue-server.js / Андрей Солодовников (НГС)

Ontico

Современный Веб всё больше стремится к динамичным, похожим на приложения, сайтам. Оперативно строить быстрый и динамичный интерфейс на проекте N1.RU нам помогает Vue.js. Однако, как и многие современные библиотеки и фреймворки, Vue.js не умеет рендериться на сервере. При этом иметь такую возможность бывает полезно по нескольким причинам: начиная от вопросов SEO и заканчивая красотой загрузки страницы. Чтобы реализовать такую возможность для Vue.js мы создали его дополнение — Vue-server.js. Я расскажу о том, что умеет Vue.js, что у нашего дополнения "под капотом", почему мы выбрали такой путь и как, вообще, всё это работает. А ещё попробую дать критическую оценку проделанной работе.

Vue.js - реактивный фронтенд фреймворк для людей

Konstantin Komelin

Front-End Frameworks: a quick overview

Diacode

Top 5 Javascript Frameworks for Web and Mobile App Development

Ajeet Singh

Why Frontend JavaScript Frameworks? The process of web app development starts with the idea of how the app will look on screen. So far so good. Next, these images are HTMLised by a frontend designer which is then converted by the developer into a fully working webs development page. But hey! Here is the catch. Hence came the need to standardize the web app designing so that the backend workflow injection part can be easily coded. And going by the example of HTML and CSS frameworks such as Bootstrap and Foundation, coders created JavaScript frontend frameworks to formulate web apps. Complete JS Frameworks There are many so called JavaScript frameworks in the market, but in reality not all are complete frameworks. That means that not every framework out there can be used to create every aspect of an app. Most of them can be categorized as a set of tools that can make your coding easier but you may have to rely on other tools as well to get the job done. AngularJS This is the framework that works on the concept of two-way data binding, and this was the framework that revolutionized the concept of model view controller architecture in web apps. Also, this is a comprehensive framework and reduces the need to introduce other JS libraries into the development process. EmberJS EmberJS is the framework for those who focus on conventions rather than configurations. EmberJS has a very robust routing framework and thus is a good candidate to go with when you have complex nested routes and templates within a page. CanJS CanJS is a relatively new framework so it lacks in terms of popularity. But we were greatly impressed by its ease-of-use and flexibility in our projects so I thought its prudent to include it in the list. CanJS also ranks higher than the other three in terms of performance, especially when you have to render lots of view binding. JavaScript toolkits that can work as frameworks KnockoutJS KnockoutJS is a very popular toolkit among JS web app designers. It’s very lightweight, has every basic view rendering feature an app would need and it’s a perfect tool for those app projects for which you may have to develop your own framework. BackBoneJS BackboneJS is awesome if you want to define your templating or use jQuery-like event binding. However the framework Tool-kit is only for advanced developers and it has a steep learning curve. BackBoneJS is good at handling requests, module loading and request routing. Conclusion AngularJS is only stand alone framework that does not need help of any other library to work, and it is also the largest frontend JS framework out there. Ember and CanJS need support from additional libraries but are great in their own ways. BackboneJS and KnockoutJS are awesome for small app development projects or for those large app development projects in which you may have to build your own framework.

Web Application Frameworks - Web Technologies (1019888BNR)

Beat Signer

Vue Infinity in RealTimeStudioAlexander Lavrov

Mobile-First SEO - The Marketers Edition #3XEDigital

Aleyda Solís

Viewers also liked (10)

Анджей Гужовский "Riot.JS, или как приготовить современные Web Components"

Рендеринг может больше: vue.js vs React, Андрей Солодовников

#3 "Webpack и Vue.JS: Создание больших приложений и их расширение" Кирилл Кай...

Vue.js и его брат-близнец Vue-server.js / Андрей Солодовников (НГС)

Vue.js - реактивный фронтенд фреймворк для людей

Front-End Frameworks: a quick overview

Top 5 Javascript Frameworks for Web and Mobile App Development

Web Application Frameworks - Web Technologies (1019888BNR)

Vue Infinity in RealTimeStudio

Mobile-First SEO - The Marketers Edition #3XEDigital

Similar to Introduction to JS frameworks

The Nuxeo Way: leveraging open source to build a world-class ECM platform

Nuxeo

Introduction To J Boss Seam

ashishkulkarni

NetBeans Support for EcmaScript 6

Kostas Saidis

From Java to Ruby...and Back

Anil Hemrajani

Introduction to C#

SharePointKE

Ruby on Rails

arunv

ECMAScript - From an idea to a major standard

Juho Vepsäläinen

Net framework

Mahfuz1061

20190613 - IBM Cloud Côte d'Azur meetup - "Cloud & Containers"

IBM France Lab

Net frameworksumit1503

Trending Popular JavaScript Frameworks.pptx

Sophia Adams

JavaScript frameworks have revolutionized web development, providing developers with powerful tools to build dynamic and interactive web applications. Let's explore three of the most popular frameworks: Angular, React, and Vue.js. These frameworks have played a pivotal role in shaping modern web development, catering to different needs and preferences. Whether it's the comprehensive approach of Angular, the flexibility of React, or the simplicity of Vue.js, developers can choose based on project requirements and team expertise. Understanding the strengths and characteristics of these frameworks empowers developers to create scalable, efficient, and feature-rich web applications.

Web Development Environments: Choose the best or go with the restgeorge.james

Introduction to Visual Studio.NETDutch Dasanaike {LION}

Asp.Net 3 5 Part 1

asim78

Next-generation JavaScript - OpenSlava 2014

Oscar Renalias

Java Script recruiting

Ihor Odynets

Web Standards

ChrisF1502010

Ruby On Rails - Rochester K Linux User Group

Jose de Leon