Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Coaching Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 9 hours on-demand video
  • 2 articles
  • 12 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Angular

Angular 8 Real World WebApp Development w/ Node.js & MariaDB

Build a real world web app by creating your own SEO-friendly blog with Angular Universal, Node.js, Sequelize & MariaDB.
Rating: 4.3 out of 54.3 (58 ratings)
2,239 students
Created by Patrick God
Last updated 10/2019
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Build an Angular (Universal) web application from the ground up
  • Implement a NodeJs web service in the backend
  • Use the relational database management system MariaDB
  • Implement authentication with JSON Web Tokens (JWT)
  • Use object-relational mapping (ORM) with Sequelize
  • Publish your web application on a Windows Server with IISNode
  • Implement HTTP Interceptors
  • Restrict component access with Angular Route Guards
  • Implement a JavaScript Middleware
  • Make use of the Facebook Sharing Debugger
  • How to update your web application to a new Angular version

Course content

10 sections • 83 lectures • 9h 12m total length

  • Preview04:23
  • Preview05:20
  • Git Repository
    00:43

  • Preview00:48
  • A word about the Angular versions
    00:51
  • Preview04:54
  • Preview05:29
  • Preview05:35
  • Preview09:08
  • Preview08:16
  • Preview09:34
  • Preview05:33
  • Preview06:27
  • Preview05:42
  • Preview05:37
  • Preview03:51
  • Preview06:46
  • Summary
    00:26

  • Preview00:36
  • Preview11:05
  • Preview04:54
  • Preview08:59
  • Summary
    00:26

  • Preview01:18
  • Add Server-Side Rendering
    04:28
  • Angular Universal in Action
    05:05
  • Performance Comparison
    04:12
  • Summary
    00:38

  • Introduction
    Preview00:26
  • Preview04:58
  • Preview04:04
  • Install nodemon
    02:29
  • GET All Articles
    07:33
  • GET Single Articles
    03:55
  • Extending the Article Service on the Client
    07:02
  • Implementing CORS
    06:36
  • Summary
    00:37

  • Preview00:44
  • Preview08:36
  • Installing Sequelize & setting up a connection
    09:53
  • Modeling the articles table
    07:23
  • Seeding the articles table
    05:09
  • Get All Articles
    09:36
  • Get Single Articles
    06:47
  • Updating an Article
    05:27
  • Summary
    00:24

  • Preview00:56
  • Preview07:38
  • Preview10:52
  • Adding the "published" state
    07:39
  • Using the Environment
    04:00
  • Implementing the Article Overview
    17:54
  • Publish & Unpublish Articles
    22:09
  • Implementing the Edit Article Component
    25:14
  • Update an Article
    16:00
  • Preview an Article
    09:39
  • Delete an Article
    16:17
  • Create a new Article
    16:53
  • Some Improvements
    09:11
  • Summary
    00:27

  • Preview00:57
  • Preview05:56
  • Preview11:37
  • Postman
    06:39
  • User Login
    10:41
  • JSON Web Token & RSA Key Files
    07:47
  • Sign JWT
    09:13
  • Verify JWT
    09:45
  • Authentication Middleware
    07:20
  • User Login Component & Authentication Service
    10:41
  • Login Form with Validation
    11:43
  • Send Token to Web Service
    09:11
  • HTTP Interceptor
    08:00
  • Angular Route Guard
    13:22
  • Summary
    00:56

  • Preview00:43
  • IIS Node Installation & Preparations
    03:53
  • Host Node.js Web Service on IIS
    10:06
  • Host Angular Universal on IIS
    09:50
  • Page Source, IIS Node Log & Interceptor Fix
    06:52
  • Facebook Sharing Debugger
    03:34
  • Overall Summary
    02:26

  • Update Angular 7 to Angular 8
    03:59

Requirements

  • Basic experience with Angular and NodeJs is preferable
  • Familiarity with HTML, CSS and JavaScript basics is also recommended
  • To publish your web application with IISNode you need a Windows Server with IIS

