🤖 Coding News ⚡️
27.2K subscribers
2 photos
1 video
807 links
High quality articles, videos, and tutorials about programming 💻

HTML, CSS, Sass, JavaScript, TypeScript, React, Angular, Electron, Node, Vue, GraphQL and other topics 💥

@CodingChat talk with other engineers
@CodingNewsFeedbackBot advertisement
Download Telegram
​​Common scenario: your team maintains dozens of 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
​​Increasingly sophisticated artificial intelligence suggests that machines could unlock the secrets of human creativity. But have we been here before?

8 min read

#ArtificialIntelligence
​​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
​​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
​​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
​​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
​​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
​​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
​​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
​​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
​​This article’s just to have fun and explore different implementations of compose and pipe.

3 min read

#JavaScript
​​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
​​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
​​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