DevOps.js

DevOps.js Conf 2021

How to Build CI/CD Pipelines for a Microservices Application

Sasha Rosenbaum

The Rise of the Dynamic Edge

Glen Maddern

Software delivery is a top priority for organizations that own software, yet it remains one of the most challenging problems enterprises face today. Continuous integration (CI) and continuous delivery (CD) are software practices that allow organizations and teams to deliver code to customers quickly, safely, and repeatedly. Whether it's to improve development, operations, or security, CI/CD pipelines give engineers and teams more time to work on things that matter and less time struggling with the risk, standards, and velocity of deployments. Join this session to learn about the components of CI/CD and how to build and scale pipelines for the future. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

How to Get CI/CD Right in 2021: A Guide to CI and CD

Tiffany Jachja

GitHub Actions offer a convenient, feature-rich solution for building CI pipelines. Actions consist of composable steps controlled YAML files checked into your code repo. Come learn how to perform tasks that are commonly required of modern Node.js codebases, such as package installation, linting, running tests as part of pull requests, building Docker images, and deploying when code is merged into the main branch. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

GitHub Actions for Node.js Apps

Thomas Hunter II

In this talk, I will demonstrate how to create a CI/CD pipeline for a React application in AWS. We'll pull the source code from GitHub and run tests against the application before deploying it to an S3 bucket for static site hosting. The site will then be distributed using CloudFront which will point to the S3 bucket. All of the infrastructure will be built using Terraform. In addition, I'll make use of Terragrunt to show how to create this setup for multiple environments. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Automate React Site Deployments from GitHub to S3 & CloudFront

Lukonde Mwila

Panel Discussion: Mono-repo Vs. Multi-repo Vs. Hybrid

Angel Rivera

Julie Ng

Victor Savkin

Get ready for a run through the world of Software Architectures! Everyone who works in software has heard of terms like ‘pwa’, ‘monoliths’, ‘headless’ , ‘microservices’ and even ’service oriented architectures’. We all know what they are, but how much do we really know about them? In this talk, we will show you the differences, the similarities, when to use them, when not to use them, the success stories and of course: the massive failures. Get ready for a half an hour of tech-comedy: architecture is going to be fast and fun! <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Software Architectures Gone Wild

Jamie Maria Schouren

For the past 10 years we diligently applied DevOps principles to our Backend services, but what about the Frontend? Can we transfer some of that knowledge between these very different, yet very similar, worlds? The answer is yes, and in this talk I'll show you how DevOps principles helped us at DAZN to build our web applications for Smart TV &amp; Gaming Consoles. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

DevOps for Frontend: beyond Desktop Browsers

Max Gallo

In this session I'll use a live demo to show how effortless it is to add Code Quality and Code Security to your project with SonarCloud - not just for now but for every commit going forward. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

You're 5 Minutes Away from Code Quality & Code Security

G. Ann Campbell

Parcel 1 was created out of the frustration from configuring slow and hard to configure legacy bundlers like Webpack and in turn started a trend of zero-config tooling. Unfortunately, Parcel 1 had some major design flaws that led to the creation of Parcel 2, a ground-up rewrite of Parcel which aims to resolve those design flaws whilst also creating a bundler that can scale to the size of companies like Atlassian and Adobe and beyond. A new plugin system, bundler targets, optional configuration, stable caches, improved scope-hoisting, improved developer experience and better performance are just a few of the things we’ve been working on for the last 3 years. In this talk I’ll glance over how Parcel works and talk about a couple of the largest and most exciting new features in Parcel 2. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Parcel 2: the Automagical Bundler

Jasper De Moor

The npm CLI has been, &amp; continues to be, a core developer tool of the Node.js/JavaScript ecosystem. This past year npm@7 became Generally Availble, introducing with it a wealth of changes &amp; net-new capabilities including: lockfile upgrades, workspace support, installing peer dependencies default, npm diff, npm explain, npm exec, npm set-script &amp; much, much more. We'll dive into this work as well as share some exciting news about what to expect in the weeks &amp; months to come. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

What's New in npm?

Darcy Clarke

Introducing CI/CD to your project might be a challenging process. In GitLab we value iteration as one of our key values, and in spirit of iteration we will be happy to share how GitLab could help you to gradually work on bringing your project to CI/CD heaven. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Build your JS Pipeline in Incremental Fashion with GitLab

Illya Klymov

AWS ushered in a new landscape for deploying JavaScript applications using Node.js hosted in AWS Lambda, and since then the management simplicity that it provides has made serverless applications and APIs grow exponentially in both popularity and use cases. However, operationally for many starting out, troubleshooting issues can be painful. I'll walk through some techniques to make this easier and provide an evolution of how we can get to a better solution with tips and tools you can use in your serverless deployments right away. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Troubleshooting your Serverless Node.js doesn't have to be a Pain

Jeff Hoffer

Ever since JavaScript has become a language for writing applications, build tools and especially bundlers have been around. They solve the discrepancy between writing code that is easy to maintain and writing code that loads efficiently in a browser. But there are advantages to bundling JavaScript code that go well beyond the browser, from cloud functions to servers to command line tools. RollupJS is special in that it was always designed from the ground up to be a general purpose bundler rather than a frontend specific tool. In this talk, we will have a look in what way other scenarios can profit from bundling. But more importantly, I will show you how RollupJS not only generates superior output in many situations, but how easy it is to tailor its output to custom requirements and non-standard scenarios. We will see how to patch up code, mock and replace dependencies, elegantly inject build information and control the chunk generation when code-splitting, all with a just few lines of code. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Owning your Build-step – Owning your Code

Lukas Taegert-Atkinson

