Common scenario: your team maintains dozens of
There is more, you dream of being able to test your CI pipeline locally, instead of debugging in the CI server.
Am I right? Then, multistage docker builds are meant for you.
4 min read
#Docker #ContinuousIntegration
Jenkinsfile/.gitlab-ci.yml/whatever
, each one specific to its projects needs. You have tried to reuse these continuous integration scripts from one repo to another. But that is hard because each project has its own tech stack, versions, dependencies to other tools, etc.There is more, you dream of being able to test your CI pipeline locally, instead of debugging in the CI server.
Am I right? Then, multistage docker builds are meant for you.
4 min read
#Docker #ContinuousIntegration
ITNEXT
Shift your CI scripts to docker build
A better way to define your continuous integration pipeline
Increasingly sophisticated artificial intelligence suggests that machines could unlock the secrets of human creativity. But have we been here before?
8 min read
#ArtificialIntelligence
8 min read
#ArtificialIntelligence
OneZero
A.I. Will Enhance — Not End — Human Art
Increasingly sophisticated artificial intelligence suggests that machines could unlock the secrets of human creativity. But have we been…
I recently decided to improve unit test performance on a newly joined project. It felt like it takes too long to test the whole suite (32 tests only) as well as test a separate file in isolation with watch mode. The direct consequences of that are that developers are not enjoying the process and trying to avoid touching unit tests. Product quality suffers in the long run.
3 min read
#Testing #Jest
3 min read
#Testing #Jest
ITNEXT
How to make your sluggish Jest tests go faster
Make unit tests great again
In the implementation of the Wolfram Cloud notebook interface, performance is super-critical. We’re essentially writing our own layout engine in JavaScript, to support the rich typesetting constructs that notebooks offer.
10 min read
#JavaScript #Performance
10 min read
#JavaScript #Performance
Medium
Performance through Elegant JavaScript
Making code faster while also making it easier to read
The Document Object Model (DOM) is an application programming interface (API) for HTML and XML documents. It defines the logical structure of documents and the way a document is accessed and manipulated. In the DOM specification, the term “document” is used in the broad sense — increasingly
9 min read
#DOM #Browser #JavaScript
9 min read
#DOM #Browser #JavaScript
Medium
DOM Manipulation the hard way
Introduction
If you are reading this you probably know how javascript manages the scope, but let’s refresh our memory. Javascript manages scope through its functions, meaning that any variable declared inside of a function is scoped to that particular function, and cannot be accessed from outside of that function. Now globals, are variables that are declared outside of any function, or variables that are used without being declared.
8 min read
#JavaScript
8 min read
#JavaScript
Medium
Javascript Conventions and Best Practices
Antipatterns
When it comes to the JavaScript Language comparing to other programming languages there are lots of worlds that you may hear or see really confusing to understand. One of them would be factory functions and the constructor functions.
7 min read
#JavaScript
7 min read
#JavaScript
Medium
JavaScript Factory functions vs Constructor functions.
Deep dive into JavaScript Factory functions vs Constructor functions.
In this series I’ll be looking a bunch of different aspects of Gatsby, a Static Site Generator based on React.js and GraphQL.
7 min read
#Gatsby #GraphQL #Serverless #JAMStack
7 min read
#Gatsby #GraphQL #Serverless #JAMStack
Medium
Gatsby Part 1: Gatsby, the JAMstack and Serverless Architecture
A series based on a Gatsby talk I gave at BrumJS, a Javascript Meetup in Birmingham, UK.
For the third time, we are comparing Front-End frameworks by using the Real World example apps.
6 min read
#JavaScript #Frameworks
6 min read
#JavaScript #Frameworks
freeCodeCamp.org
A RealWorld Comparison of Front-End Frameworks with Benchmarks (2019 update)
For the third time we are comparing Front-End frameworks by using the Real World example apps. RealWorld example app gives us:
This article will explain the difference between the commands and how you can use them effectively in your Dockerfile and docker-compose.yml.
4 min read
#Docker
4 min read
#Docker
freeCodeCamp.org
Expose vs publish: Docker port commands explained simply
The Dockerfile instruction EXPOSE, the Docker run options -p and -P, and Docker Compose expose and ports all specify how to connect Docker…
we’ll explore four of the most popular templating engines for HTML. We’ll look into why you might choose to use them, and where you’re likely to encounter them in other tech-stacks. I’ll also provide sample CodePens for each one. By the end of the article, you should feel equipped with several options for writing faster, more concise HTML in your projects, whether your go-to programming language is JavaScript, Ruby or something else. Let’s dive in!
11 min read
#HTML #Markdown #Pug #HAML
11 min read
#HTML #Markdown #Pug #HAML
Medium
4 Templating Systems to Write Quicker, Cleaner HTML
Alternatives to vanilla HTML
JavaScript has many ways to do anything. I’ve written on 10 Ways to Write pipe/compose in JavaScript, and now we’re doing arrays.
5 min read
#JavaScript
5 min read
#JavaScript
freeCodeCamp.org
How to clone an array in JavaScript
Use #8 for Deep Copying
This article’s just to have fun and explore different implementations of
3 min read
#JavaScript
compose
and pipe
. 3 min read
#JavaScript
Medium
10 Ways to Write pipe/compose in JavaScript
compose, and especially pipe, are easily among my favorite functions.
Since the beginning of the web, developing APIs has been a difficult task for developers. The way we develop our APIs must evolve with time so that we can always build good, intuitive and well-designed APIs.
7 min read
#GraphQL
7 min read
#GraphQL
freeCodeCamp.org
Why GraphQL is the future of APIs
by Leonardo Maldonado Why GraphQL is the future of APIs Since the beginning of the web, developing APIs has been a difficult task for developers. The way we develop our APIs must evolve with time so that we can always build good, intuitive and well-designed…
After its initial release on May 29, 2013, React.js has taken over the internet. It’s not a secret that myself and many other developers owe their success to this amazing framework.
5 min read
#React
5 min read
#React
freeCodeCamp.org
What I wish I knew when I started to work with React.js
by David Yu
What I wish I knew when I started to work with React.js
Photo by Ben White
[https://unsplash.com/@benwhitephotography?utm_source=medium&utm_medium=referral]
on Unsplash [https://unsplash.com?utm_source=medium&utm_medium=referral]After
its initial…
What I wish I knew when I started to work with React.js
Photo by Ben White
[https://unsplash.com/@benwhitephotography?utm_source=medium&utm_medium=referral]
on Unsplash [https://unsplash.com?utm_source=medium&utm_medium=referral]After
its initial…
Early this year, the React team released a new addition, hooks, to React in version 16.8.0.
If React were a big bowl of candies, then hooks are the latest additions, very chewy candies with great taste!
So, what exactly do hooks mean? And why are they worth your time?
9 min read
#React
If React were a big bowl of candies, then hooks are the latest additions, very chewy candies with great taste!
So, what exactly do hooks mean? And why are they worth your time?
9 min read
#React
freeCodeCamp.org
Learn the basics of React Hooks in <10 minutes
An Illustrated Guide to learn about React Hooks.
Getting a tech job after a coding bootcamp is very possible, but not necessarily pain-free.
6 min read
#Interviews #Job
6 min read
#Interviews #Job
freeCodeCamp.org
How to get a job after a coding bootcamp
Getting a tech job after a coding bootcamp is very possible, but not necessarily pain-free.
The HTML canvas element is used to draw “raster” graphics on a web application. The Canvas API provides two drawing contexts: 2D and 3D, and in this guide, we’re going to talk about the 2D one (which I’ll refer it to the Canvas API for simplicity).
17 min read
#HTML
17 min read
#HTML
freeCodeCamp.org
A full overview of HTML Canvas
by Shukant Pal
A full overview of HTML Canvas
A must read before doing anything with the canvas tag, even if you know it
already.
Photo by Armand Khoury
[https://unsplash.com/@armand_khoury?utm_source=medium&utm_medium=referral] on
Unsplash [https://u…
A full overview of HTML Canvas
A must read before doing anything with the canvas tag, even if you know it
already.
Photo by Armand Khoury
[https://unsplash.com/@armand_khoury?utm_source=medium&utm_medium=referral] on
Unsplash [https://u…
You’ve always wanted to start learning to code in the Vue framework, but somehow you just haven’t have the time in your busy schedule.
5 min read
#Vue
5 min read
#Vue
freeCodeCamp.org
A bird’s eye Vue: how to get started with Vue.js
You’ve always wanted to start learning to code in the Vue framework, but somehow you just haven’t have the time in your busy schedule.
If you are savvy on the latest tech news, you might have heard of GitHub’s release of TeleType. Teletype is a plugin that was built by a remote three person team and allows for collaborative editing in the Atom code editor.
14 min read
#WebRTC #RealTime #TextEditors
14 min read
#WebRTC #RealTime #TextEditors
Hacker Noon
Building Conclave: a decentralized, real time, collaborative text editor
Using WebRTC and Conflict-free Replicated Data Types (CRDTs)
In this walkthrough you’ll learn about securing your Serverless endpoints with JSON web tokens.
11 min read
#Serverless #API #JSONWebToken
11 min read
#Serverless #API #JSONWebToken
freeCodeCamp.org
A crash course on securing Serverless APIs with JSON web tokens
What a mouthful of a title. Wouldn’t you agree? In this walkthrough you’ll learn about securing your Serverless endpoints with JSON web tokens. This will include a basic setup of a Serverless REST API with a few endpoints, and of course an authorizer function.…