How to create high scalable JavaScript apps for Java Portals

•

3 likes•1,111 views

The document discusses how to create high scalable JavaScript applications. It presents two main options - writing everything from scratch or using existing open source solutions. It then outlines several existing JavaScript libraries and frameworks that provide tools for DOM manipulation, events, animations, AJAX requests, templates, module loading, and testing. The document also discusses how these tools can be used to create an easy-to-maintain UI architecture for Java portals, highlighting the AlloyUI library and examples of its use.

Technology Education

how to create
high scalable
javascript
apps for
java portals
Mainz, 2013.

today we’re
going to
talk about
javascript...

let’s create
a high scalable
javascript
application

option #2
use existing
open source
solutions

Events,
Selection,
DOM Manipulation,
Animation,
Ajax requests
jquery.com

UI components
twitter.github.io/bootstrap

our solution
has more than
4,000,000
downloads

so how can
we create an
easy-to-maintain
UI architeture?

and we
created our
own superset
of components

AlloyUI =
calendar
tabs
buttons
carousel
...
audio

everything
you need
+ single api
+ good
performance

When you are about to make the step from developing web apps to making mobile apps, you should consider using a hybrid technology approach. The use of web technologies to build "native" mobile apps is a journey with a lot of choices to make and questions to answer. This presentation tells you, how we made our decisions and what options we had been looking at. It also introduces the Lungo-Angular-Bridge we use to bring together the best of Lungo and Angular to make mobile apps that rock.

Introduction to JavaScript

Anass90

Anton Sakharov: The risks you take when develop cross-platform apps using HT...

Mobile Trends

WillsResumeWill Tirado

Build and Deploy a Python Web App to Amazon in 30 Mins

Jeff Hull

Alexander Shitikov: Cross Platform Mobile Development. Business Logic for mob...

Mobile Trends

JDay Sevilla 2015 - Mobile app development for Joomla

Extly Extensions - JoomGap

Mobile Apps are the novelty of the moment, in a business that is booming. We are already beyond the initial wave of mobile apps, where developing a native app was an occult science. At this time, all websites may have an App and Internet experience will never be the same. In particular, the topic of my talk was focused on WebApps that can be developed for Android and iOS based on HTML, CSS and Javascript, integrated with Joomla! CMS.

เรียนรู้และทำความเข้าใจเทคโนโลยี React Native ในการสร้างแอพพลิเคชั่นแบบ Native บน iOS และ Android Understand React Native in Native Application Development for iOS and Android platform. Speaker: ธีรเศรษฐ์ จิรภัทร์ชาญเดช Group: iOS Developer Thailand Meetup #4

Ms TechDay - Blend: Apps além do Código

Aline Firmino Brito

Practical guide for front-end development for django devs

Davidson Fellipe

Morden F2E Education - Think of Progressive Web Apps

Caesar Chi

Introduce Angular2 & render & firebase flow

Caesar Chi

Rajeev-Rawat-ResumeRajeev Rawat

Angularjs cascade

hannonhill

WTF Javascript - FrontInRio 2011

Leonardo Balter

Como Perder Peso (no browser)

Zeno Rocha

HTML 5

Zeno Rocha

Desbravando o HTML5 Boilerplate

Zeno Rocha

Super Trunfo - Case de Dados Abertos

Zeno Rocha

Wordpress

Zeno Rocha

Javascript Orientado a Objetos - Fisl12

Emerson Macedo

Construindo Projetos Robustos em HTML5

Zeno Rocha

Augmented Reality in JavaScript

Zeno Rocha

What's hot

Prototyping app using JS and HTML5 (Ciklum Kharkiv)Yuriy Silvestrov

NodeConfLondon - Making ES6 happen with ChakraCore and Node

Christian Heilmann

Javascriptpowerpoint

SaneMaly

Resumeskthewebmaster

Ruby and Rails Basics

ArrrrCamp

Startup and Rapid web development

Lalit Shandilya

React native - What, Why, How?

Teerasej Jiraphatchandej

Ms TechDay - Blend: Apps além do Código

Aline Firmino Brito

Practical guide for front-end development for django devs

Davidson Fellipe

Morden F2E Education - Think of Progressive Web Apps

Caesar Chi

Introduce Angular2 & render & firebase flow

Caesar Chi

Rajeev-Rawat-ResumeRajeev Rawat

Angularjs cascade

hannonhill

What's hot (13)

Prototyping app using JS and HTML5 (Ciklum Kharkiv)

NodeConfLondon - Making ES6 happen with ChakraCore and Node

Javascriptpowerpoint

Resume

Ruby and Rails Basics

Startup and Rapid web development

React native - What, Why, How?

Ms TechDay - Blend: Apps além do Código

Practical guide for front-end development for django devs

Morden F2E Education - Think of Progressive Web Apps

Introduce Angular2 & render & firebase flow

Rajeev-Rawat-Resume

Angularjs cascade

Viewers also liked

WTF Javascript - FrontInRio 2011

Leonardo Balter

Como Perder Peso (no browser)

Zeno Rocha

HTML 5

Zeno Rocha

Desbravando o HTML5 Boilerplate

Zeno Rocha

Super Trunfo - Case de Dados Abertos

Zeno Rocha

Wordpress

Zeno Rocha

Javascript Orientado a Objetos - Fisl12

Emerson Macedo

Construindo Projetos Robustos em HTML5

Zeno Rocha

Augmented Reality in JavaScript

Zeno Rocha

It's Javascript TimeDavidson Fellipe

Aula javascript

Gabriel Moura

Javascript para adultos

Guilherme Blanco

Os mitos do desenvolvimento front-end

Zeno Rocha

Personal Kanban

André Faria Gomes

JavaScript for Beginners

SAPO Sessions

Introdução básica ao JavaScript

Carlos Eduardo Kadu

Introdução ao JavaScript

Carlos Roberto Gomes Junior

DOMinando JavaScript

Thiago Poiani

Apresentação realizada durante a Semana Nacional de Ciência e Tecnologia de 2014, no Instituto Federal de Educação, Ciência e Tecnologia, em São Carlos. O minicurso "DOMinando Javascript" pretende mostrar os primeiros passos em Javascript, a linguagem mais utilizada no GitHub, passando do primeiro "Hello World" em um escopo global no navegador, até a manipulação de DOM (Document Object Model).

Web APIs you (probably) didn't know existed

Zeno Rocha

Video: https://www.youtube.com/watch?v=NCGLPp778JY You’ve probably heard about the amazing things that HTML5 can do. Maybe you already saved some data using Local Storage, fetched user coordinates using Geolocation, or even drew graphs and other objects using Canvas. But did you know there are many more new JavaScript APIs in the Web Platform? In this talk, we’ll see how to leverage the power of those APIs in order to create better experiences for your users.

Gamification: Future or Fail?

Socialphysicist

This deck is based on a paper we wrote for the SAMRA 2011 conference. It's a short introduction to some of the ideas underlying the concept of "gamification". It also details the results from a simple experiment we conducted to measure the effectiveness of gamifying an online community. We were restricted by a tight deadline and the existing capabilities of the online platform we partnered with, but the results are still pretty clear (although small base sizes makes it difficult to draw solid conclusions). To follow up these tantalising results, we are writing another paper for ESOMAR Congress that collects more numbers describing the effectivness of gamification. I had a lot of fun illustrating the deck. Hope you enjoy reading it.

Viewers also liked (20)

WTF Javascript - FrontInRio 2011

Como Perder Peso (no browser)

HTML 5

Desbravando o HTML5 Boilerplate

Super Trunfo - Case de Dados Abertos

Wordpress

Javascript Orientado a Objetos - Fisl12

Construindo Projetos Robustos em HTML5

Augmented Reality in JavaScript

It's Javascript Time

Aula javascript

Javascript para adultos

Os mitos do desenvolvimento front-end

Personal Kanban

JavaScript for Beginners

Introdução básica ao JavaScript

Introdução ao JavaScript

DOMinando JavaScript

Web APIs you (probably) didn't know existed

Gamification: Future or Fail?

Similar to How to create high scalable JavaScript apps for Java Portals

Liferay DevCon 2014: Lliferay Platform - A new and exciting vision

Jorge Ferrer

