Shipping Performant 3rd Party JavaScript Widgets
•
0 likes•333 views
Houston.js demo + slides for babel/webpack/react bundling & optimizations. Demo: https://performant-3rd-party-widgets-owaihbmhfl.now.sh/ Code: https://github.com/ericclemmons/performant-3rd-party-widgets
Report
Share
Report
Share
Download to read offline
Recommended
Docker tips
This document provides tips for using Docker including: not needing to fetch Dockerfiles directly but instead using build commands; storing configs at runtime instead of in images; using smaller focused images and linking them together; using Docker as a program, service, data container, shell, and network device; and considering options for managing users and permissions within containers.
Introduction to Packer and Suitcase: A Packer-based OS Image Build System
Introduction to Packer, a tool for building OS images and Suitcase, our framework for building Packer images. Presentation by Tom McLaughlin (@tmclaughbos) from HubSpot engineering.
(2016-06-11) Packer: Make Multi-Platform Images
Packer is software that allows you to create machine images for multiple platforms from a single template configuration. It uses builders to create images for platforms like AWS, VirtualBox, Docker etc. and provisioners can be used to configure the images. Packer provides benefits like consistency between development and production environments, and ease of sharing and reuse of images.
SEP DevOps Ignite Talk - Packer
These are slides from an Ignite talk I did for our DevOps Guild. I chose to give an overview on Packer, a tool for creating base images for deploying to various targets
Back to the 90s' - Revenge of the static website
Static websites are becoming a viable client application model once again. In this talk I provide a practical example
High Performance Drupal
"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.
Windows Azure Web Sites - Things they don’t teach kids in school - BuildStuffLT
Microsoft has a cloud platform which runs .NET, NodeJS and PHP. All 101 talks out there will show you the same: it’s easy to deploy, it scales out on demand and it runs WordPress. Great! But what about doing real things? In this session, we’ll explore the things they don’t teach kids in school. How about trying to find out the architecture of this platform? What about the different deployment options for Windows Azure Web Sites, the development flow and some awesome things you can do with the command line tools? Did you know you can modify the automated build process? Join me in this exploration of some lesser known techniques of the platform.
Provisioning Rails Servers with Ansible
This document summarizes a talk about provisioning Rails servers with Ansible. It discusses the tasks involved in provisioning a Rails server, an introduction to Ansible, and demonstrating an open-source Ansible playbook for Rails. Key concepts with Ansible like variables, includes, templates, files and roles are explained. Finally, resources for learning more about Ansible and Rails provisioning are provided.
Recommended
Docker tips
This document provides tips for using Docker including: not needing to fetch Dockerfiles directly but instead using build commands; storing configs at runtime instead of in images; using smaller focused images and linking them together; using Docker as a program, service, data container, shell, and network device; and considering options for managing users and permissions within containers.
Introduction to Packer and Suitcase: A Packer-based OS Image Build System
Introduction to Packer, a tool for building OS images and Suitcase, our framework for building Packer images. Presentation by Tom McLaughlin (@tmclaughbos) from HubSpot engineering.
(2016-06-11) Packer: Make Multi-Platform Images
Packer is software that allows you to create machine images for multiple platforms from a single template configuration. It uses builders to create images for platforms like AWS, VirtualBox, Docker etc. and provisioners can be used to configure the images. Packer provides benefits like consistency between development and production environments, and ease of sharing and reuse of images.
SEP DevOps Ignite Talk - Packer
These are slides from an Ignite talk I did for our DevOps Guild. I chose to give an overview on Packer, a tool for creating base images for deploying to various targets
Back to the 90s' - Revenge of the static website
Static websites are becoming a viable client application model once again. In this talk I provide a practical example
High Performance Drupal
"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.
Windows Azure Web Sites - Things they don’t teach kids in school - BuildStuffLT
Microsoft has a cloud platform which runs .NET, NodeJS and PHP. All 101 talks out there will show you the same: it’s easy to deploy, it scales out on demand and it runs WordPress. Great! But what about doing real things? In this session, we’ll explore the things they don’t teach kids in school. How about trying to find out the architecture of this platform? What about the different deployment options for Windows Azure Web Sites, the development flow and some awesome things you can do with the command line tools? Did you know you can modify the automated build process? Join me in this exploration of some lesser known techniques of the platform.
Provisioning Rails Servers with Ansible
This document summarizes a talk about provisioning Rails servers with Ansible. It discusses the tasks involved in provisioning a Rails server, an introduction to Ansible, and demonstrating an open-source Ansible playbook for Rails. Key concepts with Ansible like variables, includes, templates, files and roles are explained. Finally, resources for learning more about Ansible and Rails provisioning are provided.
Continous Delivery to Kubernetes using Helm
With Helm, you can deploy distributed apps on Kubernetes using packages known as charts, but how do you go beyond that initial deployment? Helm was designed to fit right into existing CI/CD pipelines and in this talk we'll see this in action. We'll also discuss the benefits of managing all your deployment configuration as code, and see how Helm enables this.
This presentation was presented at ContainerCamp UK.
Auto-scaled Concourse CI on AWS w/o BOSH
This document discusses auto-scaling Concourse CI on AWS without using BOSH. It introduces concourse-aws, which allows bootstrapping a Concourse cluster on AWS with one command. Concourse-aws supports time-based and utilization-based auto-scaling to optimize costs. It implements auto-scaling using Terraform to provision AWS resources. The author hopes Concourse will support officially pausing pipelines when scaling workers and caching Docker images to improve build times after scaling out.
Packer
Packer is an open source tool for creating machine images for multiple platforms from a single source configuration. It uses templates that define builders, provisioners, and post-processors to automate the creation of machine images in parallel. Templates use JSON and allow variables, functions, and conditionals. Common builders include Amazon EC2, Docker, Azure, and more. Provisioners like shell, Ansible, Chef, and Puppet install and configure software. Post-processors perform tasks like uploading, compressing, or tagging the finished image.
Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)
This document introduces Node-Webkit, which allows developers to create desktop applications using JavaScript, HTML, and CSS. Node-Webkit packages Node.js and Webkit to build executable applications for Windows and Mac. While the initial packaging was clumsy, the Grunt-Node-Webkit-Builder tool now simplifies building and testing updated Node-Webkit applications. Developing cross-platform desktop apps traditionally requires different technologies like Java Swing and is difficult, but Node-Webkit enables using a single code base for desktop apps.
141204 upload
1) The document discusses a presentation about Docker given by Quey-Liang Kao at SC14. It provides background on Kao and an overview of Docker's history and basic usage.
2) Details are given on setting up Docker environments for HPC and benchmarking Docker performance versus VMs using HPL.
3) Future work is discussed, including exploring GPU support in Docker and live migration capabilities.
Puppet Camp Ghent 2013
This document discusses adding Forge modules to Puppet Enterprise. It describes moving the HTTP load balancer from Pound to nginx, keeping existing manifests pulled from GitHub, and using the Puppet Forge to install the puppetlabs/nginx module or integrating it via Git submodules. It also covers parameterizing classes on the Puppet Enterprise console and merging site.pp files, as well as updating nginx configurations on the fly and considering alternative nginx modules on the Forge.
Server Check.in case study - Drupal and Node.js
Server Check.in is a simple, inexpensive website and server monitor. See how Server Check.in was built, and how it uses Drupal and Node.js together to build an easy-to-use and powerful web application. See more at https://servercheck.in/
Bundling your front-end with Webpack
This document discusses how bundling front-end code with Webpack can help solve issues with large JavaScript files in single-page apps. It introduces Webpack as a module bundler that can handle dependencies across JavaScript, CSS, images and more. It supports loading modules on demand and pre-processing file types. The document provides a demo GitHub repo and references to learn more about Webpack's features and how companies like Instagram use it.
TDC2016SP - Esqueça Grunt ou Gulp. Webpack and NPM rule them all!
This document discusses replacing Grunt and Gulp workflows with Webpack and NPM scripts for building frontend applications. It begins by introducing the speaker and their background. It then outlines problems with Grunt/Gulp and proposes using Webpack for build pipelines and NPM scripts for task management instead. Key features of Webpack are described, including its use of loaders and plugins to transform modules. Finally, it demonstrates setting up a basic Webpack configuration file and using NPM scripts for tasks like building and deploying.
Infrastructure as code with Puppet and Apache CloudStack
This document discusses using Puppet to define infrastructure as code with Apache CloudStack. It describes how Puppet can be used to provision and configure virtual machines on CloudStack as well as define entire application stacks. The author provides examples of using Puppet types and providers to define CloudStack instances and groups of instances that can be deployed with a single Puppet manifest. Links are included to learn more about using Puppet to manage CloudStack infrastructure.
Introduction to Express and Grunt
This document introduces Express, a web development framework for Node.js, and Grunt, a JavaScript task runner. It describes Express as fast, lightweight, and minimalist, noting that it includes only necessary features. Grunt is presented as a tool for automating tasks like minification, compilation, unit testing and linting. The document provides instructions on setting up projects with Express and Grunt, demonstrating how to define tasks in a Gruntfile and develop custom tasks.
How to setup MateriApps LIVE!
This document provides instructions for setting up MateriApps LIVE!, a virtual machine containing materials science applications. It includes downloading VirtualBox, importing the MateriApps LIVE! virtual disk image, configuring shared folders and keyboard settings, and introduces some applications included like OpenMX and Gromacs. The document is produced by the MateriApps administration team whose goal is to promote open source materials science software through community formation.
Front-end tools
The document discusses various front-end development tools including Bower, Grunt, Gulp, Webpack, Yeoman, and PhantomJS. It provides information on what each tool is used for, such as package management, task automation, bundling code, and testing. Examples are given of how to configure and use the tools in a front-end workflow.
ReactJS Workflows
This document discusses React workflows, including:
- The benefits of using Create React App to get started quickly without configuring Webpack or Babel.
- Why you may want to configure your own build rather than using Create React App, including having more control over customizations and updates.
- An overview of Webpack and using it to bundle assets, optimize builds, and add dependencies like Babel, Sass, and plugins for code splitting and asset optimization.
- Other topics covered include React styling options, testing advantages, folder structures, and additional tools that could be included like Flux architecture and Storybook.
Docksal: Better than VMs
Slides from the DrupalCon Baltimore 2017 session:
https://events.drupal.org/baltimore2017/sessions/better-vms
Node.js x Azure, cli usage, website deployment
This document discusses using Node.js on Microsoft Azure. It covers installing Node.js with NVM, deploying a simple Node.js web application to Azure, and using Azure CLI commands to deploy code from GitHub to an Azure web site. It also briefly mentions using MongoDB for data storage and links to resources for the Node.js SDK for Azure and a GitHub repo with Node.js examples for Azure.
Eclipse Orion: The IDE in the Clouds (JavaOne 2013)
The document introduces Eclipse Orion, an open source web-based integrated development environment (IDE) that allows software development within a browser. It discusses how Orion provides code editing, debugging, version control, and other development tools through a browser without needing to install anything. It also describes how Orion uses plugins to extend its functionality and can be self-hosted or used on the public OrionHub server.
RubyMotion Introduction
RubyMotion allows building iOS apps using the Ruby programming language. It was released in beta in April 2014 and costs $199 plus the $99 iOS developer license. RubyMotion uses Ruby gems and works with any text editor. Libraries like CocoaPods and templates like Storyboards can be used. Testing tools include RSpec, Guard, and Frank/Cucumber. Documentation is available on the RubyMotion site and via the Dash app.
誰でも作れるChrome拡張機能
This document discusses how to develop a Chrome extension using JavaScript. It provides instructions on how to install extensions by locating the extensions folder on Mac and Windows systems. It also outlines the basic steps to create an extension, which includes configuring the manifest.json file, writing the JavaScript code, and creating an HTML page. The extension can then use JavaScript to modify and enhance pages in the Chrome browser.
Modern web technologies
The document discusses modern web technologies including Composer, Laravel, Sass, Compass, Node.js, Bower, Gulp and SemanticUI. It provides overviews of each tool, why they are useful, how to install them and includes demos. Key topics covered are dependency management with Composer, PHP framework Laravel, CSS preprocessor Sass and framework Compass, front-end package manager Bower, task runner Gulp and theming framework SemanticUI.
Webpack and Web Performance Optimization
Webpack and Web Performance Optimization discusses using Webpack and other tools to optimize web performance. It introduces Webpack as a module bundler and discusses its features like code splitting and optimizations. It covers setting up loaders and the Webpack build flow. The document also discusses various web optimization techniques including image optimization, reducing requests, minifying assets, critical rendering path, and caching. It provides examples of optimizing sites for mobile and comparisons of optimization approaches with different user and business impacts. The document discusses using tools like Gulp and integrating with Webpack for tasks like Sass compilation and testing. It also covers modularizing JavaScript with React and using Babel to transpile ES6 to ES5. Finally, it demonstrates collabor
Bundle your modules with Webpack
There are many build tools available to JavaScript developers, but Webpack is quickly emerging as the leader of the pack. To better understand its use cases and where it excels above the rest, Jake Peyser will walk you through how to use it as a task runner and module bundler, as well as a few other handy tips. Come learn why Webpack is the most popular build tool with React developers.
More Related Content
What's hot
Continous Delivery to Kubernetes using Helm
With Helm, you can deploy distributed apps on Kubernetes using packages known as charts, but how do you go beyond that initial deployment? Helm was designed to fit right into existing CI/CD pipelines and in this talk we'll see this in action. We'll also discuss the benefits of managing all your deployment configuration as code, and see how Helm enables this.
This presentation was presented at ContainerCamp UK.
Auto-scaled Concourse CI on AWS w/o BOSH
This document discusses auto-scaling Concourse CI on AWS without using BOSH. It introduces concourse-aws, which allows bootstrapping a Concourse cluster on AWS with one command. Concourse-aws supports time-based and utilization-based auto-scaling to optimize costs. It implements auto-scaling using Terraform to provision AWS resources. The author hopes Concourse will support officially pausing pipelines when scaling workers and caching Docker images to improve build times after scaling out.
Packer
Packer is an open source tool for creating machine images for multiple platforms from a single source configuration. It uses templates that define builders, provisioners, and post-processors to automate the creation of machine images in parallel. Templates use JSON and allow variables, functions, and conditionals. Common builders include Amazon EC2, Docker, Azure, and more. Provisioners like shell, Ansible, Chef, and Puppet install and configure software. Post-processors perform tasks like uploading, compressing, or tagging the finished image.
Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)
This document introduces Node-Webkit, which allows developers to create desktop applications using JavaScript, HTML, and CSS. Node-Webkit packages Node.js and Webkit to build executable applications for Windows and Mac. While the initial packaging was clumsy, the Grunt-Node-Webkit-Builder tool now simplifies building and testing updated Node-Webkit applications. Developing cross-platform desktop apps traditionally requires different technologies like Java Swing and is difficult, but Node-Webkit enables using a single code base for desktop apps.
141204 upload
1) The document discusses a presentation about Docker given by Quey-Liang Kao at SC14. It provides background on Kao and an overview of Docker's history and basic usage.
2) Details are given on setting up Docker environments for HPC and benchmarking Docker performance versus VMs using HPL.
3) Future work is discussed, including exploring GPU support in Docker and live migration capabilities.
Puppet Camp Ghent 2013
This document discusses adding Forge modules to Puppet Enterprise. It describes moving the HTTP load balancer from Pound to nginx, keeping existing manifests pulled from GitHub, and using the Puppet Forge to install the puppetlabs/nginx module or integrating it via Git submodules. It also covers parameterizing classes on the Puppet Enterprise console and merging site.pp files, as well as updating nginx configurations on the fly and considering alternative nginx modules on the Forge.
Server Check.in case study - Drupal and Node.js
Server Check.in is a simple, inexpensive website and server monitor. See how Server Check.in was built, and how it uses Drupal and Node.js together to build an easy-to-use and powerful web application. See more at https://servercheck.in/
Bundling your front-end with Webpack
This document discusses how bundling front-end code with Webpack can help solve issues with large JavaScript files in single-page apps. It introduces Webpack as a module bundler that can handle dependencies across JavaScript, CSS, images and more. It supports loading modules on demand and pre-processing file types. The document provides a demo GitHub repo and references to learn more about Webpack's features and how companies like Instagram use it.
TDC2016SP - Esqueça Grunt ou Gulp. Webpack and NPM rule them all!
This document discusses replacing Grunt and Gulp workflows with Webpack and NPM scripts for building frontend applications. It begins by introducing the speaker and their background. It then outlines problems with Grunt/Gulp and proposes using Webpack for build pipelines and NPM scripts for task management instead. Key features of Webpack are described, including its use of loaders and plugins to transform modules. Finally, it demonstrates setting up a basic Webpack configuration file and using NPM scripts for tasks like building and deploying.
Infrastructure as code with Puppet and Apache CloudStack
This document discusses using Puppet to define infrastructure as code with Apache CloudStack. It describes how Puppet can be used to provision and configure virtual machines on CloudStack as well as define entire application stacks. The author provides examples of using Puppet types and providers to define CloudStack instances and groups of instances that can be deployed with a single Puppet manifest. Links are included to learn more about using Puppet to manage CloudStack infrastructure.
Introduction to Express and Grunt
This document introduces Express, a web development framework for Node.js, and Grunt, a JavaScript task runner. It describes Express as fast, lightweight, and minimalist, noting that it includes only necessary features. Grunt is presented as a tool for automating tasks like minification, compilation, unit testing and linting. The document provides instructions on setting up projects with Express and Grunt, demonstrating how to define tasks in a Gruntfile and develop custom tasks.
How to setup MateriApps LIVE!
This document provides instructions for setting up MateriApps LIVE!, a virtual machine containing materials science applications. It includes downloading VirtualBox, importing the MateriApps LIVE! virtual disk image, configuring shared folders and keyboard settings, and introduces some applications included like OpenMX and Gromacs. The document is produced by the MateriApps administration team whose goal is to promote open source materials science software through community formation.
Front-end tools
The document discusses various front-end development tools including Bower, Grunt, Gulp, Webpack, Yeoman, and PhantomJS. It provides information on what each tool is used for, such as package management, task automation, bundling code, and testing. Examples are given of how to configure and use the tools in a front-end workflow.
ReactJS Workflows
This document discusses React workflows, including:
- The benefits of using Create React App to get started quickly without configuring Webpack or Babel.
- Why you may want to configure your own build rather than using Create React App, including having more control over customizations and updates.
- An overview of Webpack and using it to bundle assets, optimize builds, and add dependencies like Babel, Sass, and plugins for code splitting and asset optimization.
- Other topics covered include React styling options, testing advantages, folder structures, and additional tools that could be included like Flux architecture and Storybook.
Docksal: Better than VMs
Slides from the DrupalCon Baltimore 2017 session:
https://events.drupal.org/baltimore2017/sessions/better-vms
Node.js x Azure, cli usage, website deployment
This document discusses using Node.js on Microsoft Azure. It covers installing Node.js with NVM, deploying a simple Node.js web application to Azure, and using Azure CLI commands to deploy code from GitHub to an Azure web site. It also briefly mentions using MongoDB for data storage and links to resources for the Node.js SDK for Azure and a GitHub repo with Node.js examples for Azure.
Eclipse Orion: The IDE in the Clouds (JavaOne 2013)
The document introduces Eclipse Orion, an open source web-based integrated development environment (IDE) that allows software development within a browser. It discusses how Orion provides code editing, debugging, version control, and other development tools through a browser without needing to install anything. It also describes how Orion uses plugins to extend its functionality and can be self-hosted or used on the public OrionHub server.
RubyMotion Introduction
RubyMotion allows building iOS apps using the Ruby programming language. It was released in beta in April 2014 and costs $199 plus the $99 iOS developer license. RubyMotion uses Ruby gems and works with any text editor. Libraries like CocoaPods and templates like Storyboards can be used. Testing tools include RSpec, Guard, and Frank/Cucumber. Documentation is available on the RubyMotion site and via the Dash app.
誰でも作れるChrome拡張機能
This document discusses how to develop a Chrome extension using JavaScript. It provides instructions on how to install extensions by locating the extensions folder on Mac and Windows systems. It also outlines the basic steps to create an extension, which includes configuring the manifest.json file, writing the JavaScript code, and creating an HTML page. The extension can then use JavaScript to modify and enhance pages in the Chrome browser.
Modern web technologies
The document discusses modern web technologies including Composer, Laravel, Sass, Compass, Node.js, Bower, Gulp and SemanticUI. It provides overviews of each tool, why they are useful, how to install them and includes demos. Key topics covered are dependency management with Composer, PHP framework Laravel, CSS preprocessor Sass and framework Compass, front-end package manager Bower, task runner Gulp and theming framework SemanticUI.
What's hot (20)
Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)
Native Desktop App with Node.js Webkit (HTML, CSS & Javascript)
TDC2016SP - Esqueça Grunt ou Gulp. Webpack and NPM rule them all!
TDC2016SP - Esqueça Grunt ou Gulp. Webpack and NPM rule them all!
Infrastructure as code with Puppet and Apache CloudStack
Infrastructure as code with Puppet and Apache CloudStack
Eclipse Orion: The IDE in the Clouds (JavaOne 2013)
Eclipse Orion: The IDE in the Clouds (JavaOne 2013)
Similar to Shipping Performant 3rd Party JavaScript Widgets
Webpack and Web Performance Optimization
Webpack and Web Performance Optimization discusses using Webpack and other tools to optimize web performance. It introduces Webpack as a module bundler and discusses its features like code splitting and optimizations. It covers setting up loaders and the Webpack build flow. The document also discusses various web optimization techniques including image optimization, reducing requests, minifying assets, critical rendering path, and caching. It provides examples of optimizing sites for mobile and comparisons of optimization approaches with different user and business impacts. The document discusses using tools like Gulp and integrating with Webpack for tasks like Sass compilation and testing. It also covers modularizing JavaScript with React and using Babel to transpile ES6 to ES5. Finally, it demonstrates collabor
Bundle your modules with Webpack
There are many build tools available to JavaScript developers, but Webpack is quickly emerging as the leader of the pack. To better understand its use cases and where it excels above the rest, Jake Peyser will walk you through how to use it as a task runner and module bundler, as well as a few other handy tips. Come learn why Webpack is the most popular build tool with React developers.
habitat at docker bud
Habitat is an open source project that provides tools for building, deploying, and managing applications across platforms. It allows developers to build applications once and run them anywhere by ignoring the underlying platform and packaging applications with all of their dependencies. Habitat provides tools for building applications locally, managing packages in a private registry, and running applications as managed services that can be updated in a zero-downtime way.
Virtualization with Vagrant (ua.pycon 2011)
Presentation on topic of using virtualized environment in development and testing, especially for web applications.
Prepared for Pycon Ukraine 2011
Building JavaScript
Building our Web Applications Utilizing task runner to compile our code and thus improving our development process & application performance.
Build optimization mechanisms in GitLab and Docker
Build optimization mechanisms available in GitLab and Docker. Overview of best practices and anti-patterns.
DevOPS training - Day 2/2
This document provides an overview of DevOPS concepts including containers, Docker, and related tools. It discusses what containers are and the differences between virtual machines and containers. It then covers how containers can be used by developers and systems engineers. Docker is introduced as a tool for running and managing containers. Dockerfiles are described as documents for assembling container images. Docker Compose is presented as a tool for defining and running multi-container applications. Examples are given for creating a simple container with Dockerfile and running it locally and sharing it publicly. Monitoring tools like cAdvisor are mentioned. The document ends with discussing continuous integration/deployment using tools like Gitlab and Jenkins to automate the build and deployment process.
Docker on a Diet
An obesity epidemic is sweeping through the Docker ecosystem. Here are some methods to reduce the bloat in your Docker images. Put your containers on a diet!
Automation in the Small: Code to Cloud
Advanced software development processes and deployment automation are necessary for any large software development team. However, even small teams and lone developers can benefit from these techniques.
Let me show you how with a few tools that are powerful, simple to understand, and free to use. I will cover solutions for CLI & GUI package management, machine imaging, virtualization, and configuration management. You will see examples that can create a unified software deployment approach for both local development environments & production cloud instances.
Related blog post: http://www.jbarker.com/blog/2014/ebay-berlin-devops-cloud
Create ReactJS Component & publish as npm package
How to prepare your (provider) ReactJS component and let your friends (consumer) to use it.
What issues you may face with Babel, Webpack, Eslint, Node, npm.
When to use “npm link” approach and “npm publish” approach.
What else to read and to try.
(Declarative) Jenkins Pipelines
This document summarizes a Jenkins pipeline for testing and deploying Chef cookbooks. The pipeline is configured to automatically scan a GitHub organization for any repositories containing a Jenkinsfile. It will then create and manage multibranch pipeline jobs for each repository and branch. The pipelines leverage a shared Jenkins global library which contains pipeline logic to test and deploy the Chef cookbooks. This allows for standardized and reusable pipeline logic across all Chef cookbook repositories.
An Open-Source Chef Cookbook CI/CD Implementation Using Jenkins Pipelines
This document discusses implementing continuous integration and continuous delivery (CI/CD) for Chef cookbooks using Jenkins pipelines. It introduces Jenkins pipelines and how they can be used to test, version, and publish Chef cookbooks. Key steps include linting, dependency resolution, test-kitchen testing, version bumping, and uploading to the Chef Server. The jenkins-chefci cookbook automates setting up Jenkins with the necessary tools to run pipelines defined in a shared Groovy library for cookbook CI/CD.
Dependencies Managers in C/C++. Using stdcpp 2014
Talk about dependencies in C and C++, both in SW design and architecture, and also about package managers and dependency managers.
Rexdockercon2017
Multi-stage builds in Docker allow separating build-time and runtime images for more efficient container deployment. LinuxKit includes only required OS components and system services can be replaced or removed. Microsoft Hyper-V now supports Linux container isolation. Oracle software is now available on Docker Store for development use. Moby is an open-source project providing tools and libraries for building customized container systems from modular components. Image2Docker suggests Dockerfiles by scanning virtual machine images for common Windows components.
Be a better developer with Docker (revision 3)
Be a better developer with Docker: tricks of the trade (revision 3)
The talk will teach developers how to approach their development environment setups using Docker, covering awesome tricks to make the experience smooth, fast, powerful and repeatable. The talk is logically divided in five parts:
- What is Docker
- Why Docker makes developers happier
- Workflows and techniques
- Tips and tricks
- Future developments
Untangling fall2017 week2_try2
This document provides an agenda and overview for a class on using Git, GitHub, and VSCode. It introduces command line basics, files and directories, terminal commands, text editors, GitHub, Git basics, and a homework assignment to create a GitHub repository and JavaScript program. Key topics covered include the Git workflow, essential Git commands, using GitHub Pages, and an introduction to JavaScript programming.
Untangling fall2017 week2
This document provides an agenda and overview for a class on using Git, GitHub, and VSCode. It introduces command line basics, files and directories, terminal commands, text editors, GitHub, Git basics, and a homework assignment to create a GitHub repository and JavaScript program. Key topics covered include the Git workflow, essential Git commands, using GitHub Pages to host websites, and an introduction to JavaScript programming.
Dockercon EU 2014
My talk from Dockercon EU in Amsterdam, Dec 2014. Original abstract:
The ModCloth Platform team has been building a Docker-based continuous delivery pipeline. This presentation discusses that project and how we build containers at ModCloth. The topics include what goes into our containers; how to optimize builds to use the Docker build cache effectively; useful development workflows (including using fig); and the key decision to treat containers as processes instead of mini-vms. This presentation will also discuss (and demo!) the workflow we’ve adopted for building containers and how we’ve integrated container builds with our CI.
Comprehensive Browser Automation Solution using Groovy, WebDriver & Obect Model
Learn how to design, create, maintain, and re-factor an automation framework using the power of WebDriver, the elegance of jQuery content selection, the robustness of Page Object modeling, and the expressiveness of the Groovy language. Gaurav introduces an open-source testing solution that provides all this, and can be integrated with testing frameworks such as Spock, JUnit & TestNG.
The Tale of a Docker-based Continuous Delivery Pipeline by Rafe Colton (ModCl...
The ModCloth Platform team has been building a Docker-based continuous delivery pipeline. This presentation discusses that project and how we build containers at ModCloth. The topics include what goes into our containers; how to optimize builds to use the Docker build cache effectively; useful development workflows (including using fig); and the key decision to treat containers as processes instead of mini-vms. This presentation will also discuss (and demo!) the workflow we’ve adopted for building containers and how we’ve integrated container builds with our CI.
Similar to Shipping Performant 3rd Party JavaScript Widgets (20)
Build optimization mechanisms in GitLab and Docker
Build optimization mechanisms in GitLab and Docker
An Open-Source Chef Cookbook CI/CD Implementation Using Jenkins Pipelines
An Open-Source Chef Cookbook CI/CD Implementation Using Jenkins Pipelines
Comprehensive Browser Automation Solution using Groovy, WebDriver & Obect Model
Comprehensive Browser Automation Solution using Groovy, WebDriver & Obect Model
The Tale of a Docker-based Continuous Delivery Pipeline by Rafe Colton (ModCl...
The Tale of a Docker-based Continuous Delivery Pipeline by Rafe Colton (ModCl...
Recently uploaded
TrustArc Webinar - 2024 Global Privacy Survey
How does your privacy program stack up against your peers? What challenges are privacy teams tackling and prioritizing in 2024?
In the fifth annual Global Privacy Benchmarks Survey, we asked over 1,800 global privacy professionals and business executives to share their perspectives on the current state of privacy inside and outside of their organizations. This year’s report focused on emerging areas of importance for privacy and compliance professionals, including considerations and implications of Artificial Intelligence (AI) technologies, building brand trust, and different approaches for achieving higher privacy competence scores.
See how organizational priorities and strategic approaches to data security and privacy are evolving around the globe.
This webinar will review:
- The top 10 privacy insights from the fifth annual Global Privacy Benchmarks Survey
- The top challenges for privacy leaders, practitioners, and organizations in 2024
- Key themes to consider in developing and maintaining your privacy program
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Unlocking Productivity: Leveraging the Potential of Copilot in Microsoft 365, a presentation by Christoforos Vlachos, Senior Solutions Manager – Modern Workplace, Uni Systems
National Security Agency - NSA mobile device best practices
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Mind map of terminologies used in context of Generative AI
Mind map of common terms used in context of Generative AI.
Generating privacy-protected synthetic data using Secludy and Milvus
During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.
UiPath Test Automation using UiPath Test Suite series, part 6
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Climate Impact of Software Testing at Nordic Testing Days
My slides at Nordic Testing Days 6.6.2024
Climate impact / sustainability of software testing discussed on the talk. ICT and testing must carry their part of global responsibility to help with the climat warming. We can minimize the carbon footprint but we can also have a carbon handprint, a positive impact on the climate. Quality characteristics can be added with sustainability, and then measured continuously. Test environments can be used less, and in smaller scale and on demand. Test techniques can be used in optimizing or minimizing number of tests. Test automation can be used to speed up testing.
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
Essentials of Automations: The Art of Triggers and Actions in FME
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
20240609 QFM020 Irresponsible AI Reading List May 2024
Everything I found interesting about the irresponsible use of machine intelligence in May 2024
How to Get CNIC Information System with Paksim Ga.pptx
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Programming Foundation Models with DSPy - Meetup Slides
Prompting language models is hard, while programming language models is easy. In this talk, I will discuss the state-of-the-art framework DSPy for programming foundation models with its powerful optimizers and runtime constraint system.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift
Overview
Dive into the world of anomaly detection on edge devices with our comprehensive hands-on tutorial. This SlideShare presentation will guide you through the entire process, from data collection and model training to edge deployment and real-time monitoring. Perfect for those looking to implement robust anomaly detection systems on resource-constrained IoT/edge devices.
Key Topics Covered
1. Introduction to Anomaly Detection
- Understand the fundamentals of anomaly detection and its importance in identifying unusual behavior or failures in systems.
2. Understanding Edge (IoT)
- Learn about edge computing and IoT, and how they enable real-time data processing and decision-making at the source.
3. What is ArgoCD?
- Discover ArgoCD, a declarative, GitOps continuous delivery tool for Kubernetes, and its role in deploying applications on edge devices.
4. Deployment Using ArgoCD for Edge Devices
- Step-by-step guide on deploying anomaly detection models on edge devices using ArgoCD.
5. Introduction to Apache Kafka and S3
- Explore Apache Kafka for real-time data streaming and Amazon S3 for scalable storage solutions.
6. Viewing Kafka Messages in the Data Lake
- Learn how to view and analyze Kafka messages stored in a data lake for better insights.
7. What is Prometheus?
- Get to know Prometheus, an open-source monitoring and alerting toolkit, and its application in monitoring edge devices.
8. Monitoring Application Metrics with Prometheus
- Detailed instructions on setting up Prometheus to monitor the performance and health of your anomaly detection system.
9. What is Camel K?
- Introduction to Camel K, a lightweight integration framework built on Apache Camel, designed for Kubernetes.
10. Configuring Camel K Integrations for Data Pipelines
- Learn how to configure Camel K for seamless data pipeline integrations in your anomaly detection workflow.
11. What is a Jupyter Notebook?
- Overview of Jupyter Notebooks, an open-source web application for creating and sharing documents with live code, equations, visualizations, and narrative text.
12. Jupyter Notebooks with Code Examples
- Hands-on examples and code snippets in Jupyter Notebooks to help you implement and test anomaly detection models.
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for life science domain, where you retriever information from biomedical knowledge graphs using LLMs to increase the accuracy and performance of generated answers
Removing Uninteresting Bytes in Software Fuzzing
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
Webinar Recording: https://www.panagenda.com/webinars/hcl-notes-und-domino-lizenzkostenreduzierung-in-der-welt-von-dlau/
DLAU und die Lizenzen nach dem CCB- und CCX-Modell sind für viele in der HCL-Community seit letztem Jahr ein heißes Thema. Als Notes- oder Domino-Kunde haben Sie vielleicht mit unerwartet hohen Benutzerzahlen und Lizenzgebühren zu kämpfen. Sie fragen sich vielleicht, wie diese neue Art der Lizenzierung funktioniert und welchen Nutzen sie Ihnen bringt. Vor allem wollen Sie sicherlich Ihr Budget einhalten und Kosten sparen, wo immer möglich. Das verstehen wir und wir möchten Ihnen dabei helfen!
Wir erklären Ihnen, wie Sie häufige Konfigurationsprobleme lösen können, die dazu führen können, dass mehr Benutzer gezählt werden als nötig, und wie Sie überflüssige oder ungenutzte Konten identifizieren und entfernen können, um Geld zu sparen. Es gibt auch einige Ansätze, die zu unnötigen Ausgaben führen können, z. B. wenn ein Personendokument anstelle eines Mail-Ins für geteilte Mailboxen verwendet wird. Wir zeigen Ihnen solche Fälle und deren Lösungen. Und natürlich erklären wir Ihnen das neue Lizenzmodell.
Nehmen Sie an diesem Webinar teil, bei dem HCL-Ambassador Marc Thomas und Gastredner Franz Walder Ihnen diese neue Welt näherbringen. Es vermittelt Ihnen die Tools und das Know-how, um den Überblick zu bewahren. Sie werden in der Lage sein, Ihre Kosten durch eine optimierte Domino-Konfiguration zu reduzieren und auch in Zukunft gering zu halten.
Diese Themen werden behandelt
- Reduzierung der Lizenzkosten durch Auffinden und Beheben von Fehlkonfigurationen und überflüssigen Konten
- Wie funktionieren CCB- und CCX-Lizenzen wirklich?
- Verstehen des DLAU-Tools und wie man es am besten nutzt
- Tipps für häufige Problembereiche, wie z. B. Team-Postfächer, Funktions-/Testbenutzer usw.
- Praxisbeispiele und Best Practices zum sofortigen Umsetzen
Building Production Ready Search Pipelines with Spark and Milvus
Spark is the widely used ETL tool for processing, indexing and ingesting data to serving stack for search. Milvus is the production-ready open-source vector database. In this talk we will show how to use Spark to process unstructured data to extract vector representations, and push the vectors to Milvus vector database for search serving.
Recently uploaded (20)
National Security Agency - NSA mobile device best practices
National Security Agency - NSA mobile device best practices
Mind map of terminologies used in context of Generative AI
Mind map of terminologies used in context of Generative AI
Generating privacy-protected synthetic data using Secludy and Milvus
Generating privacy-protected synthetic data using Secludy and Milvus
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
20240609 QFM020 Irresponsible AI Reading List May 2024
20240609 QFM020 Irresponsible AI Reading List May 2024
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
GraphRAG for Life Science to increase LLM accuracy
GraphRAG for Life Science to increase LLM accuracy
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
HCL Notes und Domino Lizenzkostenreduzierung in der Welt von DLAU
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Shipping Performant 3rd Party JavaScript Widgets
- 1. Shipping Performant 3rd Party JS Widgets @chaddonohue @ericclemmons @poeticninja
- 2. Example
- 5. Tools • babel • webpack • https://github.com/th0r/webpack-bundle- analyzer
- 6. (2.19MB) Single widgets.js file served to users with everything.
- 7. webpack -p (427KB) • Automatically minifies using UglifyJS. • Shims process.env.NODE_ENV = “production” for dead-code removal. • https://webpack.js.org/guides/production-build/ #the-automatic-way
- 8. compression-webpack-plugin (134KB) • Configurable, compressed bundles with Gzip. • https://github.com/webpack-contrib/ compression-webpack-plugin
- 9. Tree Shaking (109kB) • babel-plugin-lodash • • https://github.com/lodash/babel-plugin-lodash • “Tree shaking” bundles the named imports vs. an entire CommonJS module. • https://webpack.js.org/guides/tree-shaking/
- 10. Preact (71.2kB) • preact-compat is a drop-in replacement for react • Use webpack’s resolve.alias:
- 11. Code Splitting (31KB for widgets.js) • Automatically splits dynamic imports
- 12. Asset Size Chunks Chunk Names widgets.js 230 kB 0 [emitted] widgets widgets.js.map 92 bytes 0 [emitted] widgets widgets.js.gz 72.2 kB [emitted] Asset Size Chunks Chunk Names 0.f7f14-546e3d2.js 136 kB 0 [emitted] 1.f7f14-642abe5.js 20.9 kB 1 [emitted] widgets.js 96.6 kB 2 [emitted] widgets 0.f7f14-546e3d2.js.map 108 bytes 0 [emitted] 1.f7f14-642abe5.js.map 108 bytes 1 [emitted] widgets.js.map 92 bytes 2 [emitted] widgets 1.f7f14-642abe5.js.gz 7.82 kB [emitted] widgets.js.gz 31.7 kB [emitted] 0.f7f14-546e3d2.js.gz 40.9 kB [emitted]
- 13. Targeted Polyfills (6.54kB) • Bundle & ship code to majority of your users based on their browser statistics. • Lazy-load additional polyfills for uncommon browser targets. • https://github.com/zloirock/core-js
- 14. chat.js (40.8kB) hello.js (7.82kB) polyfills.js (17kB) widgets.js (6.54kB)
- 16. styled-components • Popular CSS-in-JS solution for dynamic styles • 21kB • Significant effort to convert to alternatives. • (11kB in savings with styled-jsx)
- 17. color • Popular color manipulation library. • 8kB • polychrome (2kB) is nearly a drop-in replacement. • (6kB in savings)
- 18. setState • State management libraries can add bloat. • React’s setState can solve for most isolated state management needs. • (3kB in savings)
- 19. chat.js (20.03kB) hello.js (7.82kB) polyfills.js (17kB) widgets.js (6.54kB)