Automation of a single monolithic app is pretty straight-forward. Split it into a frontend and backend and it's still manageable. Throw in more components or infrastructure and suddenly you're scratching your head at why a build ran - or didn't run. How many pipelines do I need? How many git repos should I have? Let's walkthrough use cases from small teams who own their entire stack to organizations with central IT units that manage shared infrastructure. Learn which scenarios and criteria determine how to slice but not spaghettify your pipelines. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Infra vs Apps – Where are my Pipelines?

In this session, I’ll surface relevant context regarding crashes and performance issues in my JS-web-app. I’ll cover how to investigate errors and pinpoint where slowness is introduced. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

How is my JavaScript Doing?

Neil Manvar

Our web app is finally ready to go live but which deployment tool should we use? With the rise of JAMstack, we have a multitude of options from Vercel, Netlify, to Firebase. Certainly, performance is key for us so we want to know which one is the fastest. In this talk, we will do a real-world benchmark comparing the most known JAMstack deployment options and discuss pros and cons. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

JAM Stack Deployment Platforms and Performance Comparison

Nacho Anaya

Fed up with merge conflicts and system failures after a big release? Feature flags can be your lifesaver! We strive to get new features to the hands of our users as fast as we sustainably can. Some features can take longer to develop and touch other parts of the system. If not handled with care, these kinds of features can result in merge conflicts that keep developers up all night, not to mention the dreaded system failures following a big release. Equipped with feature flags, we can avoid this nightmare and continuously deploy code changes safely. This talk consists of practical tips on how to use feature flags as release toggles. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

The Art of Feature Flagging

Dianing Yudono

Within ING we have been dealing with JS/FE for quite some years now. Starting with nothing we evaluated the CI/CD process for this, via multiple stages into what it is right now. I will go along these stages to inspire you to create a similar process for your own company. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

ING’s Journey in Building and Deploying Frond-end Code

Erik van der Voort

Ever run code in CI/CD and builds pass only to fail during deployment? This presentation will discuss the advantages of Smoke Test patterns in CI/CD pipelines using Infrastructure as Code (IaC). Learn how teams can leverage automation to ensure apps are tested live in target environments which provide valuable insights pre-deployment. Angel will demonstrate how to leverage IaC to provision infrastructure, deploy apps, test then destroy all the resources created in a single CI/CD pipeline run. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Increase App Confidence Using CI/CD and Infrastructure as Code

Since 2017 Yarn proved itself a pillar of JavaScript development incubating numerous features our ecosystem now heavily relies on. As years passed, as competitors improved, so did Yarn, and it's now time today to dive into the features and tradeoffs that make Yarn a truly unique gem of the JavaScript ecosystem. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Yarn in Depth: Why & How

Maël Nison

Kubernetes is now the defacto standard for container orchestration. Despite being one of the most loved platforms out there, it can be intimidating at first. Where do you even get started to deploy your applications? In this hands-on lab, you will learn about the basic components used to deploy your application into a Kubernetes cluster. Once the basics have been covered, you will understand how to build and deploy cloud-native applications on Kubernetes. By the end of this workshop, you’ll be deploying, scaling, and automating JS-based distributed solutions using containers, Kubernetes, and other popular open-source tools for distributed computing. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Kubernetes for JS Developers

Joel Lord

CI/CD pipeline became the norm in software development. So is linting, which is a basic form of static analysis. In this webinar I would like to demonstrate how you can go beyond simple linting and improve your pipeline to provide additional insights into your code and allow you to deliver more reliable and safe applications. Prerequisites:Familiar with CI/CD concepts. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Make your CI/CD pipeline smarter with static analysis

Tibor Blenessy

In this workshop, you will learn how to Debug Node.js Applications and what best practices are important to increase the debuggability of your Node.js applications. <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

Let's Debug Node.js Applications

Julián Duque

Continuous Integration and Continuous Delivery/Deployment (CI/CD) concepts are increasingly adopted many technology organizations and teams. CI/CD enables teams to establish processes that increase velocity, collaboration and quality of their codebase. CI/CD enables developer &amp; operations teams to break down unnecessary silos and gain a deeper knowledge of their respective arenas. In this workshop the participants will be introduced to the basic fundamentals of Continuous Integration and Continuous Delivery/Deployment. Participants will learn the core principles of CI/CD and have the opportunity to reinforce what they’ve learned in a hands on workshop featuring the CircleCI platform. The workshop will demonstrate CI/CD build configuration, code commits, commit builds, code testing and packaging. The participants will leave with a hands-on experience and understanding of what it takes to CI/CD. Table of contents- Introduction to the topic of CI/CD, and motivation for it- How different kinds of JavaScript projects are built and deployed (from static sites to APIs)- Overview of common manual steps &amp; how we might automate them- Implementing a CI/CD pipeline from 'scratch'- Overview of CircleCI orbs- Testing across multiple versions of Node- Debugging builds with SSH- Caching dependencies- Security / vuln scanning- Deploying to various outlets Prerequisites- Code and git installed- GitHub account <span data-sheets-hyperlink="https://github.com/CircleCI-Public/cicd-workshop-js" data-sheets-userformat='{"2":1313281,"3":{"1":0},"12":0,"14":[null,2,1136076],"21":1,"23":1}' data-sheets-value='{"1":2,"2":"https://github.com/CircleCI-Public/cicd-workshop-js"}' style="font-size:10pt;font-family:Arial;font-style:normal;text-decoration:underline;-webkit-text-decoration-skip:none;text-decoration-skip-ink:none;color:#1155cc;"><a href="https://github.com/CircleCI-Public/cicd-workshop-js" rel="noopener noreferrer" target="_blank">github.com/CircleCI-Public/cicd-workshop-js</a> <a href="https://www.froala.com/wysiwyg-editor?pb=1" title=" "> </a>

The JavaScript DevOps Conference