Liferay is very well known as a good platform for building portals. It provides a nice combination of out of the box features, extensibility and application development options to build almost any website, portal or complex application without starting from scratch every time. But is that all it can do? For a few years the development world has been focusing more and more on developing for mobile and tablets, glasses and TVs or even provide public web APIs for any developers to build on top of a company’s services and content. And we have noticed “There isn’t a Liferay for those developers!”, most of that type development is started from scratch, “What if Liferay filled that gap?” During this talk we will show how the most recent developments of the Liferay team are building a more versatile and modular platform than ever, an environment to leverage the most modern frontend development tools for enterprise needs, a set of tools to build mobile apps (for any device) with a powerful backend in a tenth of the time it typically takes. And all of it Open Source and fully standards based.

Android crash course_20180812

Haim Michael

jQueryMobile Jump Start

Haim Michael

Practical jump start for learning how to use the jQueryMobile library. More information about the Java course I deliver can be found at java.course.lifemichael.com More information about the PHP course I deliver can be found at php.course.lifemichael.com More information about the FED course I deliver can be found at fed.course.lifemichael.com More information about the Scala course I deliver can be found at scala.course.lifemichael.com More information about the Android course I deliver can be found at android.course.lifemichael.com More information about the Kotlin course I deliver can be found at kotlin.course.lifemichael.com More information about the Swift course I deliver can be found at swift.course.lifemichael.com More information about the C++ course I deliver can be found at cpp.course.lifemichael.com More information about the Go course I deliver can be found at go.course.lifemichael.com More information about the CSS course I deliver can be found at css.course.lifemichael.com More information about the C# course I deliver can be found at csharp.course.lifemichael.com More information about the Python course I deliver can be found at python.course.lifemichael.com More information about the Angular course I deliver can be found at angular.course.lifemichael.com More information about the Node.js course I deliver can be found at nodejs.course.lifemichael.com More information about the Fullstack Development course I deliver can be found at fullstack.course.lifemichael.com

Fuel for a great web experience.elliando dias

TPR4tutorialsruby

JavaScript - The Universal Platform?

Jonas Bandi

Java2day 2013 : Modern workflows for javascript integrationMite Mitreski

Fuel for a great web experience

Christian Heilmann

Mobile html5 v2HunterLoftis

Web Application Development

Sanjay Kumar

JavaScript Training Day 01 Iqra Technology.pptx

MohammadShoaib60236

jQuery Comes to XPages

Teamstudio

Whether you want to add some serious eye candy to your XPages Applications or just want to do more with less code, jQuery, the world’s most popular JavaScript framework can help you. Come to this webinar and find out how you can use some of the thousands of jQuery plugins, in harmony with Dojo, within your XPages applications to create a better experience not only for your users, but for you as a developer. In this webinar, we'll look at how jQuery works, how to add it to your XPages, and how a complete JavaScript beginner can take advantage of its power. We'll demonstrate many working examples -- and a sample database will be provided.

Stapling and patching the web of now - ForwardJS3, San Francisco

Christian Heilmann

How to bake an app in Dart and Polymer

Jana Moudrá

So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...

Yottaa

Building a mobile app - depending upon who you speak with it's a quick way to make a ton of cash (SnapChat), a sign of maturity for a SaaS startup that offers advantages over a desktop solution (ifttt), or the only way your company chooses to do business (WhatsApp). If you get it right... Today's mobile app developers have to make some difficult choices in their implementations, and a lack of history to provide clear direction doesn't help. In this meetup we'll look at Responsive, Adaptive and Native app development alternatives and how your choice can impact day-to-day necessities like testing and troubleshooting. This will be slightly more technical than our last meetup as we will examine implementations and optimization techniques using mobile applications in the wild.

Quo vadis, JavaScript? Devday.pl keynote

Christian Heilmann

Apache Flex and the imperfect Web

masuland

Ahmed Mohamed Awad Senior Web DeveloperAhmed Awad

Plattformübergreifende App-Entwicklung (ein Vergleich) - MobileTechCon 2010

Heiko Behrens

Similar to How to create high scalable JavaScript apps for Java Portals (20)

Liferay DevCon 2014: Lliferay Platform - A new and exciting vision

Android crash course_20180812

jQueryMobile Jump Start

Fuel for a great web experience.

TPR4

JavaScript - The Universal Platform?

Java2day 2013 : Modern workflows for javascript integration

