--- title: "Development | CoderPad" description: "CoderPad articles filed under Development." canonical: "https://coderpad.io/blog/development/page/4/" --- 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 - [All](https://coderpad.io/blog/) - [Announcements](https://coderpad.io/blog/announcements/) - [Coding Challenges](https://coderpad.io/blog/coding-challenges/) - [Community](https://coderpad.io/blog/community/) - [Data Science](https://coderpad.io/blog/data-science/) - [Development](https://coderpad.io/blog/development/) - [Engineering Management](https://coderpad.io/blog/engineering-management/) - [Events](https://coderpad.io/blog/events/) - [Getting Hired](https://coderpad.io/blog/getting-hired/) - [Hiring Developers](https://coderpad.io/blog/hiring-developers/) - [Interviewing](https://coderpad.io/blog/interviewing/) - [Product Updates](https://coderpad.io/blog/product-updates/) ## Development Articles Search articles Search articles [](https://coderpad.io/blog/development/mysql-join-clause-a-detailed-guide/) [Development](https://coderpad.io/blog/development/) ### [MySQL JOIN Clause: A Detailed Guide](https://coderpad.io/blog/development/mysql-join-clause-a-detailed-guide/) MySQL joins undoubtedly belongs to the list of database techniques everyone should know. After all, a common need when using a relational database is to combine data from more than one table, creating a cohesive result. In today’s post, we’ll cover the JOIN clause in MySQL. Requirements We’ll start the post by covering what joins are in MySQL, and then we’ll quickly move on to the practical part. To follow along with that second part, you’ll need the following: [](https://coderpad.io/blog/development/how-to-write-integration-tests-with-jest-and-react-testing-library/) [Development](https://coderpad.io/blog/development/) ### [How To Write Integration Tests With Jest And React Testing Library](https://coderpad.io/blog/development/how-to-write-integration-tests-with-jest-and-react-testing-library/) When you build applications or websites as a developer, your primary goal is to ensure it works. To ensure it works, you test your application by checking if it works as expected, but we often perform this testing manually, which is referred to as manual testing. In this article, you will learn what testing means, the various types of testing, why you need to test, how testing works in React, what integration testing means, and how to write an integration test with the React testing library. [](https://coderpad.io/blog/development/svelte-vs-react-which-is-better/) [Development](https://coderpad.io/blog/development/) ### [Svelte Vs. React: Which Is Better?](https://coderpad.io/blog/development/svelte-vs-react-which-is-better/) As a front-end developer, you might ask yourself what framework would be the best to use in a project. Should you go with React? Is Svelte a more beginner-friendly choice? Last year, React was recognized as the most popular front-end framework. However, React had some limitations, so an equally good alternative, Svelte, is also broadly popular in the developer community. In this post, we’ll compare React and Svelte according to some key factors. By the end of this post, you should be able to make a clear decision as to which library is best for your project. [](https://coderpad.io/blog/development/an-introduction-to-stored-procedures-in-mysql/) [Development](https://coderpad.io/blog/development/) ### [An Introduction To Stored Procedures In MySQL](https://coderpad.io/blog/development/an-introduction-to-stored-procedures-in-mysql/) Many relational database management systems today can use stored procedures to execute tasks on the database. Stored procedures can be extremely useful in improving the efficiency of your database, saving you time, money, and lots of work-related headaches. So let’s dive into exactly how they can help you. What is a stored procedure? A stored procedure is a precompiled set of one or more SQL statements stored in a relational database management system that can be reused and shared by multiple programs for the purpose of executing tasks on the database. [](https://coderpad.io/blog/development/how-to-configure-different-load-balancing-algorithms-on-nginx/) [Development](https://coderpad.io/blog/development/) ### [How to Configure Different Load Balancing Algorithms on Nginx](https://coderpad.io/blog/development/how-to-configure-different-load-balancing-algorithms-on-nginx/) Low latency, high uptime, and good performance are required in today’s world of keeping users engaged with your application. During times of high traffic, the overall performance of most web applications drops, the latency rises, and sometimes the request times out. This often happens when the server computing power is not enough to process the workload during this period of high traffic. As a prerequisite, you only need a good understanding of basic web terminology like HTTP, servers, requests etc. We’ll start with learning about NGINX as a load balancer and the different load-balancing algorithms. From there, you will learn how to configure the different algorithms to best fit your particular use case, and the pros and cons of load balancing. [](https://coderpad.io/blog/development/how-to-create-a-typewriter-effect-in-vue/) [Development](https://coderpad.io/blog/development/) ### [How To Create A Typewriter Effect In Vue](https://coderpad.io/blog/development/how-to-create-a-typewriter-effect-in-vue/) Typewriter effect is an animation that gives the impression that text is being typed on the screen one letter at a time, which can be a great way to grab a user’s attention. The typewriter effect can be created by using either CSS or JavaScript. Depending on the effect we want to create we will need to choose one over the other. When using only CSS, we don’t have access to the text used for the effect but with JavaScript, we do, which means JavaScript has more potential to create a more feature-rich typewriter effect. For example, JavaScript is the best option if we want to create a deleting-and-retyping effect like the one on CoderPad’s registration page : [](https://coderpad.io/blog/development/how-to-test-python-rest-apis/) [Development](https://coderpad.io/blog/development/) ### [How to Test Python REST APIs](https://coderpad.io/blog/development/how-to-test-python-rest-apis/) There are many types of tests, and they all seem great in theory, but how do we test a REST API? In order to do that, let’s first break down a REST API into parts, so we can focus on testing one part at a time. A REST API is an interface that accepts connections via the internet, executes some business logic, and then returns a result. Fundamentally, that means that an API has input, business logic, and output. The business logic should be tested using traditional unit test techniques . After that, what’s left is testing the input and output. [](https://coderpad.io/blog/development/understanding-the-css-position-property-and-how-it-works-with-example/) [Development](https://coderpad.io/blog/development/) ### [Understanding the CSS Position Property and How It Works With Example](https://coderpad.io/blog/development/understanding-the-css-position-property-and-how-it-works-with-example/) When using HTML to build web pages, elements are arranged after each other vertically by default. You will always want to add styling to either change your page’s layout or organize its elements so that elements can be positioned horizontally on your screen. This is possible with CSS flexbox and CSS grid . However, more is needed to create stunning web pages. The CSS position property fills in the blanks by allowing you to create an asymmetrical web page where you can place HTML elements wherever you want by detaching each element from the normal flow and other elements, making your web page more appealing and easy to navigate. [](https://coderpad.io/blog/development/demystifying-the-css-display-property/) [Development](https://coderpad.io/blog/development/) ### [Demystifying The CSS Display Property](https://coderpad.io/blog/development/demystifying-the-css-display-property/) The web page treats and sees every element as a box(to be precise, a rectangular box). There are two basic forms of boxes on a web page, and these are block and inline . The display property is a significant CSS property that you can use to determine how elements are displayed in your browser. When you load a webpage in your browser, you will notice that the HTML elements on the page have their default ways of displaying. Some elements stack up on different lines, while others follow each other on one line. For example, all paragraph elements (

) stack up following each other on different lines, while the elements, images, and others line up on a single line. Currently on page 4 of / 12 [Next Page](https://coderpad.io/blog/development/page/5/) [Previous Page](https://coderpad.io/blog/development/page/3/) ## Hire with confidence. See why engineering teams trust CoderPad to evaluate developers with realistic, AI-ready hiring workflows. [Request a demo](https://coderpad.io/sales/)