This document discusses designing websites to work offline. It argues that offline experiences should not be treated as errors, and that offline capabilities provide benefits like privacy, security, performance and robustness. Modern techniques like service workers, app caching, CouchDB and PouchDB enable offline-first websites. The document proposes that Drupal 8 could provide a remote database backend using its REST API and modules like Relaxed and Replication, allowing frontend apps to access content offline using standard synchronization tools.
Drupal 8 has made significant improvements towards the ability to stage configuration. But what about content staging? Has it gotten easier in Drupal 8?
This session is targeted towards site builders where we will continue to explore the content staging solution that is being built for Drupal 8 and that was initially presented in Austin. It's a solution that brings vast improvements to sites owners that need to stage or replicate content across sites.
Further, site builders will learn how this solution also applies to broader and sometimes more exciting use cases - content sharing and filtered replication across networks of sites and applications.
The recorded video is available here: https://amsterdam2014.drupal.org/session/content-staging-drupal-8-continued
Planning for CRAP and entity revisions in Drupal coreDick Olsson
This is a follow-up on the core conversations in Los Angeles that recived lots of positive feedback when suggesting improvements to the Entity Revision API in core.
In this session we will lay out a more concrete and detailed plan of how we can introduce these improvements in Drupal 8.2.x or 9.x.
Short background on the topic
CRAP stands for Create Read Archive Purge which implies that all changes to an entity creates a new revision, even a delete operation is a new revision (much like Git does it). This creates a system much more capable of managing complex workflows, concurrent editing, distributed content, content staging, audit trails etc.
DrupalGap. How to create native application for mobile devices based on Drupa...DrupalCampDN
Рано или поздно каждый сайт нуждается в мобильной версии. Существует несколько способов реализации мобильной версии: адаптивный сайт, нативное приложение для iOS, Android etc.
В создании нативного приложения нам поможет отличная платформа под названием DrupalGap. DrupalGap - это платформа позволяющая создавать приложения для iOS и Android при помощи Drupal, PhoneGap, jQueryMobile, без непосредственного программирования на языке платформы.
Drupal and diversity of Single sign-on systemsAlex S
As you know Drupal supports a lot of SSO system. There is pretty hard choice which system to choose to implement some of features for our clients.
During this talk I will compare different approaches and tools like a SimpleSAMLphp, Bakery, shared tables, LDAP, CAS and other.
Build your application in seconds and optimize workflow as much as you can us...Alex S
Building an application is a very intense and complicated process. Sometimes it could lead to unacceptable results when you can wait for temporary product eternity. Tools could be different, applications could be different, but techniques will be the same.
Optimization is very important thing even when your process is standartized and strong. During that seesion I'll talk about:
- Build is the most valuable product in DevOps
- Tests, Sniffers, Performance tests and other things are minor in comparison to builds
- How to get rid of long waits for small changes or fixes
- How to don't waste time for waiting for build
- How to incorporate measurement tools
- How to solve feature branch hell and don't spent tons of time for merge conflicts
- Make builds for enterprise and big data databases
- Other interesting things from DevOps live :)
Optimisation strategy shouldn’t be strict and shouldn’t ruin current process or block the team from performing operations. Given those answers, we can move forward like a thunder and achieve whatever we want.
1) DrupalGap allows developers to create mobile applications that connect to Drupal websites via web services using HTML, CSS and JavaScript.
2) It inherits Drupal concepts like modules, blocks, menus and entities to build mobile apps.
3) Additional functionality can be added through custom modules that integrate services, forms, and views to retrieve and display content from Drupal.
Christmas holiday experiment: creating a VueJS front that gets data through GraphQL from a decoupled WordPress install on another server. Read more on this blogpost: https://conimpeto.be/wordpress/create-a-wordpress-twentyseventeen-theme-with-vuejs-and-graphql/.
This document discusses designing websites to work offline. It argues that offline experiences should not be treated as errors, and that offline capabilities provide benefits like privacy, security, performance and robustness. Modern techniques like service workers, app caching, CouchDB and PouchDB enable offline-first websites. The document proposes that Drupal 8 could provide a remote database backend using its REST API and modules like Relaxed and Replication, allowing frontend apps to access content offline using standard synchronization tools.
Drupal 8 has made significant improvements towards the ability to stage configuration. But what about content staging? Has it gotten easier in Drupal 8?
This session is targeted towards site builders where we will continue to explore the content staging solution that is being built for Drupal 8 and that was initially presented in Austin. It's a solution that brings vast improvements to sites owners that need to stage or replicate content across sites.
Further, site builders will learn how this solution also applies to broader and sometimes more exciting use cases - content sharing and filtered replication across networks of sites and applications.
The recorded video is available here: https://amsterdam2014.drupal.org/session/content-staging-drupal-8-continued
Planning for CRAP and entity revisions in Drupal coreDick Olsson
This is a follow-up on the core conversations in Los Angeles that recived lots of positive feedback when suggesting improvements to the Entity Revision API in core.
In this session we will lay out a more concrete and detailed plan of how we can introduce these improvements in Drupal 8.2.x or 9.x.
Short background on the topic
CRAP stands for Create Read Archive Purge which implies that all changes to an entity creates a new revision, even a delete operation is a new revision (much like Git does it). This creates a system much more capable of managing complex workflows, concurrent editing, distributed content, content staging, audit trails etc.
DrupalGap. How to create native application for mobile devices based on Drupa...DrupalCampDN
Рано или поздно каждый сайт нуждается в мобильной версии. Существует несколько способов реализации мобильной версии: адаптивный сайт, нативное приложение для iOS, Android etc.
В создании нативного приложения нам поможет отличная платформа под названием DrupalGap. DrupalGap - это платформа позволяющая создавать приложения для iOS и Android при помощи Drupal, PhoneGap, jQueryMobile, без непосредственного программирования на языке платформы.
Drupal and diversity of Single sign-on systemsAlex S
As you know Drupal supports a lot of SSO system. There is pretty hard choice which system to choose to implement some of features for our clients.
During this talk I will compare different approaches and tools like a SimpleSAMLphp, Bakery, shared tables, LDAP, CAS and other.
Build your application in seconds and optimize workflow as much as you can us...Alex S
Building an application is a very intense and complicated process. Sometimes it could lead to unacceptable results when you can wait for temporary product eternity. Tools could be different, applications could be different, but techniques will be the same.
Optimization is very important thing even when your process is standartized and strong. During that seesion I'll talk about:
- Build is the most valuable product in DevOps
- Tests, Sniffers, Performance tests and other things are minor in comparison to builds
- How to get rid of long waits for small changes or fixes
- How to don't waste time for waiting for build
- How to incorporate measurement tools
- How to solve feature branch hell and don't spent tons of time for merge conflicts
- Make builds for enterprise and big data databases
- Other interesting things from DevOps live :)
Optimisation strategy shouldn’t be strict and shouldn’t ruin current process or block the team from performing operations. Given those answers, we can move forward like a thunder and achieve whatever we want.
1) DrupalGap allows developers to create mobile applications that connect to Drupal websites via web services using HTML, CSS and JavaScript.
2) It inherits Drupal concepts like modules, blocks, menus and entities to build mobile apps.
3) Additional functionality can be added through custom modules that integrate services, forms, and views to retrieve and display content from Drupal.
Christmas holiday experiment: creating a VueJS front that gets data through GraphQL from a decoupled WordPress install on another server. Read more on this blogpost: https://conimpeto.be/wordpress/create-a-wordpress-twentyseventeen-theme-with-vuejs-and-graphql/.
Presented at Web Unleashed 2017. More info at www.fitc.ca/webu
Presented by Ksenija Gogic, TWG
Overview
What are components? How can designers apply a component-minded approach to their workflow? How can we leverage components to improve the design handoff? Ultimately – how can designers and developers work together even better?
Using React as a framework, Ksenija will discuss how to design for a component-based web application to make for a more efficient workflow, an easier design handoff, and a better understanding between roles.
Objective
To create a common language and understanding when working with component-based web frameworks between designers and developers.
Target Audience
Designers and developers looking to make their collaborative workflow even better.
Five Things Audience Members Will Learn
How to take a component-minded approach to building a design system
How to design and create components using Sketch symbols
How to assemble (compose) collections of components using Sketch symbols
How to work with modifiers (props) to customize components
How to ensure everyone is speaking the same language
webOS is an open source mobile operating system from Palm built on HTML5, CSS, and JavaScript that uses the Mojo framework for application development and provides services through a plugin development kit and application programming interfaces, with apps distributed through an online app catalog.
This document discusses using Backbone.js to build interactive front-end applications for WordPress. It provides an overview of Backbone and its components like models, collections, and views. It also discusses how Underscore.js is bundled with Backbone and its utility functions. Additionally, it covers how WordPress has integrated with Backbone through features like the JSON REST API and how this can be leveraged to build Backbone applications within WordPress. Finally, it shares an example of a Backbone directory application and resources for learning more about Backbone.
Ember.js is a new JavaScript framework for building ambitiously complex web applications. Taking lessons from the iOS development platform and other JavaScript frameworks that came before it, Ember embraces the idea that our applications are more alike than they are dissimilar. It encourages coding by convention, testing, and MVC patterns.
Building an app on Parse makes your data available via the Parse REST API. Using that API, ember-cli and Ember-Data, I’ll show you how to get started porting your native app to the mobile web.
The live coded demo is here: http://emberjs.jsbin.com/lizep/7/edit?html,js,output
Html5 and beyond the next generation of mobile web applications - Touch Tou...RIA RUI Society
The document discusses upcoming features in HTML5 and beyond for developing mobile web applications, including offline web apps using the Application Cache, storing data locally using Web Storage, geolocation APIs, device orientation, camera access using getUserMedia, and media queries for responsive design. It provides code examples and encourages further reading on mobile web best practices.
This document discusses improving website performance. It outlines three pillars of performance: visibility, interactivity, and responsiveness. For each pillar, it recommends books and techniques. Tips include using tools like Firebug and YSlow, delaying initialization, throttling and debouncing events, and profiling code. While optimizations can improve performance, they also increase costs. The document emphasizes establishing a baseline and focusing first on low-hanging fruit before more complex optimizations. It concludes by thanking the sponsors and providing contact information.
This document provides an agenda and instructions for a class on HTML, CSS, and JavaScript. It includes information on presenting project work, using the online code editor JSFiddle, integrating HTML and JavaScript, using the class web server, and an introduction to CSS flexbox layout. For homework, students are asked to build a simple website using HTML and CSS with flexbox, host it on GitHub and their class web server, and include basic JavaScript console output.
Webservices: connecting Joomla! with other programs.Herman Peeren
This document discusses connecting Joomla! to other applications and services via web services. It describes different types of web services including XML-RPC, SOAP, and REST. XML-RPC and SOAP use remote procedure calls to call methods on a server, while REST uses HTTP methods to manipulate resources. The document provides examples of using these services with Joomla! and other applications and frameworks. It emphasizes the importance of standardizing web service connections in Joomla! using its MVC framework.
This document provides a summary of essential information for using Nuxt.js, including how to start a new project, the folder structure, page components, layouts, error pages, aliases, Vuex store configuration, deployment methods, and the nuxt.config.js file. It also recommends additional Vue learning resources on VueMastery.com.
Developing advanced universal apps using html & jsSenthamil Selvan
This document provides an agenda for a community camp on developing universal apps using HTML and JavaScript. It includes an introduction to universal apps, how they differ from web and native apps, and how to create a universal app project template. It also discusses how to create and consume background tasks to run code even when the app is not running, including examples of when to use background tasks and how to register and declare them.
This document provides best practices for local WordPress development and site migrations. It recommends using cloud backups, developing locally on a test server first, learning the WordPress database and file structure, using version control with tools like Git, and migrating live sites using tools like WP Migrate DB Pro. Regular backups, local development, understanding the database, version control, and proper migration processes are presented as important ways to avoid "cowboy coding" and safely develop and migrate WordPress sites.
This document provides an introduction to building single page applications (SPAs) using Drupal 8 and AngularJS. It discusses the history and advantages of SPAs. It then gives an overview of AngularJS, including its MVC architecture and key features like two-way data binding. The document demonstrates how to set up Drupal 8 to work with an AngularJS frontend, including installing modules, setting permissions, and testing API endpoints. It concludes with a live demo and resources for further learning.
Everything You Need to Know About the Top Changes in Drupal 8Acquia
<p>Drupal 8 is on the way. And we know you want to know -- what does this mean for me?!</p>
<p>Don't fear, Angie 'webchick' Byron is here! This one hour webinar will provide you with detailed overviews on the major changes in Drupal 8, as well as several short video demos that will give you a glimpse into a few of the newest features and capabilities. Angie will explain what D8 means for:</p>
<ul>
<li>Site Builders: See Views in Core, more (and better) blocks, improved entity and field features...the list goes on!</li>
<li>Front-end Developers: We're talking HTML5, libraries, accessibility enhancements, new themes and UI elements, and faster performance, to name a few.</li>
<li>Back-end Developers: A new configuration management system, a completely rehauled Entity API, improved caching, and new built-in web services features.</li></ul>
This document provides an agenda and overview for a class on front end frameworks, JavaScript, and project 2. It discusses introducing Bootstrap and UI-Kit, JavaScript exercises including functions, variables, control flow, and built-in functions. It outlines homework 4 requirements and reviews frameworks, templates, and JavaScript examples. It describes project 2 expectations and grading criteria, then assigns homework 5 to start building a multi-week pizza ordering website project.
Flexible UI Components for a Multi-Framework WorldKevin Ball
Slides from Flexible UI Components talk given at Web Unleashed 2017
Build UI components that work seamlessly in every JavaScript Framework.
Your core UI elements shouldn’t have to be different for your marketing site than they are in your application just because the former uses jQuery while the latter is built using Angular or React.
Lessons learned from work on ZURB Foundation 7.
Best Practice Site Architecture in Drupal 8Pantheon
Drupal 8 offers developers many exciting new features to use in building websites. Have you tried configuration management? How about the new Symfony based routing system? Twig? Cache tags? Each of these systems is extremely powerful and will let you build websites like never before.
Have you ever cried yourself to sleep unable to find the cause of a horrendous bug in your WordPress site? Cry no more, your tears will be reshaped as blinding swords as we explore uncharted territories laced with mystical creatures.
Debugging is an often avoided topic due to the uncertainty of how best to accomplish it and the lack of powerful introspective tools. This talk will explore new territory and showcase tools that help you debug complex and difficult issues in your WordPress site.
Mit Oracle Application Express entwickelt man Webapplikationen die im Browser aufgerufen und ausgeführt werden. Das Entwickeln im Browser erfordert andere, für den klassischen Oracle Entwickler oft neue, Techniken und Tools. Nahezu alle modernen Browser besitzen integrierte Development Tools, die es uns möglich machen das Verhalten und Styling einer APEX Applikation im Browser zu untersuchen und zu beeinflussen. In meiner Präsentation werde ich die verschieden Tools und ihren Einsatz mit Oracle Application Express vorstellen, mit Tipps und Tricks für sowohl den beginnenden als auch den fortgeschrittenen Entwickler.
(DOAG 2014 Development - Community-Konferenz für Entwickler)
Web Developers are excited to use HTML 5 features but sometimes they need to explain to their non-technical boss what it is and how it can benefit the company. This presentation provides just enough information to share the capabilities of this new technologies without overwhelming the audience with the technical details.
"What is HTML5?" covers things you might have seen on other websites and wanted to add on your own website but you didn't know it was a feature of HTML 5. After viewing this slideshow you will probably give your web developer the "go ahead" to upgrade your current HTML 4 website to HTML 5.
You will also understand why web developers don't like IE (Internet Explorer) and why they always want you to keep your browser updated to latest version. "I have seen the future. It's in my browser" is the slogan used by many who have joined the HTML 5 revolution.
This document provides an agenda and details for a class on databases and servers. It discusses homework status, projects 2 and 3 which involve building a website with front-end and back-end components. It demonstrates deploying a sample node app to IBM Bluemix and using cloud foundry commands. Key database topics covered include SQL vs noSQL, using local databases, and database services. An optional extra homework is assigned to deploy a pizza website project to Bluemix using a database.
Single Page Applications: Your Browser is the OS!Jeremy Likness
Single Page Applications have gained tremendous popularity over the past few years and have prompted the creation of several frameworks to support their development. Unlike traditional web applications, most of the heavy lifting for SPA happens on the client side in your web browser. These applications rely on hundreds of lines of JavaScript coupled with asynchronous web service calls to provide a desktop-like experience that is accessible from virtually any device.
Join Principal Architect, Jeremy Likness, to learn more about SPA, including how to determine when you should choose this approach, how SPA compares and contrasts with traditional server-based approaches including ASP.NET WebForms and MVC, and what frameworks and tools (such as jQuery, AngularJS, and Aurelia) make building SPA easier. Discover how single page applications powered by HTML5 and JavaScript transform your browser into a web-based operating system.
Presented at Web Unleashed 2017. More info at www.fitc.ca/webu
Presented by Ksenija Gogic, TWG
Overview
What are components? How can designers apply a component-minded approach to their workflow? How can we leverage components to improve the design handoff? Ultimately – how can designers and developers work together even better?
Using React as a framework, Ksenija will discuss how to design for a component-based web application to make for a more efficient workflow, an easier design handoff, and a better understanding between roles.
Objective
To create a common language and understanding when working with component-based web frameworks between designers and developers.
Target Audience
Designers and developers looking to make their collaborative workflow even better.
Five Things Audience Members Will Learn
How to take a component-minded approach to building a design system
How to design and create components using Sketch symbols
How to assemble (compose) collections of components using Sketch symbols
How to work with modifiers (props) to customize components
How to ensure everyone is speaking the same language
webOS is an open source mobile operating system from Palm built on HTML5, CSS, and JavaScript that uses the Mojo framework for application development and provides services through a plugin development kit and application programming interfaces, with apps distributed through an online app catalog.
This document discusses using Backbone.js to build interactive front-end applications for WordPress. It provides an overview of Backbone and its components like models, collections, and views. It also discusses how Underscore.js is bundled with Backbone and its utility functions. Additionally, it covers how WordPress has integrated with Backbone through features like the JSON REST API and how this can be leveraged to build Backbone applications within WordPress. Finally, it shares an example of a Backbone directory application and resources for learning more about Backbone.
Ember.js is a new JavaScript framework for building ambitiously complex web applications. Taking lessons from the iOS development platform and other JavaScript frameworks that came before it, Ember embraces the idea that our applications are more alike than they are dissimilar. It encourages coding by convention, testing, and MVC patterns.
Building an app on Parse makes your data available via the Parse REST API. Using that API, ember-cli and Ember-Data, I’ll show you how to get started porting your native app to the mobile web.
The live coded demo is here: http://emberjs.jsbin.com/lizep/7/edit?html,js,output
Html5 and beyond the next generation of mobile web applications - Touch Tou...RIA RUI Society
The document discusses upcoming features in HTML5 and beyond for developing mobile web applications, including offline web apps using the Application Cache, storing data locally using Web Storage, geolocation APIs, device orientation, camera access using getUserMedia, and media queries for responsive design. It provides code examples and encourages further reading on mobile web best practices.
This document discusses improving website performance. It outlines three pillars of performance: visibility, interactivity, and responsiveness. For each pillar, it recommends books and techniques. Tips include using tools like Firebug and YSlow, delaying initialization, throttling and debouncing events, and profiling code. While optimizations can improve performance, they also increase costs. The document emphasizes establishing a baseline and focusing first on low-hanging fruit before more complex optimizations. It concludes by thanking the sponsors and providing contact information.
This document provides an agenda and instructions for a class on HTML, CSS, and JavaScript. It includes information on presenting project work, using the online code editor JSFiddle, integrating HTML and JavaScript, using the class web server, and an introduction to CSS flexbox layout. For homework, students are asked to build a simple website using HTML and CSS with flexbox, host it on GitHub and their class web server, and include basic JavaScript console output.
Webservices: connecting Joomla! with other programs.Herman Peeren
This document discusses connecting Joomla! to other applications and services via web services. It describes different types of web services including XML-RPC, SOAP, and REST. XML-RPC and SOAP use remote procedure calls to call methods on a server, while REST uses HTTP methods to manipulate resources. The document provides examples of using these services with Joomla! and other applications and frameworks. It emphasizes the importance of standardizing web service connections in Joomla! using its MVC framework.
This document provides a summary of essential information for using Nuxt.js, including how to start a new project, the folder structure, page components, layouts, error pages, aliases, Vuex store configuration, deployment methods, and the nuxt.config.js file. It also recommends additional Vue learning resources on VueMastery.com.
Developing advanced universal apps using html & jsSenthamil Selvan
This document provides an agenda for a community camp on developing universal apps using HTML and JavaScript. It includes an introduction to universal apps, how they differ from web and native apps, and how to create a universal app project template. It also discusses how to create and consume background tasks to run code even when the app is not running, including examples of when to use background tasks and how to register and declare them.
This document provides best practices for local WordPress development and site migrations. It recommends using cloud backups, developing locally on a test server first, learning the WordPress database and file structure, using version control with tools like Git, and migrating live sites using tools like WP Migrate DB Pro. Regular backups, local development, understanding the database, version control, and proper migration processes are presented as important ways to avoid "cowboy coding" and safely develop and migrate WordPress sites.
This document provides an introduction to building single page applications (SPAs) using Drupal 8 and AngularJS. It discusses the history and advantages of SPAs. It then gives an overview of AngularJS, including its MVC architecture and key features like two-way data binding. The document demonstrates how to set up Drupal 8 to work with an AngularJS frontend, including installing modules, setting permissions, and testing API endpoints. It concludes with a live demo and resources for further learning.
Everything You Need to Know About the Top Changes in Drupal 8Acquia
<p>Drupal 8 is on the way. And we know you want to know -- what does this mean for me?!</p>
<p>Don't fear, Angie 'webchick' Byron is here! This one hour webinar will provide you with detailed overviews on the major changes in Drupal 8, as well as several short video demos that will give you a glimpse into a few of the newest features and capabilities. Angie will explain what D8 means for:</p>
<ul>
<li>Site Builders: See Views in Core, more (and better) blocks, improved entity and field features...the list goes on!</li>
<li>Front-end Developers: We're talking HTML5, libraries, accessibility enhancements, new themes and UI elements, and faster performance, to name a few.</li>
<li>Back-end Developers: A new configuration management system, a completely rehauled Entity API, improved caching, and new built-in web services features.</li></ul>
This document provides an agenda and overview for a class on front end frameworks, JavaScript, and project 2. It discusses introducing Bootstrap and UI-Kit, JavaScript exercises including functions, variables, control flow, and built-in functions. It outlines homework 4 requirements and reviews frameworks, templates, and JavaScript examples. It describes project 2 expectations and grading criteria, then assigns homework 5 to start building a multi-week pizza ordering website project.
Flexible UI Components for a Multi-Framework WorldKevin Ball
Slides from Flexible UI Components talk given at Web Unleashed 2017
Build UI components that work seamlessly in every JavaScript Framework.
Your core UI elements shouldn’t have to be different for your marketing site than they are in your application just because the former uses jQuery while the latter is built using Angular or React.
Lessons learned from work on ZURB Foundation 7.
Best Practice Site Architecture in Drupal 8Pantheon
Drupal 8 offers developers many exciting new features to use in building websites. Have you tried configuration management? How about the new Symfony based routing system? Twig? Cache tags? Each of these systems is extremely powerful and will let you build websites like never before.
Have you ever cried yourself to sleep unable to find the cause of a horrendous bug in your WordPress site? Cry no more, your tears will be reshaped as blinding swords as we explore uncharted territories laced with mystical creatures.
Debugging is an often avoided topic due to the uncertainty of how best to accomplish it and the lack of powerful introspective tools. This talk will explore new territory and showcase tools that help you debug complex and difficult issues in your WordPress site.
Mit Oracle Application Express entwickelt man Webapplikationen die im Browser aufgerufen und ausgeführt werden. Das Entwickeln im Browser erfordert andere, für den klassischen Oracle Entwickler oft neue, Techniken und Tools. Nahezu alle modernen Browser besitzen integrierte Development Tools, die es uns möglich machen das Verhalten und Styling einer APEX Applikation im Browser zu untersuchen und zu beeinflussen. In meiner Präsentation werde ich die verschieden Tools und ihren Einsatz mit Oracle Application Express vorstellen, mit Tipps und Tricks für sowohl den beginnenden als auch den fortgeschrittenen Entwickler.
(DOAG 2014 Development - Community-Konferenz für Entwickler)
Web Developers are excited to use HTML 5 features but sometimes they need to explain to their non-technical boss what it is and how it can benefit the company. This presentation provides just enough information to share the capabilities of this new technologies without overwhelming the audience with the technical details.
"What is HTML5?" covers things you might have seen on other websites and wanted to add on your own website but you didn't know it was a feature of HTML 5. After viewing this slideshow you will probably give your web developer the "go ahead" to upgrade your current HTML 4 website to HTML 5.
You will also understand why web developers don't like IE (Internet Explorer) and why they always want you to keep your browser updated to latest version. "I have seen the future. It's in my browser" is the slogan used by many who have joined the HTML 5 revolution.
This document provides an agenda and details for a class on databases and servers. It discusses homework status, projects 2 and 3 which involve building a website with front-end and back-end components. It demonstrates deploying a sample node app to IBM Bluemix and using cloud foundry commands. Key database topics covered include SQL vs noSQL, using local databases, and database services. An optional extra homework is assigned to deploy a pizza website project to Bluemix using a database.
Single Page Applications: Your Browser is the OS!Jeremy Likness
Single Page Applications have gained tremendous popularity over the past few years and have prompted the creation of several frameworks to support their development. Unlike traditional web applications, most of the heavy lifting for SPA happens on the client side in your web browser. These applications rely on hundreds of lines of JavaScript coupled with asynchronous web service calls to provide a desktop-like experience that is accessible from virtually any device.
Join Principal Architect, Jeremy Likness, to learn more about SPA, including how to determine when you should choose this approach, how SPA compares and contrasts with traditional server-based approaches including ASP.NET WebForms and MVC, and what frameworks and tools (such as jQuery, AngularJS, and Aurelia) make building SPA easier. Discover how single page applications powered by HTML5 and JavaScript transform your browser into a web-based operating system.
The document provides an overview of developing high performance web applications, focusing on optimizing front-end performance. It discusses why front-end performance matters, and provides best practices for optimizing page load time, developing responsive interfaces, and efficiently loading and executing JavaScript. The document also covers DOM scripting techniques, tools for profiling and analyzing performance, and how the performance monitoring service Gomez can be extended to better measure client-side metrics.
This document discusses using Varnish as a caching solution for Drupal websites. It begins by introducing Varnish and explaining that it is a reverse proxy cache server that can improve Drupal performance. It then describes what content, like anonymous pages and static assets, can be cached in Varnish and what content should not be cached, like logged-in pages. It also discusses how to configure Varnish and the Drupal Varnish module to integrate caching. The document then covers additional Varnish features like caching authenticated users, purging caches, and tools for monitoring caches.
The document discusses scaling a web application called Wanelo that is built on PostgreSQL. It describes 12 steps for incrementally scaling the application as traffic increases. The first steps involve adding more caching, optimizing SQL queries, and upgrading hardware. Further steps include replicating reads to additional PostgreSQL servers, using alternative data stores like Redis where appropriate, moving write-heavy tables out of PostgreSQL, and tuning PostgreSQL and the underlying filesystem. The goal is to scale the application while maintaining PostgreSQL as the primary database.
Developing High Performance Web Apps - CodeMash 2011Timothy Fisher
This document provides an overview of techniques for developing high performance web applications. It discusses why front-end performance matters, and outlines best practices for optimizing page load times, using responsive interfaces, loading and executing JavaScript efficiently, and accessing data. The presentation recommends tools for monitoring and improving performance, such as Firebug, Page Speed, and YSlow.
A useful means to automate tasks in the cloud is by leveraging WebJobs hosted in Azure App Service. In this session Steef-Jan will go into the creation, deployment and operations of WebJobs. You will learn about the ins- and outs of Azure WebJobs and how they relate to other Azure Services like functions and logic apps.
Simple Tips to Improve Site Performance (No Coding Required!)Acquia
Most advice to improve Drupal site performance is aimed at developers and DevOps folks. In reality, many Drupal sites are built by site builders using flexible Drupal modules rather than custom code. This webinar is designed to give site builders the knowledge and tools to enhance the performance of their web sites without ever touching PHP or the command line. The Drupal community is already rich in modules and best practices that can significantly improve the performance of any Drupal site, now it’s time to take advantage of the community’s hard work!
In this webinar you will learn how to:
• Diagnose potential performance issues with your site
• Understand how Drupal's built-in caching helps your site perform well
• Optimize a site's performance using additional modules and services
• Leverage the performance capabilities of Acquia Cloud
Learn how to build your own PWA enabled page in under 5 minutes ⚡️, what SPAs' have to do with PWA and how Shopware implements their headless commerce solution!
1. PhoneGap is a framework that allows developers to build mobile apps using HTML, CSS, and JavaScript instead of platform-specific languages. It works by wrapping web pages in a native container so they can access native device functions and be deployed to app stores.
2. The document discusses PhoneGap features like access to device APIs, cross-platform deployment, and debugging tools. It also covers setting up the PhoneGap development environment and creating a basic "Hello World" app.
3. The document provides code examples for the app manifest, JavaScript to access device functions, and HTML/CSS pages. It also discusses PhoneGap advantages like multiple platform support and disadvantages like lack of support for all native features.
Week 05 Web, App and Javascript_Brandon, S.H. WuAppUniverz Org
The document discusses JavaScript basics and modular JavaScript design. It provides an agenda that covers JavaScript execution, scopes, types, browser objects, blocks, closures, DOM, event handling, and AJAX. It then discusses object-oriented JavaScript, components, containers, layouts, and client-side MVC patterns for modular JavaScript design. Examples of leveraging standards like HTML, CSS, and JavaScript across devices are also provided.
The document provides an overview of the key components that go into making a PHP and MySQL based web application. It discusses the use of HTML, CSS, JavaScript, jQuery, client-side and server-side scripting, AJAX, PHP, MySQL, code editors, tools for wireframing, image editing and more. It also covers aspects like hosting, version management, software deployment, traditional and agile development methodologies, and software documentation.
Should you use HTML5 to build your product? The pros & cons of using current ...boxuno
This document discusses the pros and cons of using HTML5 features to build products. It built a messaging client called boxUno using HTML5 that provided offline access, but HTML5 also caused limitations like browser incompatibility and crashes. The document covers HTML5 features like WebWorkers for concurrency, IndexedDB for offline databases, Application Cache for offline viewing, and WebRTC for video. While powerful, these features have drawbacks like debugging difficulties and changing APIs. The conclusion is HTML5 has advantages but also risks, so compatibility should be considered, and IndexedDB is currently the best option for offline access.
This document discusses creating an offline-capable website about Rajinikanth using HTML5 technologies. It describes how to cache assets using a cache manifest file to allow the site to work offline. It also covers checking connectivity status, offline and online events, using the canvas API to draw graphics, storing data locally using local storage, applying 3D transforms with CSS, and accessing device orientation data. The goal is to create a site that works regardless of internet connectivity or device orientation using HTML5 features.
The Cordova framework
Recurrent app architecture
Cordova CLI
Debugging Cordova applications
My development environment
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2015.
http://www.ivanomalavolta.com
The Cordova framework
Recurrent app architecture
Cordova CLI
Debugging Cordova applications
My development environment
Cordova APIs
This presentation has been developed in the context of the Mobile Applications Development course, DISIM, University of L'Aquila (Italy), Spring 2014.
http://www.ivanomalavolta.com
This document provides an overview of various web development tools and technologies, including FTP, HTML, CSS, JavaScript, Flash, PHP, ASP, and content management systems. It discusses the purpose and basic usage of each tool. For example, it explains that FTP is used to transfer files between a local computer and web host, and that HTML is the underlying markup language that defines the structure and content of a web page. The document also provides learning resources and examples of text editors, FTP clients, and other tools.
"Drupal is always so fast!" ... said no one, ever.
Drupal has a reputation as being a slow CMS, but that reputation is undeserved; there are many small things that impact a Drupal site's performance in sometimes substantial ways. This session will highlight many 'quick wins' that will get your site performing like a champ in no time!
Then we'll take a demonstration site that has many elements of real-world 'slow' Drupal sites, show how to do a quick performance evaluation/triage, and change the site from loading in 4-5 seconds to loading in less than a second, and maxing out at 2 requests per second to a speedy 4,000+ requests per second!
The session will also discuss the importance of a plan, benchmarking, and assumptions when you do performance work on your own Drupal site.
This document provides an overview of Habitat, a tool for building, deploying, and managing applications. It discusses how Habitat aims to reduce complexity by providing immutable, platform-agnostic packages and managing dependencies and configurations. A demo of building and running a sample Ruby application in Habitat is also shown. Key features highlighted include Habitat plans for defining builds, hooks for controlling application startup, and configuration management at runtime. The document encourages attendees to try out Habitat and get involved in the community.
This document discusses various techniques for automating and improving technical documentation processes, including spelling checking with Hunspell and markdown-spellcheck, writing better with write-good and LanguageTool, adding screenshots with Robot Framework and Selenium, testing with APIs like Dredd and Sphinx, using Pandoc for multiformat output, and placeholders with sed. It encourages automating documentation work and testing to ensure documentation quality and usability.
Back to the future with static site generatorsChris Ward
If you remember when web sites were all created with plain HTML pages, then you'll know that CMSs and dynamic web frameworks saved us and solved all our problems. Or did they? In fact, we instead spend a lot of time customising existing code to meet our requirements, grappling with deployments and then whacking caching on top of over-powered servers to get an ounce of speed.
Static Site Generators aim to sit somewhere in the middle and are perfect for semi-dynamic sites and with a little learning, better for content creators.
In this session, Chris will look at an overview of the principles and options for static site generators and deep dive into one or two to explain further how the work and can fit into your projects.
Building Cross Platform Apps with ElectronChris Ward
Electron is a fantastic tool for creating cross-platform apps with HTML, CSS, and JavaScript that look and feel relatively native to the hosted Platform. In this presentation I'll give a quick overview of what's possible.
The battle between Google and Oracle may finally be over, but let's face it, the relationship between Android developers and Java is still a rocky one.
In this presentation I would like to look at the potential for Android development with a series of alternatives to Java, especially Go, Dart, Kotlin and Swift.
I will introduce the languages, analyze their potential and what is achievable with them, seeing if any of them are viable alternatives to the Java behemoth.
The past, present and future of swift, Voxxed Belgrade 2016Chris Ward
Whilst open sourcing a language is nothing new, Apple's unprecedented step has caused massive excitement and activity for this new language, with a flurry of development and contributions.
In this presentation I would like to explore the current potential of Swift and what's going to be possible in the future.
A Documentation Crash Course, LinuxCon 2016Chris Ward
How many times have you come across an awesome looking library or tool that you're keen to work with in your own project but can't even begin to understand how to use it?
Programmers are great at creating amazing and cutting-edge code, but not always so good and explaining themselves, and I want to help. In this presentation I want to draw upon my experience in writing tutorials and technical documentation to help you write clear, concise and usable documentation for your own projects.
Drupal South is a conference taking place February 14-16, 2014 in New Zealand that will feature around 40 sessions across training, business, and Birds of a Feather topics, as well as code sprints and social activities. The venue is at a museum and will have liquid refreshments available. While a few speakers had to cancel, their spots were filled, and attendees can expect the event to be an awesome experience as Drupal conferences always are.
Extend Drupal with a CRM, DrupalGov 2013Chris Ward
CRMs are a valuable tool in helping track your constituents or contacts and your interactions with them. Whether those interactions are memberships or donations, demographics or hot issues, surveying members or a variety of other potential interactions, recording them accurately to know who is most engaged with your organisation is an important task.
Through this roundtable we'll discuss the various CRM options available and how well the integrate with Drupal, including case studies of Australian organisations using CiviCRM, Salesforce and many other solutions.
Drupal DevOps - Melbourne DevOps July 2013Chris Ward
This document discusses how Drupal can help with DevOps practices for managing Drupal sites. It introduces several Drupal tools and techniques for configuration management, deployment, testing, and optimizing sites, including Features, Drush, Drush aliases, Drush Make, Profiles, Aegir, and others. These tools allow automating tasks, packaging configurations, creating reusable bundles, and deploying sites from the command line. The document also briefly mentions tools for virtualization, provisioning, backups, and caching to improve performance.
Removing Barriers in Engagement - Melbourne Geek Night, July 2013Chris Ward
When running an organisation or service that is reliant on the efforts of volunteers, members or a community to run and sustain itself, it can be hard to attract recruits and really tell them what you need help with. Many make it difficult to access information and get involved, with technology making accessing this information easier and easier, why not take advantage of it.
In this presentation we look at practical principles and demonstrations on how to set up pages and features on your website to show exactly what you need and how to take action. We'll also look at some general tips, advice and resources for lowering the barriers to getting engagement with your organisation, campaign or product.
Power your mobile app with Drupal - Melbourne Mobile, July 2013Chris Ward
This document discusses how to power mobile presences with Drupal. It covers responsive design, offline storage, detecting devices and managing multiple sites. Integration with frameworks like PhoneGap and services are also discussed. The document provides an introduction to responsive design themes, offline app caching modules, device detection modules and mobile switching modules. It also lists modules and projects for integrating Drupal with frameworks like PhoneGap, Drupalgap and services modules for REST, JSON, and other APIs.
Why your image of the world could be wrongChris Ward
Your view of the world is wrong. In this session we learn how and why many conventional maps are incorrect and why it may or may not matter. We also look at some of the sad, gory and checkered stories that have lead to what we know about the world. Or think we know…
Maps, more than ever, are everywhere we look and in many things we do. Often the perspective of the world they give you is wildly inaccurate, sometimes for very good reason, sometimes for not so good reasons. We also look at some stories and legends behind maps from lost priests to lost continents and the discovery that built empires.
Strap yourself in, it will be a bumpy voyage of discovery…
This document discusses challenges faced by renters and proposes using games to promote sustainability issues important to renters. Currently 30% of people nationally rent, which is even higher in inner cities and rising amongst younger generations unable to afford homes. Renters face issues like short leases, lack of standards, small living spaces without gardens, and little collective power. The document proposes developing existing games to incorporate sustainability lessons and test them with audiences. If successful, the games could be tweaked and crowdfunded and eventually hired out to further engage renters on sustainability topics.
Drupal is an open source content management system (CMS) that is released under the GNU General Public License and has a large developer community supporting it through distributions, modules, themes and consulting services. The document discusses Drupal's security features such as password hashing, session handling, and sanitization of user input to prevent vulnerabilities, as well as its privacy features including permissions and cookie compliance. It also promotes upcoming Drupal events in Melbourne and Sydney.
Howard Phillip Lovecraft was an American author who pioneered cosmic horror and weird fiction. He was born in 1890 in Providence, Rhode Island and published many pulp horror stories throughout his life. Lovecraft explored themes of mankind's insignificance compared to limitless unknowable cosmic forces, the existence of strange and ancient gods and other realities, and the inherent guilt of humankind. Though he was unknown and died in poverty in 1937, Lovecraft has had a huge influence on modern horror and fantasy works through his exploration of these cosmic horror themes.
The Department of Veteran Affairs (VA) invited Taylor Paschal, Knowledge & Information Management Consultant at Enterprise Knowledge, to speak at a Knowledge Management Lunch and Learn hosted on June 12, 2024. All Office of Administration staff were invited to attend and received professional development credit for participating in the voluntary event.
The objectives of the Lunch and Learn presentation were to:
- Review what KM ‘is’ and ‘isn’t’
- Understand the value of KM and the benefits of engaging
- Define and reflect on your “what’s in it for me?”
- Share actionable ways you can participate in Knowledge - - Capture & Transfer
Introduction of Cybersecurity with OSS at Code Europe 2024Hiroshi SHIBATA
I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems.
The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS.
Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application.
I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.
Fueling AI with Great Data with Airbyte WebinarZilliz
This talk will focus on how to collect data from a variety of sources, leveraging this data for RAG and other GenAI use cases, and finally charting your course to productionalization.
Discover top-tier mobile app development services, offering innovative solutions for iOS and Android. Enhance your business with custom, user-friendly mobile applications.
High performance Serverless Java on AWS- GoTo Amsterdam 2024Vadym Kazulkin
Java is for many years one of the most popular programming languages, but it used to have hard times in the Serverless community. Java is known for its high cold start times and high memory footprint, comparing to other programming languages like Node.js and Python. In this talk I'll look at the general best practices and techniques we can use to decrease memory consumption, cold start times for Java Serverless development on AWS including GraalVM (Native Image) and AWS own offering SnapStart based on Firecracker microVM snapshot and restore and CRaC (Coordinated Restore at Checkpoint) runtime hooks. I'll also provide a lot of benchmarking on Lambda functions trying out various deployment package sizes, Lambda memory settings, Java compilation options and HTTP (a)synchronous clients and measure their impact on cold and warm start times.
Have you ever been confused by the myriad of choices offered by AWS for hosting a website or an API?
Lambda, Elastic Beanstalk, Lightsail, Amplify, S3 (and more!) can each host websites + APIs. But which one should we choose?
Which one is cheapest? Which one is fastest? Which one will scale to meet our needs?
Join me in this session as we dive into each AWS hosting service to determine which one is best for your scenario and explain why!
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...Jason Yip
The typical problem in product engineering is not bad strategy, so much as “no strategy”. This leads to confusion, lack of motivation, and incoherent action. The next time you look for a strategy and find an empty space, instead of waiting for it to be filled, I will show you how to fill it in yourself. If you’re wrong, it forces a correction. If you’re right, it helps create focus. I’ll share how I’ve approached this in the past, both what works and lessons for what didn’t work so well.
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving
What began over 115 years ago as a supplier of precision gauges to the automotive industry has evolved into being an industry leader in the manufacture of product branding, automotive cockpit trim and decorative appliance trim. Value-added services include in-house Design, Engineering, Program Management, Test Lab and Tool Shops.
"$10 thousand per minute of downtime: architecture, queues, streaming and fin...Fwdays
Direct losses from downtime in 1 minute = $5-$10 thousand dollars. Reputation is priceless.
As part of the talk, we will consider the architectural strategies necessary for the development of highly loaded fintech solutions. We will focus on using queues and streaming to efficiently work and manage large amounts of data in real-time and to minimize latency.
We will focus special attention on the architectural patterns used in the design of the fintech system, microservices and event-driven architecture, which ensure scalability, fault tolerance, and consistency of the entire system.
In the realm of cybersecurity, offensive security practices act as a critical shield. By simulating real-world attacks in a controlled environment, these techniques expose vulnerabilities before malicious actors can exploit them. This proactive approach allows manufacturers to identify and fix weaknesses, significantly enhancing system security.
This presentation delves into the development of a system designed to mimic Galileo's Open Service signal using software-defined radio (SDR) technology. We'll begin with a foundational overview of both Global Navigation Satellite Systems (GNSS) and the intricacies of digital signal processing.
The presentation culminates in a live demonstration. We'll showcase the manipulation of Galileo's Open Service pilot signal, simulating an attack on various software and hardware systems. This practical demonstration serves to highlight the potential consequences of unaddressed vulnerabilities, emphasizing the importance of offensive security practices in safeguarding critical infrastructure.
Essentials of Automations: Exploring Attributes & Automation ParametersSafe Software
Building automations in FME Flow can save time, money, and help businesses scale by eliminating data silos and providing data to stakeholders in real-time. One essential component to orchestrating complex automations is the use of attributes & automation parameters (both formerly known as “keys”). In fact, it’s unlikely you’ll ever build an Automation without using these components, but what exactly are they?
Attributes & automation parameters enable the automation author to pass data values from one automation component to the next. During this webinar, our FME Flow Specialists will cover leveraging the three types of these output attributes & parameters in FME Flow: Event, Custom, and Automation. As a bonus, they’ll also be making use of the Split-Merge Block functionality.
You’ll leave this webinar with a better understanding of how to maximize the potential of automations by making use of attributes & automation parameters, with the ultimate goal of setting your enterprise integration workflows up on autopilot.
Freshworks Rethinks NoSQL for Rapid Scaling & Cost-EfficiencyScyllaDB
Freshworks creates AI-boosted business software that helps employees work more efficiently and effectively. Managing data across multiple RDBMS and NoSQL databases was already a challenge at their current scale. To prepare for 10X growth, they knew it was time to rethink their database strategy. Learn how they architected a solution that would simplify scaling while keeping costs under control.
zkStudyClub - LatticeFold: A Lattice-based Folding Scheme and its Application...Alex Pruden
Folding is a recent technique for building efficient recursive SNARKs. Several elegant folding protocols have been proposed, such as Nova, Supernova, Hypernova, Protostar, and others. However, all of them rely on an additively homomorphic commitment scheme based on discrete log, and are therefore not post-quantum secure. In this work we present LatticeFold, the first lattice-based folding protocol based on the Module SIS problem. This folding protocol naturally leads to an efficient recursive lattice-based SNARK and an efficient PCD scheme. LatticeFold supports folding low-degree relations, such as R1CS, as well as high-degree relations, such as CCS. The key challenge is to construct a secure folding protocol that works with the Ajtai commitment scheme. The difficulty, is ensuring that extracted witnesses are low norm through many rounds of folding. We present a novel technique using the sumcheck protocol to ensure that extracted witnesses are always low norm no matter how many rounds of folding are used. Our evaluation of the final proof system suggests that it is as performant as Hypernova, while providing post-quantum security.
Paper Link: https://eprint.iacr.org/2024/257
7. What about Drupal?
• More complex
• Dynamic
drupal.org/project/appcache
With some module
changes…
8. How does it work?
Adds variable that is reset on cache clear, amends
manifest and causes browser rebuild.
Builds cached pages as it goes.
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="<?php print $language->language; ?>"
version="XHTML+RDFa 1.0" manifest="<?php print
base_path(); ?>appcache.manifest" dir="<?php print
$language->dir; ?>"<?php print $rdf_namespaces; ?>>
9. Pointers
• May not want to apply
to whole site
• Authenticated areas
• Offline files
• Admin items
• User confusion
10. Taking it mobile
• PhoneGap if
AppStores
• WebApp in other
cases
13. Just some of them…
• Mobile / Browser detection
• Cache size restrictions
• PhoneGap
• JavaScript issues
• Local testing
• Inconsistent
• Media files
CACHE:This is the default section for entries. Files listed under this header (or immediately after the CACHE MANIFEST) will be explicitly cached after they're downloaded for the first time.NETWORK:Files listed under this section are white-listed resources that require a connection to the server. All requests to these resources bypass the cache, even if the user is offline. Wildcards may be used.FALLBACK:An optional section specifying fallback pages if a resource is inaccessible. The first URI is the resource, the second is the fallback. Both URIs must be relative and from the same origin as the manifest file. Wildcards may be used.Lines starting with a '#' are comment lines, but can also serve another purpose. An application's cache is only updated when its manifest file changes. So for example, if you edit an image resource or change a javascript function, those changes will not be re-cached. You must modify the manifest file itself to inform the browser to refresh cached files. Creating a comment line with a generated version number, hash of your files, or timestamp is one way to ensure users have the latest version of your software. You can also programmatically update the cache once a new version is ready as discussed in the Updating the cache section.