Learning Library

← Back to Library

Evolving from LAMP to MEAN

Key Points

  • Jamil Spang, an IBM Cloud developer advocate, introduces the MEAN stack as a modern alternative to the traditional LAMP stack for building full‑stack web applications.
  • He breaks down the MEAN acronym: **M**ongoDB as the NoSQL data store, **E**xpress.js as the Node‑based web framework, **A**ngular as the front‑end single‑page‑application library, and **N**ode.js as the underlying runtime platform.
  • The talk emphasizes Node.js as the foundational layer, highlighting how Express simplifies routing, API creation, and database connectivity through npm packages.
  • Angular is presented as the component that enables rich, client‑side SPA experiences, completing the end‑to‑end JavaScript stack that replaces LAMP’s Apache/PHP/MySQL components.

Full Transcript

# Evolving from LAMP to MEAN **Source:** [https://www.youtube.com/watch?v=usqwC2MIho8](https://www.youtube.com/watch?v=usqwC2MIho8) **Duration:** 00:06:48 ## Summary - Jamil Spang, an IBM Cloud developer advocate, introduces the MEAN stack as a modern alternative to the traditional LAMP stack for building full‑stack web applications. - He breaks down the MEAN acronym: **M**ongoDB as the NoSQL data store, **E**xpress.js as the Node‑based web framework, **A**ngular as the front‑end single‑page‑application library, and **N**ode.js as the underlying runtime platform. - The talk emphasizes Node.js as the foundational layer, highlighting how Express simplifies routing, API creation, and database connectivity through npm packages. - Angular is presented as the component that enables rich, client‑side SPA experiences, completing the end‑to‑end JavaScript stack that replaces LAMP’s Apache/PHP/MySQL components. ## Sections - [00:00:00](https://www.youtube.com/watch?v=usqwC2MIho8&t=0s) **From LAMP to MEAN Stack** - Jamil Spang introduces the MEAN stack, explains its components (MongoDB, Express, Angular, Node) and contrasts it with the traditional LAMP architecture. ## Full Transcript
0:00are you a veteran lamp stack developer 0:03looking to somehow evolve to your next 0:06generation platform 0:08if so you're going to love our topic 0:10today hello my name is jamil spang 0:13developer advocate with ibm cloud and 0:16today my topic is going to be concerning 0:18the acronym mean 0:20but it's not going to be meaning that 0:21perspective we're going to be very nice 0:24and code up some great things here 0:26so as usual whenever we get started i 0:29love to break down the acronyms and then 0:31we'll hit the whiteboard and show you 0:33how all these components kind of fit 0:35together so let's break this acronym 0:37down 0:38we have the mean the m 0:41of course 0:42which is going to stand for 0:48db 0:49talking about the main data store that's 0:51a component of that 0:53we have the e which stands for express 1:00express.js we all know it's a web 1:03application framework built on top of 1:05javascript 1:07the a is for angular 1:12all right spa application uh development 1:15there and then as more of the platform 1:20we're gonna go with the n which is no js 1:23and so if you recall from my previous 1:25video on the lamp stack this is more 1:28centered around linux apache php does a 1:30lot of the work of course there's a data 1:32store option there which is my sequel 1:34and now we're going to take this to the 1:36next step with the mean platform and 1:38we'll talk about a couple of variations 1:40that can occur as well 1:43so i'm going to get started by as usual 1:45drawing out things how they are 1:48and we're going to have a couple of 1:50layers here but this is going to be 1:52quite common 1:54that we're going to have so let's think 1:56of it like this let's start with our 1:58foundation here and the first foundation 2:00is going to be 2:03node.js 2:07all right the node.js has quickly grown 2:09over the decades to being quite an 2:11impressive language evolving to not only 2:14a front end with javascript a frontside 2:17scripting language to now even working 2:19on the server side and one of the most 2:22popular packages that most 2:24applications are developed in is let's 2:27see if i can squeeze that in 2:29is the express web application framework 2:31all right it's going to install as a 2:33part of the 2:34node.js 2:36computing language 2:38it will bring up the ability to quickly 2:40let you scale up web applications built 2:43upon that not only can you define your 2:45routes but also it'll be that piece that 2:47kind of can make connections to 2:50the database 2:56all right so we're going to deal with 2:58mongodb here so the express 3:01will have all the modules that are used 3:03to kind of function and run 3:06make connections to the database make 3:08expose other routes as well as connect 3:11to any other 3:12kind of languages that are there it's 3:13all part of the javascript models there 3:15if you're familiar with the mpm package 3:17manager 3:19you can simply import packages 3:21make references to require them inside 3:24of express 3:26routes or or or models there and then 3:29work with everything 3:31so on top of that the last part we'll 3:33talk about is the a which stands for 3:35angular 3:40and this is going to fit in to be what 3:41we like to call our single page 3:43applications so everyone's familiar with 3:45angular 3:46one of the popular frameworks for 3:48building spa applications from google 3:50and what this is going to do is really 3:52take control of the complete front end 3:54that's there spa applications as you 3:56know in comparison to traditional page 3:59applications is really just going to 4:01have that main entry level loading so 4:03maybe that first route and then it only 4:06declaratively 4:08refreshes pages of the 4:10page that you want to um pretty much 4:12that you focus on so one i want to kind 4:15of describe that a little bit more 4:18let's say our web page comes in and it's 4:20with a header 4:22and a menu and then content here so as i 4:24click links 4:25here only this part will 4:28actually refresh as i click links all 4:31right whereas in most traditional page 4:33applications 4:34the whole page would refresh and you 4:36have to constantly deal with loading 4:38times from that so what this does is 4:41pretty much allows you to build in these 4:42modern interfaces and most of the most 4:45modern applications are coming as spa 4:47applications single page applications 4:49there express is the framework that 4:51serves that out when angular needs to 4:54make connections to a database is pretty 4:56much going to talk to the express 4:58framework which will make the connection 5:00to 5:00which will give the response back 5:03and then serve it back to that session 5:06there as well and of course angler is 5:07free to make any other ajax calls as it 5:10needs 5:11now you're probably thinking to yourself 5:13mean okay well what if i don't use 5:16angular what if i use another popular 5:18language which is one that i use a 5:22lot react and so yes you can substitute 5:26different parts here to do different 5:29things all right um 5:31often i've made my acronym 5:34i guess that makes it mern all right the 5:36express react 5:39and um and node.js that's there so you 5:42can often switch out any component that 5:45you are looking to use 5:47that can really fit your scenario here 5:50so that's all for now this is the mean 5:53stack i encourage you to go check it out 5:56it was naturally my next evolution after 5:58i became an expert at building lamp 6:00steps 6:01stacks and then wanted to make my move 6:03into more fluid single page 6:06using mongodb because everything's done 6:08as a document json document everything's 6:11flexible fluid fast to develop and 6:13nothing beats the experience of a single 6:15page application 6:17so that's all for today thank you for 6:19your time happy coding 6:22if you have any questions please drop us 6:25a line below and if you want to see more 6:27videos like this in the future 6:29please like and subscribe 6:46you