Shift Remote: JS - Javascript Build Tools: Past & Beyond - Shedrack Akintayo

Jul 8, 20200 likes114 views

In this talk, I'd go through the Evolution of JavaScript build tools, their features of most javascript build tools and what we should be expecting in the future from build tools.

Javascript Build Tools - Past &
Beyond
Presented by Shedrack Akintayo
Shift Remote Conference 2020

• Software Developer
Shedrack Akintayo
• Developer Advocate • Technical Writer

Why the web is built. !
• Dependency Management
• Transpiling
• Bundling
• Minifying
• No module management built into browser

2005-2010: The era of the first
bundlers
• Dojo
• Google Closure Tools

Problems of the First Bundlers, why
they weren't perfect
• Dojo Builder: Heavy, relies on java, poor
documentation.
• Google Closure Compiler: proprietary, requires
java, compile time is slow, poor developer
experience.

2010-2012: Gulp and Grunt
• First try to standardise and build reusable pipelines
on top of plugins.
• Gave developers freedom to write their own build
scripts.
• Plugins were available for basic tasks.

2012: Babel
• Converts es6 syntax to CommonJS.
• Support for older browsers.
• Allowed developers build custom
plugins for their needs.

2012-2014: Browserify
• ES6 module syntax.
• Same NodeJS syntax.
• Plugins.
• npm power !

2015-now: Webpack
• Faster than Browserify.
• Webpack Server (HMR, code
splitting, live reloading).
• npm Scripts power !
• Plugins.
• Presets (collection of plugins ).
• Better DX than older Build tools.

Rollup
• Module Bundler for Javascript
• Easier to learn
• Fast Build
• Code Splitting
• Less and easier config compared
to webpack
• Perfect for libraries

Parcel
• Zero Configuration - Just Install!
• Faster bundle time.
• multi-core processing.
• Plugins are not necessarily
needed.
• Awesome DX .

Snowpack
• No bundling during development.
• Instant rebuilds on save (Nothing to
rebundle!).
• Faster build tool.
• out of the box support for TypeScript, JSX,
CSS Modules etc.

esbuild
• Still experimental
• Written in Go
• Main aim of the project is to
prove how fast javascript build
tools can be.

es-dev-server
• A web server for development
without bundling by open-wc
• Efficient browser caching for fast
reloads
• Plugins
• Typescript support without any
extra tooling or plugins.

Vite
• By the creator of VueJS
• PostCSS config out of the box
• build tool that serves your code
via native ES Module imports.
• Instant hot module replacement
• TS & JSX support out of the box
handled via esbuild
• Code is compiled on demand
• Uses Rollup for production build

Browser Imports
• async / defer modules
• Caching
• Browser Support

Bundling free approaches
(runtime import systems)
• ES Modules.
• An Example is Snowpack.
• Not so much in use yet.
• Lightning fast build and deploy
times.⚡

In the future we would be seeing tools with:
• no configuration
• better customizability
• extensibility
• faster speed.
Conclusion

• Rollup Docs
• https://www.snowpack.dev/
• https://github.com/evanw/esbuild
• https://parceljs.org/
• https://medium.com/webpack/webpack-and-rollup-the-same-but-
different-a41ad427058c
• https://github.com/vitejs/vite
• https://open-wc.org/developing/es-dev-server.html
References and Useful Resources

Thank
You!!!
@coder_blvck
Shedrack Akintayo
Sheddy.xyz

The document provides an overview of the MEAN stack, which uses JavaScript for full-stack development. It discusses the evolution of web development from separate front-end and back-end work to full-stack JavaScript with Node.js. The MEAN stack combines MongoDB for the database, Express for the web framework, Angular for the front-end, and Node.js as the runtime environment. Each component is introduced, with Node.js using a single-threaded and asynchronous model, Express providing features like routing and middleware, Angular using templates and two-way data binding, and MongoDB as a flexible document database.

Hacking the way you workFotis Alexandrou

This document discusses tools and techniques for improving a developer's daily workflow, including using Vagrant for consistent development environments, Git for version control and collaboration, and design patterns for better code structure. It recommends Vagrant for matching local and production environments, Git and GitHub/Bitbucket for code changes, and following best practices like deleting code and embracing coding standards.

The MEAN StackMd. Ziaul Haq

The document discusses the MEAN stack, which is a full-stack JavaScript framework that uses MongoDB, ExpressJS, AngularJS, and Node.js. It provides an overview of each component, explaining that MongoDB is the database, ExpressJS is the web application framework, AngularJS is the front-end framework, and Node.js is the web server. The MEAN stack allows for full-stack development with JavaScript and provides benefits like asynchronous communication and being easy to start developing with.

The shift to the edgeJakub Wadolowski

The way we build web applications evolved over the decades - from on-prem servers named after your favourite Star Wars characters to autoscaling cloud clusters and serverless functions. Throughout this journey the architecture paradigm shifted towards more distributed model. Whether that’s your CMS, monitoring system or authorisation layer - it’s most likely just an endpoint you exchange data with. At the end of the day, every HTTP request goes through various middleware layers and requires both server- (SSR) and client-side rendering (CSR). Recently, a new piece of tech appeared on the landscape - WebAssembly. It became 4th official language on the Web (following HTML, CSS and JavaScript) and was initially meant to run in the browser and improve CSR. It quickly turned out that WebAssembly on the server is also a thing and can revolutionise the way we think of web apps. Some providers like Fastly and Cloudflare adopted WebAssembly and allow you to run custom code at the edge. That opens up completely new possibilities - authentication, personalised content rendering, A/B testing - you name it. Everything as close to end users as possible. During my talk I’d like to show you what edge computing offers at this stage and how it can be integrated with AEM as a Cloud Service.

NodeSummit - MEAN StackValeri Karpov

This document provides an overview of the MEAN stack and how it can be used to quickly prototype and build web applications. It discusses how MongoDB, ExpressJS, AngularJS, and NodeJS work together to allow real-time data binding from the database to the client. The document also covers best practices for adapting applications based on feedback, automating testing, and scaling applications efficiently as they grow in usage.

Introduction to mean stackPraveen Gubbala

The document provides an overview of the MEAN stack, which is a collection of JavaScript technologies used to develop web applications. It consists of MongoDB (a no-SQL database), ExpressJS (a web application framework), AngularJS (a front-end JavaScript framework), and NodeJS (a runtime environment for JavaScript). Each technology is described briefly, outlining its purpose and benefits like performance, scalability, and the use of a single programming language throughout the application stack.

The Dark Side of Single Page ApplicationsDor Kalev

The Saga of JavaScript and TypeScript: Part 1Haci Murat Yaman

The document discusses the history and evolution of JavaScript, TypeScript, and related technologies. It describes how JavaScript originated as LiveScript in 1995 and was standardized as ECMAScript. It outlines the development of JavaScript engines like V8 and environments like Node.js that expanded JavaScript beyond browsers. Finally, it introduces TypeScript as a typed superset of JavaScript that transpiles to JavaScript and allows development of client-side and server-side apps using JavaScript and Node.js.

Integrating grunt and bower with mavenRahul Nanwani

This document discusses integrating front-end tools like Grunt and Bower with build tools like Maven to improve the front-end development workflow for Java web apps. It outlines how Maven currently uses plugins like wro4j for tasks like JavaScript minification and CSS compilation. Grunt and Bower are proposed as alternatives that offer more tasks and easier setup than wro4j. Integrating Grunt and Bower through shell commands makes them extensible to work with various build tools like Maven. Example setup and code for both development and production environments using Maven will be shared.

Iconus 2016Mark Roden

Presented at the virtual ICONUS 2016 conference Many companies run a mixed IBM Notes and Microsoft Office 365 (O365) environment. SharePoint/Outlook and Domino should be viewed as a new opportunity to create rich and engaging user experiences. Using both IBM and Microsoft REST services as the core to the solution, this presentation will show how both technologies stacks can be integrated to maximize application functionality and present a seamless experience to the user. Mark will provide lots of demonstrations including Office Web Add-Ins, how to access O365 data from your Domino applications and many others. Come and see how your core Domino webdev skills are equally applicable to the Office 365 environment.

Testing your Single Page ApplicationWekoslav Stefanovski

So, you've made the ferpect Single Page Application. It has all the bells and whistles, and uses all the flashing new frameworks. But how do you know it works, and how do you know that it will continue to work in this world of continuous delivery? This session will try to explain how to do end-to-edn testing of the system, how to test the application server code, and how to test the code the executes on the client.

Angular.js in XPagesMark Roden

