Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Create a MEAN App by Example - Full Stack Course

Gary Simon, Full Stack Developer & Instructor

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
33 Videos (3h 34m)
    • Course Trailer

      1:01
    • Introduction

      4:02
    • What is Identity Design?

      1:00
    • Wordmark Design

      8:46
    • Symbol Design

      10:33
    • Exporting Assets

      4:44
    • The Importance of UI Prototyping

      1:07
    • Header Design

      5:27
    • Tutorials List UI

      14:51
    • Details UI

      5:04
    • Form UI

      6:05
    • Prototype Interaction

      4:58
    • The MEAN Stack

      0:22
    • Setup Angular & Express

      6:52
    • Setup a MongoDB Database

      5:12
    • Create a RESTful API

      8:33
    • Section Preview

      0:24
    • Data Service

      4:18
    • Nav Component

      7:05
    • Home Component

      3:19
    • Home Template

      12:14
    • Styling

      12:41
    • Details Component

      8:54
    • Details Template

      5:28
    • Styling

      12:31
    • Post Component

      10:33
    • Post Template

      10:28
    • Styling

      3:40
    • Page Transition Animations

      9:34
    • Animating the SVG Arrow

      4:57
    • Production Build

      2:58
    • Bonus: Create a Custom Loading Animation

      8:58
    • Bonus: Make your App Responsive

      7:28

About This Class

Create a MEAN App by Example - Full Stack Course | Udemy

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!

Who is the target audience?

  • Aspiring Designers
  • Aspiring Developers
  • Aspiring Full Stack Developers

49

Students

--

Projects

Gary Simon

Full Stack Developer & Instructor

Full Stack Developer for nearly 2 decades. Worked as an Instructor for Pluralsight, LinkedIn/Lynda.com and Envato Network

See full profile