Description

"This course was well designed and gave very in-depth classes on specific features of Angular and Node. I found each section clear and easy to follow and the project really wrapped up everything in a fun to code along project!"

⭐⭐⭐⭐⭐ - Robin Labonde


Welcome the Angular 8 Real World WebApp Development with Node.js & MariaDB course!

In this course, we’ll focus on building a real-world web application with the tools Angular and Node.js provide.

We will build an SEO friendly blog, which means we're going to use Angular Universal to build a server-side rendered front end.

In the back end, we're going to use Node.js for the web service, we store our data in a MariaDB and to map our objects with the database, we’re going to use the object-relational mapping library Sequelize.

And finally, we publish the whole thing on a Windows Server with IISNode.

The web application itself will be a blog that could be extended to a big news or magazine web application.

We start with displaying some articles and later on we'll build an administration dashboard with authentication (we're using JSON Web Tokens to be more specific) and the option to create new articles, modify them, and so on.

Let's have a deeper look at what you are going to learn in this course:

The Basic Blog

In this section, we will start with our Angular project and develop the blog, so that it will work offline - without any web service or database. In essence, you could already publish this blog if you want to add all your blog posts within your Angular app.

Meta & Open Graph Tags

As the title may already imply, here we will add meta tags and open graph tags. So the information that search engines and social media platforms need to find your blog and display your articles properly when they are shared.

Keep in mind though, that these tags won’t necessarily work if you stick with a client-side rendered Angular app. Google promised to be able to crawl client-side rendered Angular web applications, but by the experience of many blogs and developers, we are not there yet.

Apart from that, social media platforms still need proper source code or tags to scrape your site properly.

Angular Universal

A short but important section - we will implement server-side rendering (SSR) here. That’s what Angular Universal is all about. When you finished implementing server-side rendering, your tags will be available in the source of your blog and your pages will also render much faster.

Back end with Node.js

It’s time for the backend. We’ll create a new project, the web service with Node.js. Now the articles will come from the web service.

Database & ORM with MariaDB & Sequelize

We expand the web service and finally connect our web application with a database so that the articles are now stored in a MariaDB. Additionally, we will use Sequelize for the object relational mapping between our models and the database tables.

Administration Dashboard

In essence, the blog works with all layers. We have the client, the web service and the database. But adding new articles and modifying them is a bit cumbersome. So let’s add an administration panel where we get an overview of all articles and where we can create, update and delete them - this means, building all CRUD operations.

Authentication

The administration dashboard works, but until now, everybody could use it. In this section, we change that by adding authentication with JSON web tokens. Also, we’re going to introduce Angular interceptors, route guards and a small middleware.

IISNode

Finally, we are able to deploy our blog. In this section, you’re going to learn how to build and publish the Angular Universal client and the Node web service on a Windows Server with Internet Information Services.


What tools are we using?

All the tools we're going to use in this course are available for free.

  • Visual Studio Code - A source-code editor developed by Microsoft for Windows, Linux, and macOS. We will use this code editor for the Angular client application as well as the Node.js web service.

  • HeidiSQL - A free and open-source administration tool we will use and install together with MariaDB. It's perfectly suited to see the data we're going to store in the database.

  • Postman - A greate choice for API testing. Later during this course, we will use Postman to run API calls against the Node.js web service.

  • Google Chrome - It's not necessary to use Google Chrome, any web browser with developer tools is useful here. We're going to use the developer tools for its console output and inspecting the HTML of our web application.

  • Git - This one's totally optional. I recommend using Git as source control. You can use it locally or push your code to a hoster like GitHub. The complete code written in this course is available on GitHub, for instance.


Who is this course for?

This course is suited for students who...

  • ...already have a little experience with Angular

  • ...want to up their game with Angular and Node.js

  • ...learn the skills to build a modern web application with Angular, Node.js, MariaDB and Sequelize from the ground up

  • ...want to create a portfolio website or private blog completely on their own without using any third-party services


