![]() Express runs as a module within the Node.js environment.Įxpress can handle the routing of requests to the right parts of your application (or to different apps running in the same environment). Complex application front-ends can be crafted from many simple (optionally nested) components.Īngular application code can also be executed on the back-end server rather than in a browser, or as a native desktop or mobile application.Įxpress is the web application framework that runs your back-end application (JavaScript) code. You implement your application front-end as a set of components – each of which consists of your JavaScript (TypeScript) code and an HTML template that includes hooks to execute and use the results from your TypeScript functions. Version 1 of Angular was called AngularJS but it was shortened to Angular in Angular 2 after it was completely rewritten in Typescript (a superset of JavaScript) – Typescript is now also the recommended language for Angular apps to use. A reactive UI gives the user immediate feedback as they give their input (in contrast to static web forms where you enter all of your data, hit "Submit" and wait). Here's an example of inserting an array of 3 JavaScript objects: m圜ollection.insertMany([Ĭonsole.log("Failed to insert Docs: " + err.message) Īngular, originally created and maintained by Google, runs your JavaScript code within the user's web browsers to implement a reactive user interface (UI). ![]() What do we mean by idiomatic? Using the driver feels natural to a JavaScript developer as all interaction is performed using familiar concepts such as JavaScript objects and asynchronous execution using either callback functions or promises (explained later). You even access the database using MongoDB's native, Idiomatic JavaScript/Node.js driver. ![]() MongoDB : Document database – used by your back-end application to store its data as JSON (JavaScript Object Notation) documentsĪ common theme in the MEAN stack is JavaScript – every line of code you write can be in the same language.Node.js : JavaScript runtime environment – lets you implement your application back-end in JavaScript.Express (sometimes referred to as Express.js): Back-end web application framework running on top of Node.js.Angular (formerly Angular.js, now also known as Angular 2): Front-end web app framework runs your JavaScript code in the user's browser, allowing your application UI to be dynamic.MEAN is a set of Open Source components that together, provide an end-to-end framework for building dynamic web applications starting from the top (code running in the browser) to the bottom (database). We'll start with MEAN as it's the more established stack but most of what's covered here is applicable to MERN (swap Angular with React). Subsequent posts in the series take a deep dive into specific topics – working through the end-to-end development of Mongopop - an application to populate a MongoDB database with realistic data and then perform other operations on that data. This first post serves as a primer for many of these technologies. There are two dominant JavaScript web app stacks – MEAN ( MongoDB, Express, Angular, Node.js) and MERN ( MongoDB, Express, React, Node.js) and so we'll use those as paths to guide us through the ever-expanding array of tools and frameworks. ![]() Developers now use JavaScript to implement the front-end experience as well as the application logic and even to access the database. The days when the role of JavaScript was limited to adding visual effects like flashing headers or pop-up windows are past. If there's one thing that ties these technologies together, it's JavaScript and its successors (ES6, TypeScript, JSX, etc.) together with the JSON data format. Fortunately, there's a (sometimes bewildering) set of enabling technologies that make all of this possible. At the same time, there's pressure on developers to deliver new applications faster and continually roll-out enhancements, while ensuring that the application is highly available and can be scaled appropriately when needed. ![]() Users increasingly demand a far richer experience from web sites – expecting the same level of performance and interactivity they get with native desktop and mobile apps. The series will go on to step through tutorials to build all layers of an application. This is the first in a series of blog posts examining the technologies that are driving the development of modern web and mobile applications, notably the MERN and MEAN stacks. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |