این آموزش تصویری MEAN Stack را همراه با مثال را آموزش می دهد. در این دوره با کمک Angular ، Node ، Express و  MongoDB قادر به ساخت وب سایت خواهیم بود. همچنین نحوه نصب Node.js و MongoDB ، ساخت وب تک صفحه ای ، استفاده از ماژول های NPM و جاوا اسکریپت را می آموزید. در ادامه کار با Boostrap برای طراحی وب سایت واکنش گرا ، استفاده از API REST با GET، PUT، POST را نیز پوشش می دهد.

این دوره آموزشی محصول موسسه Udemy است.

سرفصل های دوره:

  • نصب MongoDB
  • استفاده از NPM
  • کار با Windows 8.1
  • مدیریت پیکیج ها با استفاده از Bower
  • نحوه استفاده از NPM و Bower
  • نحوه ساخت پشته
  • محتویات پوشه config.
  • کار با فایل routes.js
  • ایجاد یک حساب کاربری جدید
  • نحوه افزودن Gravatar
  • نحوه اضافه کردن یک تصویر
  • نحوه مدیریت برنامه
  • استفاده از Multer
  • نحوه مسیریابی در برنامه
  • استفاده با صفحات
  • کار با Angular
  • ساخت صفحات تک صفحه
  • نمایش انیمیشن
  • نحوه پیمایش نامحدود
  • طراحی بخش مدیریت
  • ویرایش فایل admin.Ctrl.js
  • افزودن مشخصات کاربر
  • و…

عنوان دوره: Udemy Master the MEAN Stack – Learn By Example
مدت زمان: 4 ساعت
نویسنده: Patrick Schroeder


توضیحات:

Udemy Master the MEAN Stack - Learn By Example

Patrick Schroeder
4 Hours
All Levels

A Project Based Course. Using Angular, Node, Express and MongoDB we will Build a Full Stack Web Application.
In this course, you will learn to build a full stack web application using Node, Angular, Express and MongoDB. We will start with a sophisticated authorization template and work from there.
This is a hands-on project based course in which we will be buidling a single-page app named Best Dressed.
By utilizing popular npm modules and angular components we will build out our application to include interesting functionality. This includes: upload ability, web scraping, pinterest-style infinite scrolling, an admin area, and more.
We will be using Javascript on both the frontend and backend. And by using MongoDB as our database, we are able to make use of familiar JSON syntax.
What You Will Learn
What it takes to build a full stack web application
How to create and use a REST API with GET, PUT, POST and DELETE verbs
Web scraping using the Request and Cheerio modules
How to create a Pinterest style view with infinite scrolling
How to Upload and save images
Implement view transitions using ngAnimate
Use Boostrap styling for responsive design
Build and use 3 different mongo schemas using mongoose
What are the requirements?
Node.js Installed
MongoDB Installed
Knowledge of JavaScript fundamentals
What am I going to get from this course?
Over 31 lectures and 4 hours of content!
Build a full stack web application.
Be able to write both front end and back end javascript code.
Feel confident in structuring their codebase in a maintainable and testable manner.
Understand how to build RESTful API's
Know how to write server side controllers that query and manipulate data.
What is the target audience?
You should have some knowledge of JavaScript in AngularJS before starting this course. I cover in detail many aspects of building the app, so you don't need to be above beginner level to get a lot out of the course.

Section 1: Introduction
Lecture 1
Introduction
01:49
Section 2: Getting Started
Lecture 2
Overview and Setup
00:54
Section overview. This includes installing MongoDB, how to use NPM and bower, and an overview of our starter files.
Lecture 3
Installing MongoDB
04:03
How to install mongoDB. My system is Windows 8.1 and will cover specifics for this system. We'll also see how to start 'mongod' and access the shell.
Lecture 4
NPM and Bower
03:40
We'll be using NPM and Bower as our package mangement in this course. NPM will handle our server side dependencies and bower will handle our client side dependencies.
Learn how to install dependencies using 'npm install' and 'bower install'.
Lecture 5
DaftMonk Generator and Dependencies
06:19
We'll introduce the Daftmonk Angular full stack generator and what parts we're using in our application. And then we discuss the dependencies that will be included in this project.
Lecture 6
Server Files Explained - Part 1
05:18
An explanation of the app.js file and contents of the config folder.
Lecture 7
Server Files Explained - Part 2
09:30
An explanation of the routes.js file, auth folder and api folder.
Lecture 8
Client Files Explained
06:13
In this video we'll cover how the code works in the angular part of our app.
Lecture 9
Running the App
03:21
We'll look how to start the app using node and nodemon. Then we will run our application for the first time and create a new account.
Section 3: Adding the Gravatar
Lecture 10
Add Gravatar
09:24
How to add a gravatar image and display in the menu.
Section 4: Scraping
Lecture 11
Scraping Part 1
14:17
Lecture 12
Scraping Part 2
02:24
Lecture 13
Scraping Part 3
08:22
Lecture 14
Scraping Part 4
06:33
Section 5: Uploading Look
Lecture 15
Post Look to Backend
11:42
Lecture 16
Display Looks on Frontend
10:51
Display looks and add a success message.
Lecture 17
Add Upload Functionality
14:11
Use Multer and ng-file-upload to add uploading capabilities to our app.
Section 6: MyLooks Page
Lecture 18
Routing
06:28
Set up our routing for use with future pages and API calls.
Lecture 19
Angular-Grid
04:17
Add angular-grid for clean display of Looks we have added.
Lecture 20
MyLooks Page
12:18
Show off all the looks a logged in user has added. Create functionality to edit and delete the Look.
Lecture 21
Moment
04:48
Add the moment package to show a timestamp when Looks have been added. We'll also use this with our Comments area.
Section 7: Single Look Page
Lecture 22
Single Look Page
10:52
Lecture 23
Comment Area
15:55
Lecture 24
Upvote + Add Views
10:40
Section 8: Finishing Up
Lecture 25
Where We've Come
01:19
A look back at what we've covered so far. And a look ahead to what needs to be done.
Lecture 26
View Animations
02:51
Lecture 27
Infinite Scrolling
07:26
Lecture 28
Admin Area
07:59
Start creating our admin area.
Lecture 29
Admin Area Part 2
13:35
Finish creating our admin area by editing our admin.Ctrl.js file.
Lecture 30
Profile Area
08:23
Finishing up by creating our user profile area.
Lecture 31
Conclusion
00:30