![]() ![]() In the first example, an Angular application was deployed with hard-coded JSON in a service.ts file (located in the Service Factory). In the process view, I show the front-end server and back-end server separately at first and then connect them together with the database server. The customer will now be able to consume the meal (data). The controller (waiter) will hand-over the prepared meal to the customer (user). The cook can now process that data and send back to the service factory of the front-end. The fridge will be able to provide the necessary material (data) to the cook in the back-end. The cook will then grab the necessary ingredients (data) in the fridge (database server). The service factory will be the one to communicate with the cook (controller) in the back-end. These three components makes up the front-end server. The customer (end-user) requests their order through the waiter (controller), and the waiter hands over the request to the person at the order window (service factory). Restaurant AnalogyĪs I wanted to tackle the steep learning curve, I chose a restaurant analogy to let the user understand and retain the process for request and response in a full stack application. Now that we've gotten those basics out of the way, let's look at these diagrams. MongoDB became the de facto standard database for Node.js applications to fulfill the "JavaScript everywhere" paradigm using JSON (JavaScript Object Notation) to transmit data across different tiers (front-end, back-end, and the database). MongoDB is a NoSQL database which stores data in BJSON (Binary JavaScript Object Notation). It features dependency injection to ensure that whenever a component is changed, other components related to it will be changed automatically. It allows development of single-page web applications where content changes dynamically based on user behavior and preferences. Front-end with AngularĪngular is a web development platform built in TypeScript that provides developers with robust tools for creating the client side of web applications. It is a layer on top of Node.js that is feature-rich for web and mobile development without hiding any Node.js functionality. Back-end with Express FrameworkĮxpress is a minimalist and unopinionated application framework for Node.js. Through Node modules, abstraction can be achieved, which reduces the overall complexity of the MEAN stack. Node.js includes modules such as Mongoose, which is a MongoDB object modeling, and the Express web application framework. However, the event-driven/callback approach makes Node.js difficult to learn and debug. This makes Node.js fast compared to other environments. ![]() Node.js is built for handling asynchronous I/O while JavaScript has an event loop built-in for the client-side. The idea behind it is to solve the common issues with connecting those frameworks, build a robust framework to support daily development needs, and help developers use better practices while working with popular JavaScript components. It's made up of MongoDB, Express, Angular, and Node.js. The MEAN Stack is a full-stack JavaScript open-source solution. The research was more focused on Deployment and Request and Response Flow. These UML diagrams were based on the 4+1 architectural view model: I have created the following diagrams, using Lucidchart, for easier comprehension. The goal of my research was to reduce the learning curve in understanding open source projects and full stack development, and I choose the MEAN Stack. The title of my research is "Software Documentation and Architectural Analysis of Full Stack Development". This article is based on my capstone for the City University of Seattle. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |