There is a lot of documentation out on the Internet that showcases development of add-ins with code samples. In this 5 part series, I want to do the same but also shed some light on the development process from end to end. Before we go any further, I would like you to pay careful attention to a part of the title: SharePoint-hosted. Note that I will not be tackling provider-hosted add-ins in this series. Provider-hosted add-ins are a great platform for development, but there are some intricacies that can be best understood after learning how SharePoint-hosted add-ins work.
Have you ever gotten that feeling where you go to a website and can easily fill out all the information needed without any issues? A website where you actually enjoy how organized, smooth, and clean everything looks and feels? A website where you know exactly what to do, how to input the data, and the page flows and you can fill it out without moving your hands from the keyboard or touching the mouse? Websites like that are hard to find because there is a tremendous amount of work going on behind the scenes to make that user experience happen.