CodePill | Home

CodePill

Where awesome codeSnippets build amazing projects

Responsive image

Learn the ins and outs of web development technologies and start building your own little (or bigger) projects right away.

Articles list

Please see below a list of all our articles:

In case you are in a hurry, search quicker

Intro to React with Test Driven Development

As you may or may not know, React is one of the most popular front-end libraries nowadays and during a web development project or at a job, you have all chances of bumping into it. It is very poweful and versatile a tool and we will have an introductory look at it in this article.

Furthermore, we will also have a look at the topic of Software Testing which basically means writing some code that tests your initial code and makes sure everything works properly and doesn't break. There are multiple types of testing (e.g. unit, integration, end to end, behavioural.. read upon them if you'd like to know more).


This is only an excerpt from the article. Click the button below to read more.

Read Full

Responsive image

Introduction to GIT

We have written some code, built some projects, now it's time to think about how to store and maintain our codebase. The answer to that is a Versioning system.

As its name implies, this is a system to keep track of changes in our code and of release versions for our application.

The most popular versioning system today is undoubtedly Git.


This is only an excerpt from the article. Click the button below to read more.

Read Full

Responsive image

Fastify Youtube Converter!

Fastify is a new NodeJS upcoming framework and it's gaining quite some popularity. As its name implies, it is supposed to be fast and performance benchmarks do indicate that. You can start reading on that here . While you are at it, we are going to build a Youtube Converter app.


This is only an excerpt from the article. Click the button below to read more.

Read Full

Responsive image

Express REST API

After having built an Aplication Programming Interface (in short a REST API ) using core nodeJS so without using any framework, it is now time to explore Express, one of the most popular and widely used nodeJS frameworks. If you have missed my previous article, and have not yet built the first version of this project, you can do so by following this Link


This is only an excerpt from the article. Click the button below to read more.

Read Full

Responsive image

NodeJS rest API!

An API Application Programming Interface is a critical component for both front-end and back-end developers as all of them consume data from these APIs in their apps. In this post we will too build a very basic NodeJS API that will allow us to perform CRUD Create Read Update Delete operations on our resources.


This is only an excerpt from the article. Click the button below to read more.

Read Full

Responsive image

Node Static Server - image Gallery Project

As you know or might not know.. NodeJS is very good at serving dynamic data. So on our servers we can have complex logic that manipulates data, and 'serves' content dynamically based on that data. However, this time we will also exploit the capabilities of the runtime to serve static data (data that never changes and has just to be read by the 'client'). The project we will be building is a file uploader that will 'upload' images on our server and 'serve' them statically on a webpage, just like an image gallery. All social networks allow you to upload a picture and we'll do just that.


This is only an excerpt from the article. Click the button below to read more.

Read Full

Responsive image

NodeJS miniprojects-logger!

It's finally the time to build some projects with actual functionality using NodeJS. For starters, we will build little applications but you will learn a lot from doing this. We will also implement everything using core NodeJS code and no framework for now. In this way, you will learn a ton about how the runtime works under the hood and how it handles stuff.


This is only an excerpt from the article. Click the button below to read more.

Read Full

Responsive image

Intro to NodeJS!

This article is an introduction to the NodeJS runtime. In it, we will look at some basic concepts regarding the runtime, such as: JavaScript callbacks and asynchronous programming. It will also mention JavaScript Modules and some others. These things should teach you how a node web server works at a core level.


This is only an excerpt from the article. Click the button below to read more.

Read Full

Responsive image

Intro to VS Code!

Before we get to writing any code or understanding what code is and how it works at all, of course we need a good code editor . In this first article, we will explore a bit Visual Studio Code and its capabilities. Of course we can write code on any sort of file (even in a plain .txt file with an editor such as notepad, and then converting the file into .html, .js or any other format that the computer can read, process and do awesome stuff with it).


This is only an excerpt from the article. Click the button below to read more.

Read Full

Responsive image

Intro to web dev!

As the title involves, this article represents an introduction to web development. We will see very briefly how the web works and we will get a bit familiar with its main technologies (namely HTML , CSS and JavaScript). Finally, after 'getting our feet wet' a bit, and understanding how everything works, we will build a little project together.


This is only an excerpt from the article. Click the button below to read more.

Read Full

Responsive image