Model–View–Controller (MVC) is a software pattern for implementing user interfaces. It divides a given software application into three interconnected parts to separate internal representations from how information is presented to or accepted by the user.

Users

Whenever the user visits a website or interacts with a web application, clicks on a link, the browser sends an HTTP request to the server. The web applications Router file handles this request from the server. The Router acts as a sort of traffic controller for incoming HTTP requests. It decides which Controller to send the HTTP request to and in the route.rb …


Photo by Chewy on Unsplash

In this post, I will teach you how to render a list of items from an API endpoint. We will go over how to make an HTTP request using Fetch API, learn the basics of a JavaScript Promise object, and chain Promises using the .then() method. If you aren’t familiar with API please read my previous post Application Programming Interface.

As developers, we often need to gather data from external sources for use in our programs. Fortunately, in recent years, the Fetch API has made retrieving, adding, editing, and removing data from external databases more accessible than ever before. This…


So what is API? No, it’s not your favorite beverage at your local bar. API stands for Application Programming Interface. API’s essentially allow a developer to speak to another application online. API’s are built on existing applications. Usually, big companies make an API to enable developers to build applications that connect either by sending information to it, getting information from it, or both. Before, API’s businesses would have to go to Visa, Mastercard, or banks to get access to make payment transactions. Now developers can build software that handles payment transactions from an application without the hassle.


Let’s start with the biggest similarity between these two concepts. Both frameworks and libraries are reusable codes written by one or more developers that are used to help solve common problems. The biggest difference may seem strange, but it follows the “Hollywood principle”.

Hollywood Principle:

Library says: Just call me when you need me.

Framework says: Don’t call me, I’ll call you.

When you use a library, you are in charge of the flow of the application. You are choosing when and where to call the library.

When you use a framework, the framework is in charge of the flow…


Before talking about Git, let’s define what is version control. It is a system that records changes to a file or set of files over time so that you can recall specific versions later. Git was created by Linux kernel and it is a distributed version control system, originally designed for coordinating work among software engineers cooperating on source code during software development.

In complex projects, where multiple people might be making changes to the same files simultaneously, it’s easy to get into a weird state. …


ORM stands for Object-Relational Mapping and it is a programming technique that abstracts your code from the database behind it. When we work with an object-oriented system, there is mismatch between the object model and the relational database. RDBMSs represent data in a tabular format whereas object-oriented languages represent it as an interconnected graph of objects.

Simply put, if you’re building an application using an ORM library and your application speaks with PostgreSQL, you could switch to MariaDB at anytime without changing your code. You would only need to change data source configuration.

Let’s break this down with an example…


Photo by AltumCode on Unsplash

The Console object provides access to the browser’s debugging console. While working with JavaScript, all of us have used the console.log() method. There are more console methods and in this blog post we’re going to take a look at the most popular ones.

We will set up a simple HTML markup and import JavaScript index.js file.


Photo by Fotis Fotopoulos on Unsplash

Object-oriented programming is one of the most common ways of writing code and, one of the best-known paradigms out there. The moment you start learning to code anywhere OOP is usually covered.

The four basic principles of object-oriented programming:

  • Encapsulation
  • Abstraction
  • Inheritance
  • Polymorphism

Encapsulation — the process of bundling data and operations done on the data together into a single unit. This is mechanism of hiding data implementation by restricting access. Usually, we have 3 main access specifiers:

  • public — members are accessible from outside the class
  • protected-members cannot be accessed from outside the class, but can be accessed in…


React is an open-source, frontend Javascript library for building user Interfaces or UI components. It is maintained by Facebook. React can be used as a base in the development of single-page or mobile application. ReactJS offers graceful solutions to some of front-end programming’s most persistent issues, allowing you to build dynamic and interactive web applications with ease. It’s fast, scalable, flexible, powerful, and has a robust developer community that’s rapidly growing.

Features of React

  • JSX JavaScript syntax extension
  • Virtual DOM
  • One way data binding
  • extensions
  • debugging

Some advantages of React include, use of the virtual DOM which is a JavaScript…


MERN is the acronym for MongoDB, Express JS, React JS, and Node JS. The MERN stack is a combination of the above technologies, all based on JavaScript, used to build advanced web applications. It is an open source full stack development framework i.e. It provides entire front-end to back-end development components. While MongoDB, Express JS and Node JS are the common components (between MEAN and MERN); Angular JS is replaced by React JS in MERN.

natasha selvidge

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store