Fuel for a great web experience

Mobile html5 v2

Web Application Development

JavaScript Training Day 01 Iqra Technology.pptx

jQuery Comes to XPages

Stapling and patching the web of now - ForwardJS3, San Francisco

How to bake an app in Dart and Polymer

So you want to build a mobile app - HTML5 vs. Native @ the Boston Mobile Expe...

Quo vadis, JavaScript? Devday.pl keynote

Apache Flex and the imperfect Web

Ahmed Mohamed Awad Senior Web Developer

Plattformübergreifende App-Entwicklung (ein Vergleich) - MobileTechCon 2010

More from Zeno Rocha

Future of Web Development

Zeno Rocha

Tracking.js

Zeno Rocha

Liferay + Wearables

Zeno Rocha

People are reaching for their phones in everyday situations, so creating apps that meet their immediate and long term needs is the key to engage them. Wearable technologies are getting stronger every day and are beginning to act as more an extension of the user than the phone in their pocket. In this talk, we'll explore ways in which these new wearable solutions could interact with Liferay Portals.

Como empreender em... você!Zeno Rocha

Liferay UI (R)evolutionZeno Rocha

Um futuro chamado Web Components

Zeno Rocha

Getting started with YUI3 and AlloyUI

Zeno Rocha

More from Zeno Rocha (7)

Future of Web Development

Tracking.js

Liferay + Wearables

Como empreender em... você!

Liferay UI (R)evolution

Um futuro chamado Web Components

Getting started with YUI3 and AlloyUI

Recently uploaded

Search and Society: Reimagining Information Access for Radical Futures

Bhaskar Mitra

The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.

UiPath Test Automation using UiPath Test Suite series, part 3

DianaGray10

Designing Great Products: The Power of Design and Leadership by Chief Designe...

Product School

"Impact of front-end architecture on development cost", Viktor Turskyi

Fwdays

I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.

Bits & Pixels using AI for Good.........

Alison B. Lowndes

UiPath Test Automation using UiPath Test Suite series, part 4

DianaGray10

Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap. The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies. Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques What will you get from this session? 1. Insights into SAP testing best practices 2. Heatmap utilization for testing 3. Optimization of testing processes 4. Demo Topics covered: Execution from the test manager Orchestrator execution result Defect reporting SAP heatmap example with demo Speaker: Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP

De-mystifying Zero to One: Design Informed Techniques for Greenfield Innovati...

Product School

FIDO Alliance Osaka Seminar: Overview.pdf

FIDO Alliance

Epistemic Interaction - tuning interfaces to provide information for AI support

Alan Dix

Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024 https://alandix.com/academic/papers/synergy2024-epistemic/ As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.

Neuro-symbolic is not enough, we need neuro-*semantic*

Frank van Harmelen

Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”. All of this illustrated with link prediction over knowledge graphs, but the argument is general.

From Daily Decisions to Bottom Line: Connecting Product Work to Revenue by VP...

Product School

FIDO Alliance Osaka Seminar: The WebAuthn API and Discoverable Credentials.pdf

FIDO Alliance

The Art of the Pitch: WordPress Relationships and Sales

Laura Byrne

Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes? All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.

Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality

Inflectra

In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring. Learn about: • The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks. • Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective. • Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification. • Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process. Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.

Mission to Decommission: Importance of Decommissioning Products to Increase E...

Product School

IOS-PENTESTING-BEGINNERS-PRACTICAL-GUIDE-.pptx

Abida Shariff

JMeter webinar - integration with InfluxDB and Grafana

RTTS

Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application. In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics. Length: 30 minutes Session Overview ------------------------------------------- During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana: - What out-of-the-box solutions are available for real-time monitoring JMeter tests? - What are the benefits of integrating InfluxDB and Grafana into the load testing stack? - Which features are provided by Grafana? - Demonstration of InfluxDB and Grafana using a practice web application To view the webinar recording, go to: https://www.rttsweb.com/jmeter-integration-webinar

PHP Frameworks: I want to break free (IPC Berlin 2024)

Ralf Eggert

In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development. This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.

AI for Every Business: Unlocking Your Product's Universal Potential by VP of ...

Product School

How world-class product teams are winning in the AI era by CEO and Founder, P...

Product School