This document discusses using Angular.js with XPages applications. It begins with an introduction to Angular.js and how it can integrate with XPages. A demonstration is then shown of a basic people application built with Angular.js that can run independently on Domino, within another application, and on different Domino servers. The document concludes by discussing how Angular.js allows writing applications once that can run anywhere, and more demonstrations are proposed of data binding and running XPages applications inside other platforms like Bluemix, Connections, and SharePoint.

WordPress as a Headless CMS - Bronson QuickWordCamp Sydney

The WP REST API infrastructure was introduced in WordPress 4.4. The introduction of this infrastructure allows WordPress developers to now use WordPress as a headless CMS. A headless CMS has its frontend component (the head) stripped and removed from its backend, and what remains is a backend delivering content via an API. Some common use cases for headless CMS are as follows: Serving data to other web applications Mobile Apps Websites and web apps built with MVC-style JavaScript frameworks Developers can install the WP REST API plugin to expose endpoints for WordPress for posts, pages, media and users. Developers can also extend the WordPress core REST infrastructure to register their own endpoints for custom post types and WordPress options. The WP REST API plugin will expose database content via JSON. This data can be used by developers to create sites using JavaScript frameworks such as React and also use the JSON data in mobile apps. Bronson will explain and demonstrate how you can use WordPress and the WP REST API to create a website that uses React on the frontend and WordPress on the backend as a headless CMS.

Moving from PHP to a nodejs full stack CMSMake & Build

This document discusses moving a content management system (CMS) from PHP to a Node.js full stack using the KeystoneJS framework. It describes how the author migrated an existing WordPress site to KeystoneJS in 2 weeks, improving performance by 200%. Key aspects covered include the KeystoneJS data models, controllers, views, and administration interface. It also outlines additional features like customizing the admin UI with React, adding themes, and deployment options.

Decoupled Architecture and WordPressPantheon

Web Assembly Big PictureYousif Shalaby

Web Assembly is a new web standard that defines a binary format for executable code in web pages. It is meant to enable executing code nearly as quickly as native machine code. Web Assembly allows other languages like C/C++ to be compiled to run in the browser. It has performance gains over JavaScript due to execution speed and smaller file sizes. Major browsers now support Web Assembly, allowing its use without plugins. Common use cases include games, media editing, peer-to-peer apps, and scientific/CAD applications.

MEAN Stack - Google Developers Live 10/03/2013Valeri Karpov

ITT Flisol 2013Domingo Suarez Torres

This document summarizes an approach to modern web development that separates applications into logical components with single responsibilities. It advocates for building APIs with frameworks like Grails to handle data exchange, separate admin interfaces, and static single page applications using front-end frameworks. Key points include using test-driven development, continuous integration, and pre-generating static content to improve performance and reduce server loads.

WordPress development checklistBinh Quan Duc

This document outlines goals, roles, and checklists for developing a WordPress website with a focus on security, performance, and quality. The goals include highest security, safe deployment, high PageSpeed scores, control, backups/restorability, and quality proof. Roles include HTML/CSS developer, WordPress developer, and CM/DevOps. Checklists cover tasks for the HTML/CSS team like image optimization and the WordPress developer like using Docker, caching, and deployment best practices. The CM/DevOps checklist addresses asset compression, caching, backups, file permissions, and image optimization.

Azure Bootcamp Louisville - Node js presentationAndrea Walker

This document discusses Node.js applications in Windows Azure. It covers provisioning virtual machines, installing and configuring MongoDB, creating websites, and publishing Node.js applications to Windows Azure. The presenter is Bryan Phillips, a Microsoft Certified Trainer and MVP awardee with experience in SharePoint and application development. The agenda includes demonstrations of creating a Linux VM, installing MongoDB, creating a website, and publishing a Node.js app to Windows Azure.

JSFoo-2017 TakeawaysMir Ali

MEAN stackIryney Baran

The document discusses the MEAN stack, including its components (MongoDB, Express, AngularJS, Node.js) and how they work together. It notes that the MEAN stack allows building full-stack web applications using only JavaScript, and that it offers advantages like increased productivity, ease of debugging, and support for MVC architecture. Some disadvantages mentioned are that MongoDB may not scale as well for very large applications. The document then proposes building a simple app to demonstrate the MEAN stack in action.

Untangling spring week12Derek Jacoby

The document outlines the agenda for the final week of a web development course. It includes wrap-up discussions, group presentations, course surveys, and demos of web applications built with technologies like React, Node.js, and Google Cloud Platform. Students will also discuss current trends in web development tools and technologies and strategies for continuing their learning after completing the course.

ASP.NET 5 OverviewShahed Chowdhuri

Webpack and Web Performance OptimizationChen-Tien Tsai

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 WebpackJake Peyser

Agile sites2Michele Sciabarrà

AgileSites 2 introduces several new features to improve the agile development process including AgileBuilder for automated installation, jar and static publishing for more efficient deployment, a Java content model for easier content modeling, support for multi-project development, and tools for continuous integration and better versioning. Key updates include using Vagrant machines for consistent development environments, publishing static assets and application logic as publishable assets, and recreating site states from the Java content model.

More Related Content

What's hot (20)

Introduction to mean stackPraveen Gubbala

The Dark Side of Single Page ApplicationsDor Kalev

The Saga of JavaScript and TypeScript: Part 1Haci Murat Yaman

Integrating grunt and bower with mavenRahul Nanwani

Iconus 2016Mark Roden

Testing your Single Page ApplicationWekoslav Stefanovski

Angular.js in XPagesMark Roden

WordPress as a Headless CMS - Bronson QuickWordCamp Sydney

Moving from PHP to a nodejs full stack CMSMake & Build

Decoupled Architecture and WordPressPantheon

Web Assembly Big PictureYousif Shalaby

MEAN Stack - Google Developers Live 10/03/2013Valeri Karpov

ITT Flisol 2013Domingo Suarez Torres

WordPress development checklistBinh Quan Duc

Azure Bootcamp Louisville - Node js presentationAndrea Walker

JSFoo-2017 TakeawaysMir Ali

MEAN stackIryney Baran

Untangling spring week12Derek Jacoby

ASP.NET 5 OverviewShahed Chowdhuri

Webpack and Web Performance OptimizationChen-Tien Tsai

Introduction to mean stackPraveen Gubbala

The Dark Side of Single Page ApplicationsDor Kalev

The Saga of JavaScript and TypeScript: Part 1Haci Murat Yaman

Integrating grunt and bower with mavenRahul Nanwani

Iconus 2016Mark Roden

Testing your Single Page ApplicationWekoslav Stefanovski

Angular.js in XPagesMark Roden

WordPress as a Headless CMS - Bronson QuickWordCamp Sydney

Moving from PHP to a nodejs full stack CMSMake & Build

Decoupled Architecture and WordPressPantheon

Web Assembly Big PictureYousif Shalaby

MEAN Stack - Google Developers Live 10/03/2013Valeri Karpov

ITT Flisol 2013Domingo Suarez Torres

WordPress development checklistBinh Quan Duc

Azure Bootcamp Louisville - Node js presentationAndrea Walker

JSFoo-2017 TakeawaysMir Ali

MEAN stackIryney Baran

Untangling spring week12Derek Jacoby

ASP.NET 5 OverviewShahed Chowdhuri

Webpack and Web Performance OptimizationChen-Tien Tsai

Similar to Shift Remote: JS - Javascript Build Tools: Past & Beyond - Shedrack Akintayo (20)

Bundle your modules with WebpackJake Peyser

Agile sites2Michele Sciabarrà

Coding for the cloud - development of modern web applicationsWekoslav Stefanovski

CT Software Developers Meetup: Using Docker and Vagrant Within A GitHub Pull ...E. Camden Fisher

Improving WordPress Development and Deployments with DockerBrett Palmer

This presentation will discuss how we use Docker to improve our development and deployment of WordPress sites. The presentation describes how themes and plugins can be developed locally and then packaged into a Docker container. A Jenkins pipeline is used with Git to automatically run a build and deploy the new WordPress container onto a test server where automated Selenium scripts are executed. Based on the results of the tests the container is tagged as a production candidate. A deployment pipeline is then used to execute a Blue-Green deployment on the latest update to production. Once the deployment is proven to work through automated testing the router is switched to the new deployment. The overall process helps reduce the risk of production updates to WordPress, themes, and plugins as well as reduce security concerns caused by randomly installing plugins by users. The presentation will also discuss strategies for running a WordPress database both outside and inside of a Docker container. It will discuss the pros and cons of each approach. Presentation given at Salt Lake City WordCamp 2019, Oct 12, 2019. (https://2019.slc.wordcamp.org/).

DrupalSouth 2015 - Performance: Not an AfterthoughtNick Santamaria

Short-Training asp.net vNextBetclic Everest Group Tech Team

The document discusses features and changes in ASP.NET vNext, the future version of ASP.NET. It describes how vNext uses project.json for dependencies instead of references, allows editing code without recompiling, and merges MVC, Web API and Web Pages into a single framework. It also discusses tools for building, running and deploying vNext applications in Visual Studio 2015 and how the runtime will be more modular and cross-platform compared to previous versions of ASP.NET.

AngularJS - Architecture decisionsin a large project Elad Hirsch

This document discusses architecture decisions for a large JavaScript project. It covers the project's technology stack including using Bower for frontend artifacts, ES6 classes for cleaner code, and RequireJS for asynchronous module loading. It also discusses design principles like separation of concerns, testing as a baseline, and enabling easier reusability of components. Specific Angular directives design topics are covered such as making directives singletons, handling state with $scope, and the compile and link functions.

Les nouveautés ASP.NET 5 avec Visual Studio 2015MSDEVMTL

This document discusses the motivations and changes behind ASP.NET 5 and Visual Studio 2015. It outlines how the .NET framework has evolved from a monolithic structure to a more modular one, and how technologies like browsers and development cycles have advanced. Key points include making .NET cross-platform, improving agility through faster development cycles and shipping frameworks with applications, and enhancing performance through modularity and optional features. It introduces .NET Core as the new command-line focused heart of the .NET framework and Visual Studio.

Java script nirvana in netbeans [con5679]Ryan Cuprak

This document discusses using NetBeans as an IDE for JavaScript development. It provides an overview of NetBeans' features for JavaScript including syntax highlighting, code completion, debugging, support for frameworks like Angular and Node.js, and mobile development with Apache Cordova. It also demonstrates how to set up and configure NetBeans for common JavaScript tasks like adding libraries, using build tools like Grunt and Gulp, and setting up unit testing with Karma and Jasmine.

August Webinar - Water Cooler Talks: A Look into a Developer's WorkbenchHoward Greenberg

The webinar covered tools and techniques used by several developers in their work with Domino and XPages. Howard Greenberg discussed using SourceTree and BitBucket for version control of XPages applications. Jesse Gallagher presented his toolchain including Eclipse, Maven, and Jenkins for plugin and application development. Serdar Basegmez outlined his development environment including configuring Eclipse to develop OSGi plugins for the Domino runtime. All emphasized the importance of source control, testing, and documentation in their processes.

Agile sites @ telmore Michele Sciabarrà

TELMORE chose AgileSites to improve their WebCenter Sites development process. AgileSites provides local development environments, version control, automated testing, and easier content management. It separates presentation from logic, allows development using standard tools, and fits within a typical development workflow. TELMORE's new process using AgileSites includes local virtual machines, continuous integration with Jenkins, and automated content backup and restore.

GWT HJUG PresentationDerrick Bowen

Modern Web Framework : Play frameworkSuman Adak

A brief intro to nodejsJay Liu

Blazor.pptxssuserb1d1a2

Super tools to boost productivity in React dev env!Souvik Basu

This document discusses various tools that can boost productivity for frontend developers. It covers tools for prototyping, design, coding, debugging, testing, building, deploying, releasing, supporting, and learning code. Some key tools mentioned include pencil and paper, Mural, Sketch, Figma, VS Code, React Boilerplate, Storybook, Chrome Dev Tools, Jest, Netlify, LogRocket, and Udemy courses. The document emphasizes learning fundamentals, ergonomic setups, regular breaks, and maintaining a holistic lifestyle to maximize productivity.

Masterin Large Scale Java Script ApplicationsFabian Jakobs

Writing large desktop-like web applications is a challenge. Adapting such an application to different markets, languages or brands is even more of a challenge. This talk shows how the open source JavaScript framework qooxdoo can be leveraged to build such a rich internet application. As a real-life example the free web mail client gmx.com is used. This talk discusses the development model, customization and deployment of such an application. Learn how JavaScript applications of this size and complexity are fundamentally different from classic web applications, and what issues come up when building fast, multi-language, multi-brand JavaScript applications.

Modern Web-site Development PipelineGlobalLogic Ukraine

Topics of this presentation: - Basics and best practices of developing single-page applications (SPA) and Web API Services on Microsoft .NET - - Core with Docker and Linux. - PowerShell Core automated builds. - Markdown/PDF documentation. - Documentation of public interfaces with Swagger/OAS/YAML. - Automated testing of SPA on Protractor and testing the Web API on Postman/Newman. This presentation by Sergii Fradkov (Consultant, Engineering), Andrii Zarharov (Lead Software Engineer, Consultant), Igor Magdich (Lead Test Engineer, Consultant) was delivered at GlobalLogic Kharkiv .NET TechTalk #1 on May 24, 2019.

Building Efficient Parallel Testing Platforms with DockerLaura Frank Tacho

We often use containers to maintain parity across development, testing, and production environments, but we can also use containerization to significantly reduce time needed for testing by spinning up multiple instances of fully isolated testing environments and executing tests in parallel. This strategy also helps you maximize the utilization of infrastructure resources. The enhanced toolset provided by Docker makes this process simple and unobtrusive, and you’ll see how Docker Engine, Registry, and Compose can work together to make your tests fast.

Bundle your modules with WebpackJake Peyser

Agile sites2Michele Sciabarrà

Coding for the cloud - development of modern web applicationsWekoslav Stefanovski

CT Software Developers Meetup: Using Docker and Vagrant Within A GitHub Pull ...E. Camden Fisher

Improving WordPress Development and Deployments with DockerBrett Palmer

DrupalSouth 2015 - Performance: Not an AfterthoughtNick Santamaria

Short-Training asp.net vNextBetclic Everest Group Tech Team

AngularJS - Architecture decisionsin a large project Elad Hirsch

Les nouveautés ASP.NET 5 avec Visual Studio 2015MSDEVMTL

Java script nirvana in netbeans [con5679]Ryan Cuprak

August Webinar - Water Cooler Talks: A Look into a Developer's WorkbenchHoward Greenberg

Agile sites @ telmore Michele Sciabarrà

GWT HJUG PresentationDerrick Bowen

Modern Web Framework : Play frameworkSuman Adak

A brief intro to nodejsJay Liu

Blazor.pptxssuserb1d1a2

Super tools to boost productivity in React dev env!Souvik Basu

Masterin Large Scale Java Script ApplicationsFabian Jakobs

Modern Web-site Development PipelineGlobalLogic Ukraine

Building Efficient Parallel Testing Platforms with DockerLaura Frank Tacho

More from Shift Conference (20)

Shift Remote: AI: How Does Face Recognition Work (ars futura)Shift Conference

Face recognition works by using deep convolutional neural networks to extract 128-dimensional embedding vectors from face images that encode the facial features. The network is trained so that the similarity between embedding vectors matches the similarity between the actual faces, allowing faces to be recognized by comparing new images to those in a database. The network is trained iteratively by selecting an anchor image, finding other matching and non-matching faces, and adjusting the parameters to better reflect the similarities and differences between faces.

Shift Remote: AI: Behind the scenes development in an AI company - Matija Ili...Shift Conference

Creating any type of company takes enormous amounts of effort, hard work, and persistence. Let alone an Artificial Intelligence company. As we can assure you, it will take a lot more than the above and adding just a team of brilliant AI scientists to build complex real-world AI solutions. In this talk, we will show you the crucial roles of development teams in a high-performing Artificial Intelligence company.

Shift Remote: AI: Smarter AI with analytical graph databases - Victor Lee (Ti...Shift Conference

Today's analytical graph databases are taking organizations to another level by connecting all their data, representing knowledge better, and obtaining answers to deeper questions in real time. These benefits extend to the world of machine learning and AI. This talk will illustrate several ways in which graph databases and graph analytics can deliver smarter AI: 1. Unsupervised learning with graph algorithms. 2. Feature extraction and enrichment with graph patterns. 3. In-database ML techniques for graphs

Shift Remote: DevOps: Devops with Azure Devops and Github - Juarez Junior (Mi...Shift Conference

Shift Remote: DevOps: Autodesks research into digital twins for AEC - Kean W...Shift Conference

Autodesk Research has been exploring the intersection of BIM (Building Information Modeling) and Internet of Things (IoT) for the last decade. Project Dasher (http://dasher360.com) integrates sensor data with model data from Autodesk’s Forge platform to contextualize IoT data in 3D. This session will look at the history of Dasher, as well as how some of its capabilities are now being integrated into Forge, allowing web developers to build digital twins integrating real-world performance data with 3D geometry.

Shift Remote: DevOps: When metrics are not enough, and everyone is on-call - ...Shift Conference

Shift Remote: DevOps: Modern incident management with opsgenie - Kristijan L...Shift Conference

Shift Remote: DevOps: Gitlab ci hands-on experience - Ivan Rimac (Barrage)Shift Conference

Shift Remote: DevOps: DevOps Heroes - Adding Advanced Automation to your Tool...Shift Conference

DevOps is more than the process of automating your CI/CD pipelines to generate code and deployment artifacts for production. It's also about organizational change and integration of many subtle processes that help you to deliver applications seamlessly from development to production through your operations.Let's unlock the power of process integration with a getting started walk through of a free online hands-on workshop that adds advanced automation to your devops toolbox. We'll take you through the integration of an organizational process as part of your DevOps strategy. Step-by-step you'll learn how to build a data model, create an automated process, integrate user approval tasks, and more using modern open source process automation tooling. No experience in automation integration is required. Join us for a short session that helps you in adding a new tool to your devops toolbox.

Shift Remote: DevOps: An (Un)expected Journey - Zeljko Margeta (RBA)Shift Conference

Shift Remote: Game Dev - Localising Mobile Games - Marta Kunic (Nanobit)Shift Conference

Nanobit is famous for its interactive story games. In the beginning we created those games only in English and without support for any other language. There were many people who were not able to play them because they didn’t speak English and couldn’t understand anything. In this talk you will find out how we managed to translate our games and increase the number of our players more than twice.

Shift Remote: Game Dev - Challenges Introducing Open Source to the Games Indu...Shift Conference

Mark Mandel gave a presentation on the challenges of introducing open source software to the games industry. Some of the challenges include developers thinking their code is too unique to share ("It's Not Invented Here"), concerns about sharing code legally ("I can't share that with you"), and a lack of familiarity with open source practices like pull requests. Mandel recommends education about open source tools and processes, doing open source development transparently and bringing in outside contributors, and actively recruiting companies to contribute back to open source projects.

Shift Remote: Game Dev - Ghost in the Machine: Authorial Voice in System Desi...Shift Conference

Shift Remote: Game Dev - Building Better Worlds with Game Culturalization - K...Shift Conference

With over 30 years of experience in digital media as a geographer and culturalization strategist, and 27+ years in games, Kate Edwards has been involved in the creation of many games, including major titles such as Halo, Fable, Age of Empires, Mass Effect, Call of Duty, and many, many others. She has seen it all when it comes to geopolitical and cultural issues that are often overlooked in content creation and can negatively affect the ability of content to be accepted overseas, and she has seen designers miss opportunities to create more robust worlds that engage the players from diverse cultural backgrounds. Kate will discuss the field of content culturalization and how it can assist game creators with building better game worlds that account for a wider range of cultural and geopolitical considerations.

Shift Remote: Game Dev - Open Match: An Open Source Matchmaking Framework - J...Shift Conference

Developers want to focus on connecting players together for online multiplayer game sessions, not gaming infrastructure. Google has worked alongside developers and publishers to create Open Match to solve this issue. This open source matchmaking framework provides developers with tools to build a scalable matchmaker without the overbearing tasks of managing their infrastructure when hit with a sudden surge of players. In this talk, we will explore Open Match, its features, and the benefits of building Open Match in open source.

Shift Remote: Game Dev - Designing Inside the Box - Fernando Reyes Medina (34...Shift Conference

Shift Remote: Mobile - Efficiently Building Native Frameworks for Multiple Pl...Shift Conference

Shift Remote: Mobile - Introduction to MotionLayout on Android - Denis Fodor ...Shift Conference

This document provides an introduction to MotionLayout on Android, including: - MotionLayout allows declarative animation of layout changes and property animations in ConstraintLayout. - It describes transitions between layouts through ConstraintSets in an XML motion scene file. - A sample animation demonstrates a multi-step transition between ConstraintSets, programmatically starting transitions and setting transition listeners. - The conclusion recommends additional references to learn more about MotionLayout capabilities like defining motion paths and building complex animations.

Shift Remote: Mobile - Devops-ify your life with Github Actions - Nicola Cort...Shift Conference

Shift Remote: WEB - GraphQL and React – Quick Start - Dubravko Bogovic (Infobip)Shift Conference