Learn MEAN Stack : All about Stack

Being a one-trick programming pony doesn’t cut it anymore in today’s tech job market. The more strings you have on your bow, the more in-demand you’ll be. When it comes to web app development, having the know-how to create something fully-functioning from start to finish boosts your employability credentials in a big way. Thankfully, the MEAN Stack is the tool set that allows you to do just that. Want to get involved? Read on...

Learn a Suite of In-Demand Programming Skills

• Understand MEAN Stack and how to use it effectively
• Code MEAN projects with an online IDE
• Develop MEAN REST APIs with Node and Express
• Create top-notch UIs with Angular 2
• Gain the skills needed to become a sought after web developer

Build Full-Stack Solutions for Mobile and the Web

This MEAN Stack online course is designed for any web developer or IT professional who wants to understand and use MEAN Stack for their projects. If you have some experience with an object-oriented/scripting language and JavaScript tools, great. But if you don’t, no worries – we guide you through every part of the process.

You’ll gain a solid foundation of knowledge in using the MEAN Stack (that’s MongoDB, Express, Angular and Node JS) for web and mobile development, with hours of instruction and code-alongs to help you through. You’ll study each component individually, learning how to assemble them to provide a highly efficient JavaScript-based development stack.

That means setting up an online IDE, developing MEAN REST APIs with Node and Express, programming and configuring with MongoDB, developing rich and functional UIs with Angular, scaffolding a MEAN UI client project, and much more.

Plus, we make sure your skills are future-proofed by using Angular 2, the much-discussed rewrite of Angular JS that’s guaranteed to set the market on fire in the coming months. By the time you’ve finished this course, you’ll be more than ready to start working on your own MEAN Stack projects.

What is MEAN Stack?

MEAN Stack is a collection JavaScript-based technologies used for web app development. Namely: MongoDB, ExpressJS, Angular 2 and NodeJS. It is a ‘full stack’ development toolkit, from client and server sides to databases. Basically MEAN Stack allows you to create functional, fun and flawless web applications from beginning to end, with one ‘stack’ of tools.

What Will I Learn?

• Code a MEAN Project with an Online IDE
• Understand what the MEAN stack is and when to use it
• Develop MEAN REST API's with Node and Express
• Program and configure MongoDB in a MEAN project
• Develop rich, functional UI's with Angular2 in a MEAN project
• Work efficiently with amazing MEAN dev tools
• Scaffold a MEAN UI client project with Angular-CLI
• ... and much, much more!

Class Curriculum

Welcome to MEAN

Start

Welcome to MEAN (2:06)

Preview

What We Will Learn (3:54)

Start

Course Specifics (2:46)

What Does MEAN mean?

Start

What does MEAN mean (0:56)

Preview

Where did MEAN Come From (3:30)

Start

Our Take On MEAN (1:47)

Start

MEAN Application Architecture (4:05)

Start

Section Summary (2:01)

Node.js & Express

Start

Section Introduction (1:02)

Start

How this will go (3:58)

Start

Course Project Introduction (1:43)

Start

Setup (3:39)

Start

Section Summary (0:41)

Start

Discover Node.js (0:13)

Start

What are Node.js & Express (1:36)

Start

Try Node from Command Line (2:22)

Start

Set up a Node.js app (2:36)

Start

Use GIT with C9.io (4:49)

Start

Section Summary (0:38)

Start

Work With Express (0:44)

Start

Get Express set up (8:22)

Start

Create an NPM Start script (2:45)

Start

Routing with Express (3:21)

Start

Section Summary (0:57)

Preview

Kickstart a Node Web App (0:33)

Start

Use a Bootstrap Template (6:49)

Start

Configuring Resources (4:56)

Start

Manage UI Components with Bower (8:21)

Start

Section Summary (0:44)

Start

Work with Gulp (0:26)

Start

Use JSHint in Gulp (5:10)

Start

Inject dependencies with Wiredep (10:40)

Start

Injection with Gulp-Inject (6:59)

Start

Watch Changes with Nodemon (4:15)

Start

Section Summary (0:50)

Start

Work with Node Templating Engines (0:19)

Start

Review of Templating Engine Optionsited (2:22)

Start

Begin with EJS (5:32)

Start

Put EJS to Work (6:15)

Start

Section Summary (0:38)

Start

More Express Routing (0:33)

Start

Use a Router (7:19)

Start

New Pages (6:19)

Start

Separate code into different files (3:28)

Start

Wire our new pages back to Express & Node (8:05)

Start

Section Summary (0:47)

Start

Use a Database with Node.js (0:21)

Start

Get MongoDB setup and installed (3:37)

Start

Get Events data ready to be inserted into MongoDB (3:59)

Start

Write code to insert our data into MongoDB (6:58)

Start

Query MongoDB and display results in our page (4:48)

Start

Section Summary (0:37)

Start

Sub-Course Wrap-Up (6:19)

Mongo DB

Start

Welcome to Mongo DB (0:32)

Preview

How this will go (7:03)

Start

Our Hands-On Project (1:19)

Start

Setup Our Tools (11:40)

Start

Section Summary (0:38)

Preview

Set Up our Project (0:40)

Start

Import Data with Mongo Import (2:46)

Start

Use the Mongo Shell (5:33)

Start

Javascript in the Mongo Shell (1:41)

Start

Section Summary (1:23)

Start

Start with Queries and Operations (1:11)

Start

Retrieve data with .find() (5:42)

Start

Create data with .save() & .insert() (3:13)

Start

Update data with .update() (4:17)

Start

Deleting data with .remove() (2:42)

Start

Display User Data in our App (5:58)

Start

Section Summary (1:00)

Start

Model New Entities (0:49)

Start

Rules for Modeling (3:10)

Start

