Insights & Resources

Build better engineering teams

Explore insights on technical hiring, AI readiness, developer skills, and product updates from the team behind CoderPad.

Latest by topics

Development Articles

Development

A Very, Very In-Depth Guide on CSS Grid

As websites progressed from simple documents into complex, interactive applications, web developers have utilized multiple approaches to organize and control the layout of UI elements on a webpage: While these techniques enable us to organize and control the layout of elements on a webpage, they are not always sustainable, as some lead to performance bottlenecks. For example: Enter CSS Grid. CSS Grid is a layout system—a method of organizing elements on a webpage—used for building two-dimensional layouts. It is a structure made up of intersecting horizontal and vertical lines known as grid lines that divide the layout of an HTML element into rows and columns.

Development

An Intro to the Code Property Graph: Learn How to Leverage Graph-Oriented Databases for Source Code Analysis

Software security is a massive and fast-growing industry. The vast majority of developers face pressure to deliver a product on time. Unfortunately, ensuring a source code’s security often comes after its functionality is developed. It’s hard and takes time to inspect and maintain extensive source codes. More specifically, it is not trivial to ensure dependencies, avoid redundancy, assess the coherence of control flow and keep consistency on code conventions in terms of structure or syntax.

Development

How to Build a Photo Editor With React and CSS Filters

CSS is the language used to control the style of a web document in a simple and easy way. It helps makes a web application look more presentable and visually appealing. In a world of constant development and evolution, especially in the software engineering world, CSS isn’t left behind; it now includes new features that allow developers to apply effects that previously would only seem possible with graphics applications such as Adobe. These new features are “CSS Filters,” which we recently covered in-depth on our blog.

Development

JavaScript .some() Method: When and How to Use It

Arrays in JavaScript offer many built-in functionalities that many developers are unaware of, among these is the .some() method. The .some() method comes in handy when the developer needs to check for a condition on an array and wants to know if at least one element fulfills that condition. This condition is passed in as a function that runs for each element of the array and exits execution the moment a true value is returned from the function. You also have access to that particular element as one of the function arguments.

Development

AddEventListener JavaScript: What It Is and How To Use It

JavaScript event listeners (or event handlers) are essential in web development. Why? Events constantly occur on your website, and they often change the interface. Event handlers provide a built-in solution for configuring activities anytime your page changes. In this post, you’ll learn about addEventListener , a particular event handler in JavaScript. We’ll cover its definition, syntax, and code example. In the end, you’ll learn how to remove the handler using removeEventlistener and some other concepts.

Development

A Comprehensive Guide to React Router

Navigation routing in React is quite different from how it’s done in web development using the HTML anchor tag. This is because React is used to build single-page applications—meaning our application only loads once in our browser. This means we need a routing mechanism or logic to handle all forms of routing. In other JavaScript frameworks like Vue, this routing logic is built by the same team that works on the core framework, meaning that we don’t need an externally written package or dependency. In React, there is no official package to handle routing; instead, we depend on the most popular and standard library, React Router.

Development

How to Get Metadata from PostgreSQL System Catalogs

PostgreSQL is a well-known database engine that allows you to write performant SQL queries. In this tutorial, you’ll learn about the internal building blocks of PostgreSQL – also known as system catalogs – to see how the PostgreSQL backend is structured. This tutorial aims to give you insights into how PostgreSQL system catalogs can help you manage your schemas, databases, tables, and even table columns. What is a PostgreSQL system catalog?

Development

How to Optimize Query Performance in MySQL Databases

The built-in MySQL query optimizer does an excellent job of optimizing the execution of your queries. However, poorly written queries can prevent the optimizer from performing well. Even if you do other optimization techniques such as good schema design or indexing, if your queries are wrong, they will still affect your database’s performance. This guide aims to help you improve your MySQL database speed by optimizing your queries.

Development

10 JavaScript Data Visualization Libraries Every Front-End Developer Should Know About

Visuals are your best option for presenting data in the modern world. In reality, no one has the time to read through a large amount of information. You must be able to use data to tell your story in a way that is simple and quick for everyone to comprehend. Data visualization, otherwise known as data viz., refers to the process of presenting data in a visual or graphical format. With data visualization tools, you can quickly present data and make it easier to digest.

Hire with confidence.

See why engineering teams trust CoderPad to evaluate developers with realistic, AI-ready hiring workflows.

Request a demo