BP101: A Modernized Workflow w/ Domino/XPagesedm00se
Extending on some of the themes of front-end heavy application development, this session covered the higher order themes of development workflow automation, revolving around the concepts of modern web app development from a full stack perspective.
OSGi and Spring Data for simple (Web) Application DevelopmentChristian Baranowski
This document discusses using OSGi and Spring Data to develop simple web applications. It describes using Bndtools for OSGi application development and the enRoute project for getting started with OSGi. It provides an overview of using JPA and Spring Data with OSGi for the persistence layer. It also covers integrating Handlebars templates, Jersey MVC, and helpers for the web layer. Testing strategies using Spock are also summarized. Key technologies discussed include AngularJS, Jetty, OSGi, Spring Data JPA, and Spock.
Slides from Node.js and Twitter Bootstrap crash course given to Penn Graduate Computing Club. Covers creating basic node app, using the bootstrap grid, and deploying to an EC2 machine.
This is the presentation I was using when delivering the JavaScript Jump Start meetup on February 14th, 2022. More information about that meetup can be found at https://www.meetup.com/lifemichael/events/278743661/ You can find the video at https://youtu.be/F1e-KHTEKzo
CQ5 and Sling provide an overview of content management systems and frameworks. CQ5 is a content management system built on Apache Sling, which is an applications framework for JCR content repositories based on OSGi. Sling allows for dynamic modules and services and fosters modular code. Together, CQ5 and Sling provide a flexible and powerful way to manage content on a website through a content-centric approach where everything is treated as content.
This document provides an overview and comparison of Angular and React frameworks from the perspective of an experienced AngularJS and React developer. Key points of comparison addressed include React being more lightweight and modular while Angular provides more out-of-the-box functionality. Performance benchmarks generally show React as faster while Angular's testing and routing capabilities are more robust. The document avoids making definitive conclusions and emphasizes choosing based on individual needs and preferences.
This document provides an introduction to JavaScript by explaining what it is, how it differs from Java, how it works within web browsers to make pages interactive, and some common uses of JavaScript including form validation and manipulating HTML elements. It discusses how JavaScript code is embedded in HTML pages and executed on the client-side, and provides some simple examples of JavaScript statements and using JavaScript with HTML forms.
Web Components are like Lego bricks. Easy to assemble and every piece simply fits together. But there is even more to it. Being able to create your own HTML-Tags with encapsulated style & logic changes the way you think about structuring your web applications. Get a sneak peek on how to develop scalable & maintainable applications in the future.
Introduction to Javascript programmingFulvio Corno
The document provides an introduction to client-side programming using JavaScript. It discusses how JavaScript can be used to add interactivity to web pages by manipulating the HTML document object model directly in the browser. It covers the basics of the JavaScript language including variables, data types, operators, and control structures. It also introduces common JavaScript objects like Date, String, Array, and Math that are used to work with dates, strings, arrays of values and mathematical functions respectively. The document provides examples of how to define and call functions in JavaScript.
The document introduces JavaScript programming and provides guidelines for adding JavaScript to web pages. It discusses using <script> tags to add internal or external JavaScript, and how to access the JavaScript console in browsers to debug errors. The chapter concludes with an assignment to add an alert box to a sample HTML file to write the first JavaScript program.
RESTful OSGi Web Applications Tutorial - Khawaja S Shams & Jeff Norrismfrancis
OSGi DevCon 2008
NASA has been using the Eclipse Rich Client Platform (RCP) as the foundation for many of its rover operations tools for several years. Recently, we started using the Equinox project to extend our applications to the server as well. Along the way, we discovered REST, an intuitive, lightweight methodology for building web applications. In this tutorial, we will share the techniques that we have learned to combine these technologies into web services that are easy to develop, deploy, and use.
This tutorial will be focused on an entertaining set of space-related hands-on exercises that will teach participants to develop, integrate and deploy RESTful web applications on top of OSGI. Participants will walk away with an example RCP application and its Equinox server side support, along with an understanding of how each component functions. The presentation will also discuss issues associated with maintaining the server side code, securing the web applications, and performance. We will be deploying web based services through extension points, so the users will also be able to extend the example project to integrate additional web-services or use the skeleton for their own server side application. We will finally deploy the application to a tomcat server for production usage.
This tutorial will provide a hands-on demonstration of how Equinox and the Restlet framework make a unique combination that takes advantage of the powerful features offered by OSGI and the simplicity offered by REST. Web based services can offer a new whole new set of features to complement an RCP application, and we will demonstrate how simple this can be with a solid and battle tested framework behind the web applications.
Audience
We recommend that audience members have basic familiarity with plugin development and come prepared to code. Audience members without development experience will gain background information on evaluating Equinox for the architecture of their web based applications.
Leaving jsps in the dust discusses moving a front-end infrastructure from server-side Java technologies like Grails and JRuby to a client-side JavaScript approach using Node.js. This improves developer velocity and site speed by generating static pages and caching assets. Dust.js is used for simple JavaScript templates that are precompiled and optimized for client-side rendering. Server-side preprocessing of Dust templates allows for localization, formatting and A/B testing logic to be handled on the server.
This document provides an overview of JavaScript, including that it is not the same as Java, how it can be included in HTML, its basic syntax like comments and data types, core objects and methods, functions, events, and manipulating the DOM. It describes where JavaScript code can be placed, basic programming constructs like loops and conditionals, and built-in objects like Math, Strings, Dates, and the Window.
The document discusses isomorphic web applications, which allow running JavaScript code on both the server and client for improved performance, SEO, and user experience. It provides an overview of traditional multi-page and single-page applications, then introduces isomorphic applications as a hybrid approach. Popular companies using isomorphic applications are listed. The document demonstrates how to build an isomorphic app using React for rendering and Browserify for bundling modules to run on both server and client.
JavaScript front end performance optimizationsChris Love
No one wants a slow loading, slow reacting application. As page weight has increased so has the dependency on JavaScript to drive rich user experiences. Today many pages load over 2MBs of JavaScript, but is this healthy? Do your scripts and dependencies perform well? In this session we will review common JavaScript performance bottlenecks, how to detect them and how to eliminate them.
This session will review common bad coding syntax, architecture and how to replace them with better alternatives. You will also be exposed to caching, code organization, build and deployment best practices that produce the best user experiences. Finally, you will see how to use the navigation timing and performance timing APIs to fine tune your applications to produce a fast, lean application your customers will love.
In this presentation I'll share the basics of Polymer and Web Components. The presentation is divided in three sections; Development, Design and Deploy your Polymer project.
The presentation was held 2016-02-24 in Turku <3 Frontend meetup.
TDC2017 | Florianopolis - Trilha DevOps How we figured out we had a SRE team ...tdc-globalcode
The document discusses the history and evolution of JavaScript packaging and module bundling from 2000 to the present. It covers early approaches using individual script tags to load JS files, the introduction of minification tools like JSMin in 2003, concatenating files together in the late 2000s, module loaders like RequireJS in 2009, the rise of Node.js and package managers in 2010, and the modern dominance of bundlers like Webpack since 2014 which use loaders to bundle dependencies and assets into single files or chunks.
The document discusses LinkedIn's adoption of the Dust templating language in 2011. Some key points:
- LinkedIn needed a unified view layer as different teams were using different templating technologies like JSP, GSP, ERB.
- They evaluated 26 templating options and selected Dust as it best met their criteria like performance, i18n support, and being logic-less.
- Dust templates are compiled to JavaScript for client-side rendering and to Java for server-side rendering (SSR) through Google's V8 engine, allowing templates to work on both client and server.
- SSR addresses challenges like SEO, supporting clients without JavaScript, and i18n by rendering
Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
Developing high performance and responsive web apps using web workerSuresh Patidar
A brief talk on web application performance and responsiveness. Why it is important and how web worker can help achieve it. It also covers a simple example implementing web workers.
The document provides an overview of best practices for web development, including developing iteratively, using AJAX to improve performance and usability, and optimizing for speed and user experience. It recommends developing and deploying early to get quick feedback, using AJAX and JSON to asynchronously update parts of the interface without reloading, and prioritizing usability, readability, and simplicity over technical features.
This document discusses how to avoid getting lost in the current JavaScript landscape. It begins by looking at modern web development trends like HTML5, CSS3, ES6, and expectations of fast page loads. It then examines traditional page lifecycles versus single page applications and various JavaScript frameworks. The document advocates for progressive enhancement and outlines strategies like "Hijax" and using the HTML5 History API to improve traditional approaches. It also discusses issues like code duplication, the benefits of isomorphic JavaScript, and tools for frontend development including Grunt, Gulp, asset bundlers, and test runners. It concludes by providing recommendations on technologies to adopt, consider, or stop using to develop with a progressive enhancement approach.
Node JS Express: Steps to Create Restful Web AppEdureka!
Node.js uses JavaScript - a language known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Using Node.js you can build simple Command Line programs or complex enterprise level web applications with equal ease. Node.js is an event-driven, server-side, asynchronous development platform with lightning speed execution. It is open source and cross-platform, running on OS X, Linux and Windows. It also has an open source community that produces amazing modules available for use in your project for additional functionalities. Node.js helps you to code the most complex functionalities in just a few lines of code.
Node JS Express : Steps to Create Restful Web AppEdureka!
Node.js uses JavaScript - a language known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Using Node.js you can build simple Command Line programs or complex enterprise level web applications with equal ease. Node.js is an event-driven, server-side, asynchronous development platform with lightning speed execution. It is open source and cross-platform, running on OS X, Linux and Windows. It also has an open source community that produces amazing modules available for use in your project for additional functionalities. Node.js helps you to code the most complex functionalities in just a few lines of code. The topics covered in the presentation are :
1. Understanding NodeJS Express
2. Creating Restful Web App
3. What is NPM
4.Templates in Express
Intro to mobile web application developmentzonathen
Learn all the basics of web app development including bootstrap, handlebars templates, jquery and angularjs, as well as using hybrid app deployment on a phone.
The future of web development write once, run everywhere with angular.js and ...Mark Roden
This slide deck was used in support of BTE 102 - The future of web development write once, run everywhere with angular.js and domino at IBMConnectED 2015
Presentation was given with Mark Leusink
The future of web development write once, run everywhere with angular js an...Mark Leusink
This document provides a summary of a presentation on using AngularJS and IBM Domino to build modern web applications.
The presentation introduces AngularJS, an open-source JavaScript framework, and how it uses a model-view-controller architecture. It also discusses using IBM Domino as a RESTful backend service via Domino Access Services or a custom REST API.
The presentation demonstrates a sample conference scheduling app built with AngularJS, Bootstrap, and data from an IBM Domino database. The app runs entirely on the client-side and shows how AngularJS allows building portable web apps that can run on any device or platform.
This document compares several JavaScript presentation frameworks: Reveal.js, Impress.js, Google Slides Template (GST), Deck.js, and Shower. It provides information on their features such as support for CSS transitions, browser support, extensions, and PDF export capabilities. Reveal.js and Deck.js support the most features, including CSS transitions, extensions, and PDF export, while Impress.js focuses on CSS transitions and browser support.
We'll go through the possible ways to bring technology agnostic microservice architecture to the frontend, review pros/cons of each of them. We also will check the "ultimate solution" that handles microservices with SSR in SPA manner.
This talk will be interesting for ones who have multiple teams working on the same frontend application.
The document provides an overview of the Mastering Node.js course from Edureka. The course objectives include understanding Node.js development basics, using Node's package manager npm, developing server-side applications, creating RESTful APIs, and testing and debugging code. The document also discusses uses cases of Node.js in areas like server-side web applications, high scalability, and low memory consumption. It covers basics of Node.js like building a simple web server and using Socket.io for real-time communication. Node.js developers can create RESTful APIs, and must learn to debug and test their code.
Node.js uses JavaScript - a language known to millions of developers worldwide - thus giving it a much lower learning curve even for complete beginners. Using Node.js you can build simple Command Line programs or complex enterprise level web applications with equal ease. Node.js is an event-driven, server-side, asynchronous development platform with lightning speed execution. Node.js helps you to code the most complex functionalities in just a few lines of code.
JSFest 2019: Technology agnostic microservices at SPA frontendVlad Fedosov
We'll go through the possible ways to bring technology agnostic microservice architecture to the frontend, review pros/cons of each of them. We also will check the "ultimate solution" that handles microservices with SSR in SPA manner.
This talk will be interesting for ones who have multiple teams working on the same frontend application.
The document provides an overview and introduction to WebMatrix, a lightweight tool for developing web applications with ASP.NET. It discusses who WebMatrix is intended for, including hobbyist and student developers. Typical usage scenarios are building simple personal or community websites. The document outlines key features of WebMatrix, such as its integrated development environment, support for Razor syntax, and use of SQL Server Compact for database access. WebMatrix is positioned as complementary to Visual Studio .NET, targeting individual developers rather than professional teams.
Similar to Data presentation with dust js technologies backing linkedin (20)
Tarun Gaur On Data Breaches and Privacy FearsTarun Gaur
Tarun Gaur On Data Breaches and Privacy Fears https://www.cbs19news.com/story/50764645/tarun-gaur-on-data-breaches-and-privacy-fears-navigating-the-minefield-of-modern-internet-safety
Book dating , international dating phgrathomaskurtha9
International dating programhttps: please register here and start to meet new people todayhttps://www.digistore24.com/redir/384521/godtim/.
get started. https://www.digistore24.com/redir/384521/godtim/
The advent of social media has revolutionized communication, transforming the way people connect, share, and interact globally. At the forefront of this digital revolution are visionary entrepreneurs who recognized the potential of the internet to foster social connections and create communities. This essay explores the founders of some of the most influential social media platforms, their journeys, and the lasting impact they have made on society.
Mark Zuckerberg, along with his college roommates Eduardo Saverin, Andrew McCollum, Dustin Moskovitz, and Chris Hughes, founded Facebook in 2004. Initially created as a social networking site for Harvard University students, Facebook rapidly expanded to other universities and eventually to the general public. Zuckerberg's vision was to create an online directory that connected people through their real-life social networks.
Twitter, founded in 2006 by Jack Dorsey, Biz Stone, and Evan Williams, brought a new dimension to social media with its microblogging platform. Dorsey envisioned a service that allowed users to share short, real-time updates, limited to 140 characters (now 280). This concise format encouraged rapid sharing of information and fostered a culture of brevity and immediacy.
Kevin Systrom and Mike Krieger co-founded Instagram in 2010, focusing on photo and video sharing. Systrom, who studied photography, wanted to create an app that made mobile photos look professional. The app's unique filters and easy-to-use interface quickly gained popularity, amassing over a million users within two months of its launch.
Instagram's emphasis on visual content has had a significant cultural impact. It has popularized the concept of influencers, giving rise to a new industry where individuals can monetize their popularity and reach. The platform has also revolutionized digital marketing, enabling brands to connect with consumers in more authentic and engaging ways. Acquired by Facebook in 2012, Instagram continues to be a dominant force in social media, shaping trends and cultural norms.
Reid Hoffman founded LinkedIn in 2002 with the goal of creating a professional networking platform. Unlike other social media sites focused on personal connections, LinkedIn was designed to connect professionals, facilitate job searches, and foster business relationships. The platform allows users to create professional profiles, network with colleagues, and share industry insights.
LinkedIn has become an indispensable tool for job seekers, recruiters, and businesses. It has transformed the job market by making it easier to find and connect with potential employers and employees. LinkedIn's influence extends beyond job searches; it has become a hub for professional development, thought leadership, and industry news. Hoffman's vision has significantly impacted how professionals manage their careers and build their networks.
Jan Koum and Brian Acton co-founded WhatsApp in 2009, aiming to create a simple, reliable..
Megalive99 Situs Betting Online Gacor TerpercayaMegalive99
Megalive99 telah menetapkan standar tinggi untuk platform taruhan online. Berbagai macam permainan, desain ramah pengguna, dan transaksi aman menjadikannya pilihan utama para petaruh.
2. Presentation with Dust.js Technologies
What is Dust?
backing
https://github.com/linkedin/dustjs/
Dust is a JavaScript templating engine
designed to provide a clean separation
between presentation and logic without
sacrificing ease of use
3. Presentation with Dust.js Technologies
Choosing Dust.js
backing
18 templating technologies
4 finalists
Google
Closure
Templates
mustache
handlebars
dust.js
WINNER
7. Presentation with Dust.js Technologies
LinkedIn presentation layer in 2010
backing
html
browser
server
grails jruby java
8. Presentation with Dust.js Technologies
LinkedIn presentation layer after Dust.js in 2011
backing
html
json
browser
server
<dust-template>.js
grails jruby java
cdn
11. Presentation with Dust.js Technologies
Some features of Dust templates
backing
simple - {name}
loops - {#names}...{/names}
Conditionals
if conditions - {@if cond="condition"}
exists - {?names}...{/names}
not exist - {^names}...{/names}
Selection - @select key=”<>” + @eq,@ne,@lt,@gt,@lte,@gte
Math function - @math
Nested JSONs
contexts and sections
paths
And more at - https://github.com/linkedin/dustjs/wiki/Dust-Tutorial
12. Presentation with Dust.js Technologies
Advantages
backing
● Compilable Templates - Compiled JavaScript provide speed of execution
● Caching - can be served via CDN unlike a JSP output / less bandwidth
● Decoupling - templates aren’t bound to any business logic
● Easy Testing - No need for UI developers to start a Tomcat server to render
a page served with JSON-- much faster cycle time, less issues
● i18n - Localization support
● Write once and can run the same on both the client (browser) and server
using JS engine such as V8/rhino
● Progressive rendering - Load only what’s needed.
13. Presentation with Dust.js Technologies
Disadvantages
backing
● JS disabled clients / Clients with poor JSON parsing support eg:- ie6,7,8
won't render templated properly
● SEO unfriendly
● Need to run templating logic for emails - but this does not run on browser
Solution : do the templating on server using additional technology stack
Node.js, V8 engine, Rhino
14. Presentation with Dust.js Technologies
Next major client side improvement in 2013
backing
Introducing Fizzy - deferred rendering
read more at http://engineering.linkedin.com/profile/engineering-new-linkedin-profile