Simple & Complex Models (2:40)

Start

Modeling ‘Event’ Data (5:52)

Start

Modeling ‘Event Registration’ data (5:42)

Start

Section Summary (0:46)

Start

Indexing Mongo DB (0:42)

Preview

Mongo DB & Indexes (2:00)

Start

Using Indexes (1:26)

Start

Creating Indexes (3:32)

Start

Section Summary (0:49)

Start

Mongo DB Aggregation Framework (2:07)

Start

Aggregation Concepts (1:30)

Start

Pipeline Stages & Operators (2:25)

Start

Aggregation in our Project (3:02)

Start

Use our Aggregated Data (5:25)

Start

Section Summary (1:40)

Start

Replication & Sharding (1:25)

Start

What are Replica Sets? (2:09)

Start

Automated Failover (1:47)

Start

What is Sharding? (1:19)

Start

Rules for Sharding data (3:38)

Start

Section Summary (0:55)

Start

Our Web App (6:07)

Start

Our Project’s State (4:59)

Start

Our app.js file (5:14)

Start

Our Aggregate Queries (2:56)

Start

Section Summary (3:27)

Start

Sub-Course Wrap-Up (3:48)

Start

Learning Objectives & Project Requirements Review (7:20)

Angular 2

Start

Section Introduction (2:13)

Start

Say Hello to Angular2 (4:10)

Start

How this course works (3:02)

Start

The Course Project (2:00)

Start

Section Summary (0:52)

Start

Pack Our Lunch (0:59)

Start

Why TypeScript in Angular2? (3:56)

Start

Getting the Cloud9 Online IDE (1:24)

Start

Setting Up the Cloud9 IDE (2:02)

Start

Setting Up The Course Project (8:06)

Start

Using Angular 2 Modules (3:47)

Start

Section Summary (1:26)

Start

Angular Components (1:14)

Preview

The Component Defined (2:23)

Start

The Component Parts (4:52)

Start

Tying a Component Together (1:59)

Start

The App Component (4:28)

Start

Bootstrapping an Angular2 App (6:57)

Start

Section Summary (4:00)

Start

Building Angular2 UI (2:40)

Start

The Component Template (5:47)

Start

Create A Template (2:44)

Start

The Directive Component (4:25)

Start

Interpolation (4:08)

Start

Angular2 Built-In Directives (9:27)

Start

Section Summary (3:09)

Start

Binding in Angular2 (1:47)

Start

Property Binding (3:42)

Start

Event Binding (3:49)

Start

2-Way Binding (2:09)

Start

Formatting Bound Data with Pipes (3:20)

Start

Section Summary (2:08)

Start

Advanced Component Concepts (2:18)

Start

Interface & Components (5:08)

Start

Styling Components (4:02)

Start

Component Lifecycle Events (3:55)

Start

Pipe Transform Interface (7:55)

Start

Section Summary (3:11)

Start

Component Composition (1:58)

Start

Parent/Child Components (5:10)

Start

More Parent/Child Components (2:24)

Start

Property Binding with @Input (2:40)

Start

Event Binding with @Output (5:38)

Start

Section Summary (2:13)

Start

Services (1:39)

Start

Angular2 Dependency Injection (2:11)

Start

Creating Serivices (3:14)

Start

Using Services (2:55)

Start

Service Injection (4:36)

Start

Section Summary (2:03)

Start

Web Services (1:21)

Start

Observables vs. Promises (2:06)

Start

Using Reactive Extensions (2:11)

Start

HTTP Requests (6:14)

Start

Implementing Observables (2:26)

Start

Section Summary (2:04)

Start

Angular2 Routing (5:27)

Start

Route Configuration (3:17)

Start

Routes and Actions (4:53)

Start

Routes and Views (1:50)

Start

Routes and Parameters (5:35)

Start

Routes and Code (2:32)

Start

Section Summary (4:08)

Start

Setting Up Angular2 From Scratch (0:28)

Start

Configuring the Compiler (2:45)

Start

Project Dependencies (2:57)

Start

Core Libraries (0:53)

Start

Section Summary (0:36)

Start

Sun Section wrap up (0:33)

Start

Review of Concepts (1:37)

The Real Challenge

Preview

The Real Challenge (1:00)

Start

Angular2 and Express (1:23)

Start

Create a MEAN Project with Angular-CLI (8:10)

Start

Make Express MEAN and RESTful (8:16)

Start

RESTful Local Events in Angular2 (10:42)

Start

Section Summary (0:53)

MEAN Approaches

Start

MEAN Approaches (0:58)

Start

Mean.io and Mean.js (3:59)

Start

Exchangeable Frameworks (7:50)

Start

Scaffolding with Yeoman (9:45)

Start

Section Summary (0:59)

Course Conclusion

Start

Section Introduction (2:03)

Start

What Now? (0:58)

Start

More comments on MEAN (2:00)

Start

Thank You (0:34)

• This course was built for web developers who design and build full-stack solutions for mobile and the web.
• This course is designed for those developers who want to design with the MEAN Stack (with Angular2) as easily as they may with other JavaScript development stacks.
• Of course, the info presented in this course is just as valuable for architects, testers, and product managers as they too should understand the architecture of the MEAN stack and how development works with MEAN when creating mobile and web solutions.

• Before taking this course, a student should ideally (but not absolutely) have some experience in:
• Creating web UI’s with normal Javascript tools (i.e. jQuery, Bootstrap, ASP.NET, AngularJS, etc.) Programming with a common object-oriented or scripting language (i.e. Java, C#, Python, PHP, etc.) Server-side JavaScript development or some familiarity with Node.
• ANGULAR1 EXPERIENCE IS NOT REQUIRED!!!

Angular expert

Currently there are no Q&As for this course. Be the first to ask a question.