Mô tả

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!

Bạn sẽ học được gì

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

Yêu cầu

  • Understand HTML
  • Understand CSS
  • Basic understanding of Javascript
  • Basic understanding of Angular

Nội dung khoá học

8 sections

Welcome

2 lectures
Introduction
04:02
Download the Project Files
00:24

Identity Design

4 lectures
What is Identity Design?
01:00
Wordmark Design
08:46
Symbol Design
10:33
Exporting Assets
04:44

UI Design

6 lectures
The Importance of UI Prototyping
01:07
Header Design
05:27
Tutorials List UI
14:51
Details UI
05:04
Form UI
06:05
Prototype Interaction
04:58

Development Setup

4 lectures
The MEAN Stack
00:22
Setup Angular & Express
06:52
Setup a MongoDB Database
05:12
Create a RESTful API
08:33

Home Page

6 lectures
Section Preview
00:24
Data Service
04:18
Nav Component
07:05
Home Component
03:19
Home Template
12:14
Styling
12:41

Details Page

3 lectures
Details Component
08:54
Details Template
05:28
Styling
12:31

Posts Page

3 lectures
Post Component
10:33
Post Template
10:28
Styling
03:40

Final Adjustments

5 lectures
Page Transition Animations
09:34
Animating the SVG Arrow
04:57
Production Build
02:58
Bonus: Create a Custom Loading Animation
08:58
Bonus: Make your App Responsive
07:28

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.