BlogAnnounced at MongoDB.local NYC 2024: A recap of all announcements and updatesLearn more >>
MongoDB Developer
TypeScript
plus
Sign in to follow topics
MongoDB Developer Centerchevron-right
Developer Topicschevron-right
Languageschevron-right
TypeScriptchevron-right

How to Use the MEAN Stack: Build a Web Application From Scratch

34 min • Published Mar 13, 2024
TypeScript
Facebook Icontwitter iconlinkedin icon
Rate this video
star-empty
star-empty
star-empty
star-empty
star-empty
✅ Sign-up for a free cluster at → https://mdb.link/free-GcYxQ0A7tVM ✅ Get help on our Community Forums → https://mdb.link/community-GcYxQ0A7tVM" target="_blank" rel="noreferrer">https://mdb.link/community-GcYxQ0A7tVM 🚀 Dive into full-stack development with our comprehensive MEAN Stack tutorial. This video guides you through building a robust Employee Management System using MongoDB, Express.js, Angular, and Node.js. Whether you're a beginner looking to get started in full-stack development or an experienced developer seeking to master the MEAN stack, this tutorial is for you! 🔗 Article for More Details: https://mdb.link/mean-GcYxQ0A7tVM 🧠 What You'll Learn 🧠 ✨ Introduction to MEAN Stack and its components ✨ Setting up your development environment ✨ Creating a server-side application with Node.js and Express ✨ Building a RESTful API ✨ Developing a client-side application using Angular ✨ Connecting your application to MongoDB Atlas for data storage ⏱️ Timestamps ⏱️ 00:00 - Introduction 00:16 - What is MEAN? 01:07 - Prerequisites 01:55 - Server: Setup 03:37 - Server: Interface 04:18 - Server: Connect to MongoDB 06:12 - Server: Environment Variables 06:42 - Server: server.ts 07:53 - Server: RESTful API build 12:48 - Server: Configure Routes 13:32 - Client: Angular app setup 16:09 - Client: Create Angular Interface 16:45 - Client: Create Angular Service 20:05 - Client: Create Employee List Component 24:11 - Client: Define Routes 25:36 - Client: Create Form Component 29:33 - Client: Create Add-Employee Component 31:14 - Client: Create Edit-Employee Component 33:30 - Client: Update Routes 34:03 - Test the Application! 📚 Download the Full Code 📚 Get the entire codebase from our GitHub repository to follow along and experiment with the MEAN stack: https://github.com/mongodb-developer/mean-stack-example ⁉️ Questions? Join our community forum and ask away. We love to help: https://mdb.link/community-GcYxQ0A7tVM" target="_blank" rel="noreferrer">https://mdb.link/community-GcYxQ0A7tVM 💬 Connect with Jesse: Twitter: https://twitter.com/codestackr --- Subscribe to MongoDB YouTube→ https://mdb.link/subscribe
All MongoDB Videos

Facebook Icontwitter iconlinkedin icon
Rate this video
star-empty
star-empty
star-empty
star-empty
star-empty
Related
Tutorial

How to Deploy MongoDB Atlas with AWS CDK in TypeScript


Jan 23, 2024 | 5 min read
Code Example

Trends analyser


Jul 07, 2022 | 1 min read
Tutorial

Create a REST API with Cloudflare Workers and MongoDB Atlas


Mar 29, 2024 | 7 min read
Tutorial

Type Safety with Prisma & MongoDB


May 19, 2022 | 4 min read