Who is the instructor?

Patrick is an experienced web developer who has been working in this field for over 15 years. With several courses on Udemy, over 30.000 students and more than 3.000 reviews, he knows what you are looking for in a course about web development. He works full-time as full stack developer at a market research company in Germany, teaches online courses on Udemy and YouTube, and also gives one-on-one online lectures. Let's see, what other students are saying:

⭐⭐⭐⭐⭐

"Patrick is an incredibly gifted programmer and educator. He writes code effortlessly and does a beautiful job of explaining concepts, the code structure, and how everything interacts with each other. He is patient and supportive and can efficiently work with beginners and people with more advanced skill. If you want to learn any aspects of programming, you MUST contact Patrick. He’s among the best instructors I’ve ever worked with, and I give him my highest recommendation." - Mike

⭐⭐⭐⭐⭐

"Very good, easy pace, and easy to understand! this is the good course for beginner and intermediate developers. Thank you!" -Tri

⭐⭐⭐⭐⭐

"Quick and useful course getting someone upto speed on WCF RESTful services. I like this course as the instructor Patrick just gets to the crux of the topics without padding with unnecessary discussions. When people are limited by time to spend on a course, this is the kind of course that is ideally looked up to. Very good course! Thank you!" - Sundararajan

⭐⭐⭐⭐⭐

"Patrick is a great instructor in that he is organized, knows his stuff, and takes the time to explain everything in detail. Great course for beginning WCF developers!" - Evarardo

⭐⭐⭐⭐⭐

"I like the pace, the simplicity of piece by piece introductions and the author's speaking pace & clarity. very nice!" - Stephen

⭐⭐⭐⭐⭐

"Love the way you go through each step one short video at a time - makes it more rewarding and easier to digest and break down if need be. Also appreciate your thorough responses to others' questions! Great job, I look forward to seeing more videos like this because I am learning a ton from you! Thank for all of your hard work and dedication!" - Adrienne

⭐⭐⭐⭐⭐

"Single Page Application (SPA) has become a very important requirement for web application projects. This course has given me a very good example on how to create a "SPA". The whole process is covered since creating the project, the HTML page, the detailed creation of each file til its deployment. Very good. I recommend it for systems analysts who are starting to use this concept of SPA, just like me. If something in your solution does not work it's because you're doing something wrong. Everything works fine, the instructor is clear and gives us good and complete information. For me, the course was excellent." - Michel

⭐⭐⭐⭐⭐

"As always, a course by Patrick God is a good choice for learning. I had a chance to watch another courses from him and I have to say, I did the right thing choosing this guy.He is very straight forward, speak well, and let me understand quickly all what I need." - Paulo

Who this course is for:

  • Everyone who wants to learn how to build a SEO-friendly web application with Angular, NodeJs, Sequelize and MariaDB
  • Students who want to up their game with Angular & NodeJs

Instructor

Patrick God
Passionate Software Developer & Teacher
Patrick God
  • 4.5 Instructor Rating
  • 5,334 Reviews
  • 53,078 Students
  • 9 Courses

Writing code is what drives me. Creating software out of nothing is a skill I truly am passionate about and I want to share this astonishing feeling of making stuff with you.

I started to learn several programming languages as a teenager and always wanted to create software ever since I first played a game on a Commodore 64. During my bachelor and master studies, I joined various companies, made desktop and web applications as well as video games professionally and was always anxious to improve my craft, which I have been doing for more than 15 years now.​

For me, the most important part of writing and teaching code is to have fun. If certain ways work for you and the results are maintainable and you have fun with your results, you're doing it the right way. I don't care if you always use your keyboard or switch to the mouse from time to time, so-called best practices are not always best or practical, I want to teach you to develop software in a way it works in the industry, a way it works for you and in a way that makes you happy. 

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.