Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
3 Hour(s) 33 Minute(s)
Language
English
Taught by
Gary Simon
Rating
2 views
Course Overview
Go from Design to Code and Build a Beautiful Web App
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 Content
- 8 section(s)
- 33 lecture(s)
- Section 1 Welcome
- Section 2 Identity Design
- Section 3 UI Design
- Section 4 Development Setup
- Section 5 Home Page
- Section 6 Details Page
- Section 7 Posts Page
- Section 8 Final Adjustments
What You’ll 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
Skills covered in this course
Reviews
-
TTarun Thambi Bonagiri
good
-
BBrian Nester
Very well taught, just lightly outdated due to updates to Angular and Typescript.
-
VViny Manya
The course is pretty basic, very little has been covered especially on the server side...the only thing I have gained from the course is knowing how to work with animation with Angular...the other things are basic. This course is good for getting started with the MEAN Stack.
-
DDima
Pretty good course. All necessary aspects of MEAN were covered by this course. Sometimes work with Photoshop,Illustrator etc was annoyed, because I got this course specifically for learning MEAN. And there were few lectures where I couldn't skip, because in the middle of lecture the tutor edit his code, then open Graphic redactor makes icons etc, then again closes it and put it into the code. I guess it should be more separate and final icons should be provided as attachment to the next lecture. It is my opinion, why I put such mark. But in any case this course is valuable for me (who knows some basic/intermediate knowledge of NodeJs, Express, Mongo, Angular 2+, HTML and CSS).
