Create your first SPA with Angular - Tutorial
In this 4-part series we will look at how to create a MEAN application.
A MEAN application uses Mongo DB, Express JS, Angular and Node JS to create a full-stack application.
This first part of the series will create the foundations of our angular single page application.
We will create an application to store a personal diary that displays our posts in a table. We will be able to add, delete and update posts within the application and to store the data in an array.
🕒 Timestamps 🕒
00:00 - Introduction
00:41 - Setting up Angular
03:22 - Adding Bootstrap 3
04:27 - Creating a HTML Table
05:50 - Angular Shared Services
07:55 - Populating data from an array
09:02 - Adding action buttons to each entry
09:47 - Deleting diary entries
11:14 - Angular Subjects
13:39 - Angular Reactive Forms for adding entries
20:07 - Editing a Diary Entry
Link to source code:
https://github.com/4neesh/MyDiary
Please like, subscribe and leave a comment to let me know what you think!
Visit my website for all my blogs and videos on software engineering: www.aneesh.co.uk
Icon made by FreePik from www.flaticon.com
MongoDB Icon by Icons8