Create a MEAN App by Example – Full Stack Course

Create a MEAN App by Example – Full Stack Course, available at $54.99, has an average rating of 4.25, with 33 lectures, based on 374 reviews, and has 2294 subscribers.

You will learn about Design a logo Interactive UI Mockup Design in Adobe Experience Design Starting an Angular 4+ Project with the Angular CLI Setting up an Express Server Setting up MongoDB Creating a RESTful API Performing CRUD operations from Angular Working with Angular Services & Components Page Transition Animations SVG-Based Animations Make your Angular App Responsive Creating an Animated Loading Logo …plus much more This course is ideal for individuals who are Aspiring Designers or Aspiring Developers or Aspiring Full Stack Developers It is particularly useful for Aspiring Designers or Aspiring Developers or Aspiring Full Stack Developers.

Enroll now: Create a MEAN App by Example – Full Stack Course

Summary

Title: Create a MEAN App by Example – Full Stack Course

Price: $54.99

Average Rating: 4.25

Number of Lectures: 33

Number of Published Lectures: 33

Number of Curriculum Items: 33

Number of Published Curriculum Objects: 33

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Design a logo
Interactive UI Mockup Design in Adobe Experience Design
Starting an Angular 4+ Project with the Angular CLI
Setting up an Express Server
Setting up MongoDB
Creating a RESTful API
Performing CRUD operations from Angular
Working with Angular Services & Components
Page Transition Animations
SVG-Based Animations
Make your Angular App Responsive
Creating an Animated Loading Logo
…plus much more

Who Should Attend

Aspiring Designers
Aspiring Developers
Aspiring Full Stack Developers

Target Audiences

Aspiring Designers
Aspiring Developers
Aspiring Full Stack Developers

Designers, coders, full stack dev’s, get in here!

This course has something for everyone. You’re going to learn how to build a beautiful web app using the MEAN stack.

This app is based on:

MongoDB
Express
Angular (version 4)
Nodejs

This, of course, is referred to as the MEAN stack. The MEAN stack is one of the most popular stacks to develop, so I’m showing you how to build an app called CodePost from scratch.

What will you learn?

Logo Design
Interactive UI Mockup Design in Adobe Experience Design (XD)
Starting an Angular 4+ Project with the Angular CLI
Setting up an Express Server
Setting up MongoDB
Creating a RESTful API
Performing CRUD operations from Angular
Working with Angular Services & Components
Page Transition Animations
SVG-Based Animations
Make your Angular App Responsive
Creating an Animated Loading Logo
…plus much more

This course is absolutely packed with a tremendous amount of useful information that you will most certainly use on other projects.

What software do I need?

This course is structured so that you can jump in and follow along at any point. If you’re not interested in design, you won’t need Illustrator or Adobe XD.

Adobe Illustrator for Logo Design
Adobe Experience Design (XD) for Prototyping
Code Editor (Visual Studio Code is Free)

Let’s get started!

Course Curriculum

Chapter 1: Welcome

Lecture 1: Introduction

Lecture 2: Download the Project Files

Chapter 2: Identity Design

Lecture 1: What is Identity Design?

Lecture 2: Wordmark Design

Lecture 3: Symbol Design

Lecture 4: Exporting Assets

Chapter 3: UI Design

Lecture 1: The Importance of UI Prototyping

Lecture 2: Header Design

Lecture 3: Tutorials List UI

Lecture 4: Details UI

Lecture 5: Form UI

Lecture 6: Prototype Interaction

Chapter 4: Development Setup

Lecture 1: The MEAN Stack

Lecture 2: Setup Angular & Express

Lecture 3: Setup a MongoDB Database

Lecture 4: Create a RESTful API

Chapter 5: Home Page

Lecture 1: Section Preview

Lecture 2: Data Service

Lecture 3: Nav Component

Lecture 4: Home Component

Lecture 5: Home Template

Lecture 6: Styling

Chapter 6: Details Page

Lecture 1: Details Component

Lecture 2: Details Template

Lecture 3: Styling

Chapter 7: Posts Page

Lecture 1: Post Component

Lecture 2: Post Template

Lecture 3: Styling

Chapter 8: Final Adjustments

Lecture 1: Page Transition Animations

Lecture 2: Animating the SVG Arrow

Lecture 3: Production Build

Lecture 4: Bonus: Create a Custom Loading Animation

Lecture 5: Bonus: Make your App Responsive

Instructors

Gary Simon
Professional Freelance Designer & Course Instructor

Rating Distribution

1 stars: 8 votes
2 stars: 10 votes
3 stars: 50 votes
4 stars: 141 votes
5 stars: 165 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu