The document discusses Adobe Experience Manager's capabilities for responsive web design. It provides an overview of responsive vs adaptive design and outlines AEM's features for editing responsive layouts through a grid system. The presentation covers how to enable responsive editing in AEM, including setting up breakpoints and using the responsive paragraph system. It also provides examples of how to leverage the grid for layouting, floating, breaking, nesting and hiding content across breakpoints.
This document discusses using Polymer to build web component-based applications. It begins by explaining what web components are and how browsers support them through standards like custom elements, HTML imports and templates. It then introduces Polymer as a library that helps build web components and provides ready-made reusable components. The document outlines how to build full-stack apps with Polymer, including using Spring Boot on the backend to provide features like authentication. It also covers tools like Vulcanize, Crisper and build optimizations to improve performance of Polymer apps.
1. The document discusses in-context editing for single page applications in AEM. 2. It describes how authors can preview and edit content directly within the context of a SPA without reloading pages. 3. The key aspects covered are loading the SPA experience in the editor, recognizing editable content items, and offering content building blocks for authors to insert content with layout.
Polymer is the latest web framework out of Google. Designed completely around the emerging Web Components standards, it has the lofty goal of making it easy to build apps based on these low level primitives. Along with Polymer comes a new set of Elements (buttons, dialog boxes and such) based on the ideas of "Material Design". These technologies together make it easy to build responsive, componentized "Single Page" web applications that work for browsers on PCs or mobile devices. But what about the backend, and how do we make these apps secure? In this talk Scott Deeg will take you through an introduction to Polmyer and its related technologies, and then through the build out of a full blown cloud based app with a secure, ReSTful backend based on Spring ReST, Spring Cloud, and Spring Security and using Thymeleaf for backend rendering jobs. At the end he will show the principles applied in a tool he's currently building. The talk will be mainly code walk through and demo, and assumes familiarity with Java/Spring and JavaScript.
This document discusses using the Play Framework for web application development on Google App Engine (GAE). It provides an overview of Play and GAE, how they work together, and some tradeoffs. Specifically, it covers how Play abstracts away the GAE infrastructure, limitations of the GAE sandbox environment, options for running Play 2 applications on GAE including using a WAR file or custom runtime, and the pros and cons of the Play Framework on GAE approach.
- Front-end frameworks like Angular and React use component-based architectures, with components having life-cycle hooks and handling their own state. - Both support data binding, but Angular uses two-way binding while React uses one-way binding. Angular also supports mutable data through services. - Both support routing, with Angular having a single built-in router and React having multiple options through libraries like React Router. - Other similarities include support for styling components and testing with libraries like Jasmine, though React testing approaches vary more between projects.
Presented at Web Unleashed 2017 More info at www.fitc.ca/webu Overview Most people feel a lot less restricted to open up a browser in lieu of installing a mobile app. The convenience, security and simplicity of just typing a URL into an address bar is a powerful advantage of the web, and Progressive Web Apps (PWA) combine this with the feel of native applications. In short, PWAs are applications that use modern web capabilities to provide a user experience similar to that of mobile and native apps. This presentation will go over how you can add a number of progressive aspects to your application including faster load times, offline support and the ability to install to your mobile home screen. Objective Explain the concept of Progressive Web Apps, how to build one and how to improve apps built with React, Angular or any other framework without adding too much complexity. Target Audience Front-end developers Assumed Audience Knowledge Some understanding of building web applications with a JavaScript framework or library Five Things Audience Members Will Learn What exactly is a Progressive Web App How to use Lighthouse to test and improve your webpage Improve app loading times with a Service Worker App Shell Use a App Shell + Dynamic Content model to allow for offline support Add a web app manifest file to allow for installing an app to a mobile home screen
Presented at adaptTo() 2015 in Berlin. Single-page apps (SPA) have reached critical mass, widely regarded as the most effective pattern for building seamless experiences with web technology. This session will dive into bringing this paradigm to an AEM instance near you - including tips and tricks for leveraging AngularJS to optimize your SPA development, and examples of bringing your content to the app store with Adobe’s PhoneGap.
This document discusses various features and customization options for the AEM 6.0 user interface. It covers the Sling resource merger which allows overlaying and customizing nodes, adding and hiding links from the left rail, adding buttons to the console, modifying search filters, using metadata properties as tags, and customizing asset editor metadata templates. It provides examples of how to customize and overlay nodes in the /libs path with custom configurations in the /apps path. The document also includes some additional useful information and links for AEM UI customization.
This document summarizes a presentation given by Cedric Huesler on Adobe Experience Manager (AEM) 6th edition at the AEMHub London conference in April 2014. It includes information on the AEM release update process, moving from MongoDB to Tar/Mongo, and the AEM component model including cq:Component, Dialog, Code, ClientLibs, and Analytics.
This document discusses using web standards to create interactive data visualizations for the web. It provides an overview of the JavaScript InfoVis Toolkit, which allows creating multiple graph and tree layouts using web standards and JavaScript. It also discusses upcoming improvements to browser engines and JavaScript that will further improve performance of interactive visualizations. Finally, it introduces WebGL and V8-GL as emerging web standards that bring hardware-accelerated 3D graphics to the web through JavaScript.
This document discusses how web design firms can compete with internal GIS teams by providing web-based GIS (WebGIS) applications. It notes that WebGIS requires learning new tools like JavaScript, AJAX, and RESTful services. To protect their work, internal GIS teams need to learn these new web technologies and prioritize usability over features to create responsive applications. The document advocates for an iterative development process with a focus on performance and usability testing.
HTML5 and its related technologies are enabling new ways to build beautiful sites and applications for contemporary mobile devices. Native mobile developers can now use web technologies to surmount cross-platform headaches, and desktop web developers can reach mobile users in familiar, app-like ways. This session explores the state of the art in HTML5-based mobile web frameworks, and demonstrates the practical possibilities that this powerful and standards-based approach can bring.
The document discusses Java Content Repository (JCR) and Sling, describing them as standards and frameworks that provide content-centric interfaces and services for content management applications. JCR defines a content model and Java API for storing and managing diverse content. Sling is a scriptable application layer built on JCR that processes HTTP requests in a RESTful manner and allows developing applications using OSGi bundles and scripting languages. It also provides examples of using Sling with CURL to create and retrieve content from a repository.
The document discusses integrating Evernote content into Adobe Experience Manager (AEM). It describes creating an OSGi bundle that syncs notes from Evernote into AEM assets on a scheduled basis. An Evernote component is created to display the imported assets in AEM's asset finder and provide a note viewer. Future enhancements discussed include support for multiple Evernote accounts, images, and component editing. The project aims to combine the collaboration benefits of Evernote with AEM's content presentation and management capabilities.
Presentation from Denver Open Source Users Group in February 2015. http://www.meetup.com/DOSUG1/events/219099019/ AngularJS is one of today's hottest JavaScript MVC Frameworks. In this session, we'll explore many concepts it brings to the world of client-side development: dependency injection, directives, filters, routing and two-way data binding. We'll also look at its recommended testing tools and build systems. Finally, you'll learn about my experience developing several real-world applications using AngularJS, HTML5 and Bootstrap.
Bruce Lawson demos HTML5, especially forms and video element at Sheffield Speak The Web, 8 February 2010
Being a WordPress developer means that our main programming language is PHP. Which works for building websites but not for running tasks. In this talk I will share my experience using Node.js as a platform to build on. Explaining why I have chosen for Node.js and show you how I used Node.js to build microservices that are supporting my WordPress projects.
The document discusses responsive UX, which is designing websites and applications that adapt to different screen sizes and devices using fluid grids, media queries, and responsive images; it provides examples of how to implement responsive design principles through fluid grids, image scaling, and media queries to build sites that automatically adjust for smartphones, tablets, and other devices.
The document is a presentation on client side development in SharePoint using jQuery. It begins with introductions and an agenda. The agenda covers deploying and referencing scripts, a jQuery primer, debugging techniques, modifying default SharePoint forms, REST/CSOM/SPServices, third party libraries, and SharePoint hosted apps. It then discusses why client side development is useful and challenges like browser inconsistencies. Best practices covered include avoiding global variables and writing performant code. Various development tools are presented. Finally, a demo is shown of building a simple contract management solution using the techniques discussed.
A talk given at Appspirina workshop on March 29th, 2012 organized by http://mobiledeveloper.pl/. Event page: https://www.facebook.com/events/296799847060237/
The document is a presentation by Tom Carney about responsive web design. It discusses Carney's background in web development for over 10 years and experience with mobile and responsive design for 18 months. The presentation covers the introduction of responsive design, responsive design techniques like grids, media queries and plugins, transitioning websites to responsive design, responsive design workflows, and examples of responsive design. It addresses setting separate mobile sites versus responsive design and takes questions from the audience.