Full-Stack Angular Development Online Training

This intermediate Full-Stack Angular Development training prepares learners to build and deploy interactive applications and services that rely on angular development as well as the other tools of the MEAN stack.

Angular is one pillar of the MEAN stack, which also includes MongoDB, Express.js, and Node.js. This Full-stack Angular Development training will make an application developer an expert in not just writing good code, but understanding how to make sure it's tested, deployed and used properly.

Writing a great web application is a good skill for an application developer, but this Full-Stack Angular Development training makes sure you're a fully rounded developer who can make use of all the elements of the MEAN stack.

For IT managers, this Angular training can be used to onboard new app developers, curated into individual or team training plans, or as a Angular reference resource.

Full-Stack Angular Development: What You Need to Know

This Full-Stack Angular Development training has videos that cover JavaScript libraries topics including:

Developing in MongoDB, Express.js, Angular, and Node.js ("MEAN")
Coding an application, testing it, deploying your code, and storing its data
Developing applications that can scale up to enterprise network implementation
Reading and writing TypeScript, HTML, CSS, and more to implement Angular projects

Who Should Take Full-Stack Angular Development Training?

This Full-Stack Angular Development training is considered foundational-level Angular training, which means it was designed for new developers with at least a year of experience with JavaScript libraries and experienced app developers looking to brush up on their Angular skills.

New or aspiring app developers. If you're a brand new app developer or you're hoping to eventually become one, this Full-Stack Angular Development training is the best way to prove your knowledge of an application's full lifecycle. Set yourself apart from your peers by demonstrating you know how to develop, test, and deploy your applications, not simply write code in Angular.

Experienced app developers. It's assumed that an application developer with several years of experience can develop a scalable application in Angular. To advance in the career, you'll need to also show you can test the application on your own, deploy it to a live environment, and make sure the data it depends on and generates is accessible. That's what this Full-Stack Angular Development training makes sure you know how to do, and taking it will make you a highly qualified app developer.

Skill:
Introduction to Component State
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Creating a Welcome Message
  11 mins
- 4. Showing and Hiding Elements With The ngIf Directive
  9 mins
- 5. Other Methods for Hiding Elements
  12 mins
- 6. Using State to Keep Track of Favorites
  11 mins
- 7. Conclusion
  1 min
Skill:
Essentials of the MEAN Stack
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Basic MEAN Stack Structure
  16 mins
- 4. Front-end Setup
  18 mins
- 5. Back-end Setup
  17 mins
- 6. Conclusion
  1 min
Skill:
Angular Network Request Basics
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Create "Read" and "Create" Endpoints
  19 mins
- 4. Create "Update" and "Delete" Endpoints
  8 mins
- 5. Load Data with HttpClient and RxJS
  14 mins
- 6. Make "Update" and "Delete" Requests
  8 mins
- 7. Conclusion
  1 min
Skill:
MEAN Stack Database Basics
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Make Network Requests from Services
  13 mins
- 4. Basic MongoDB Queries
  20 mins
- 5. Convert Server Endpoints to use MongoDB
  12 mins
- 6. Conclusion
  1 min
Skill:
Angular Full-Stack Conversion: Loading Data
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Basic Full-stack Conversion Strategy
  10 mins
- 4. Full-stack Setup and File Structure
  16 mins
- 5. Basic "Read" Endpoints
  12 mins
- 6. Loading Data from the Server
  14 mins
- 7. Conclusion
  1 min
Skill:
Angular Full-Stack Conversion: Creating, Modifying, and Deleting Data
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Make "Create" Requests
  9 mins
- 4. Make "Delete" Requests
  8 mins
- 5. Make "Update" Requests
  9 mins
- 6. Conclusion
  1 min
Skill:
Angular Full-stack Conversion: Convert a Server to MongoDB
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Set Up A Mongo Database
  9 mins
- 4. Convert "Read" Endpoints to MongoDB
  12 mins
- 5. Convert "Create" Endpoints to MongoDB
  11 mins
- 6. Convert "Delete" Endpoints to MongoDB
  7 mins
- 7. Convert "Update" Endpoints to MongoDB
  8 mins
- 8. Conclusion
  1 min
Skill:
Firebase Auth Basics with Angular
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Add Firebase Auth to Angular
  9 mins
- 4. Create Login and Home Pages
  10 mins
- 5. Log In and Log Out
  9 mins
- 6. Conclusion
  1 min
Skill:
Account Creation and Error Handling in Firebase
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Protect Pages from Unauthed Users
  17 mins
- 4. Auth Error Handling
  12 mins
- 5. Create New Accounts
  15 mins
- 6. Conclusion
  1 min
Skill:
Firebase Auth In Full-Stack Angular Apps
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Back-end Firebase Setup
  20 mins
- 4. Display Firebase Auth User Data
  13 mins
- 5. Store Extra User Data
  12 mins
- 6. Conclusion
  1 min
Skill:
MEAN Stack Endpoint Security with Firebase Auth
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Send and Verify Firebase Auth Tokens
  15 mins
- 4. Create an Edit Info Page
  11 mins
- 5. Create Services for Auth Logic
  20 mins
- 6. Conclusion
  1 min
Skill:
Add Firebase Auth to Existing Angular Apps
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Basic Front-end Setup
  9 mins
- 4. Add a Login Page
  8 mins
- 5. Add a Create Account Page
  19 mins
- 6. Encapsulate Firebase Auth in a Service
  20 mins
- 7. Conclusion
  1 min
Skill:
Use Firebase Auth to Support Multiple Users
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Protect Application Pages
  8 mins
- 4. Rethink Data Structure to Support Multiple Users
  13 mins
- 5. Load User Data and Allow Logging Out
  11 mins
- 6. Use the User's ID in Server Requests
  14 mins
- 7. Conclusion
  1 min
Skill:
Create and Delete Users In Existing MEAN Stack Apps
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Create New Users from the Front-end
  20 mins
- 4. Rethinking Our Create-Account Strategy
  8 mins
- 5. Create New Users from the Back-end
  13 mins
- 6. Delete User Accounts
  9 mins
- 7. Conclusion
  1 min
Skill:
Add Endpoint Security to Existing MEAN Stack Apps
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Endpoint Security Basics
  10 mins
- 4. Protect GET Endpoints
  20 mins
- 5. Protect Endpoints with Express Middleware
  18 mins
- 6. Conclusion
  1 min
Skill:
MEAN Stack Firebase Auth Best-Practices
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Refactor Front-End Auth-Token Logic
  14 mins
- 4. Make Authed Requests Automatically
  15 mins
- 5. Automatic Auth with POST, PUT, and DELETE Requests
  18 mins
- 6. Conclusion
  1 min
Skill:
Basic Angular Concepts and Syntax
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Main Benefits of Angular
  15 mins
- 4. Create and Run an Angular App
  18 mins
- 5. Angular Project Structure
  24 mins
- 6. Conclusion
  1 min
Skill:
Angular Components
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Create and Display Angular Components
  20 mins
- 4. Insert Variables Into Component HTML
  13 mins
- 5. Introduction to Component Inputs
  16 mins
- 6. Conclusion
  1 min
Skill:
Data and Styling in Angular Applications
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Creating Custom Types
  15 mins
- 4. Adding Fake Data For Development
  14 mins
- 5. Adding Styles to Angular Components
  23 mins
- 6. Conclusion
  1 min
Skill:
Basic Event Handling in Angular
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Displaying Components in Different Containers
  10 mins
- 4. Handling Click Events
  10 mins
- 5. How is Angular's Event-Handling Different?
  6 mins
- 6. Adding Click-Handlers to Entire Components
  25 mins
- 7. Conclusion
  1 min
Skill:
Angular Component State In-Depth
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Keeping Variables In Sync with Setters
  10 mins
- 4. Displaying Lists with the ngFor Directive
  15 mins
- 5. Conclusion
  1 min
Skill:
Create Reusable Components
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Creating a Reusable Component
  11 mins
- 4. Displaying the Same Component with Different Data
  18 mins
- 5. Keeping Variables in Sync with Getters
  11 mins
- 6. Passing Functions as Inputs
  13 mins
- 7. Conclusion
  1 min
Skill:
Introduction to Angular Routing
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Adding Routing to an Application
  14 mins
- 4. Creating Page Components
  8 mins
- 5. URL Parameters
  14 mins
- 6. Linking Between Pages
  11 mins
- 7. Conclusion
  1 min
Skill:
Advanced Angular Routing
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Navigating Programmatically
  17 mins
- 4. Passing Multiple Functions as Inputs
  15 mins
- 5. Creating a 404 Page
  10 mins
- 6. Displaying 404 Pages Intentionally
  6 mins
- 7. Conclusion
  1 min
Skill:
Local Data Persistence in Angular
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Additional Routing Techniques
  9 mins
- 4. Persisting Data in LocalStorage
  25 mins
- 5. Automatically Persisting Member Variables
  11 mins
- 6. Conclusion
  1 min
Skill:
Advanced Data Persistence & Applications
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Persisting Data in SessionStorage
  5 mins
- 4. Persisting Data in Cookies
  18 mins
- 5. Sharing Data Between Pages
  15 mins
- 6. Adding Main Application Data to LocalStorage
  12 mins
- 7. Conclusion
  1 min
Skill:
Introduction to Angular Forms
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. How Forms Used to Work
  13 mins
- 4. Creating A "New" List Item
  13 mins
- 5. Creating Two-Way Form Bindings
  12 mins
- 6. Adding Fields to Forms
  17 mins
- 7. Conclusion
  1 min
Skill:
Advanced Forms and Reusability
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Two-Way Bindings with ngModel
  9 mins
- 4. Creating a Reusable Form Component
  10 mins
- 5. Pre-Populating Form Values
  26 mins
- 6. Conclusion
  1 min
Skill:
Introduction to Angular Services
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Creating and Injecting Services
  13 mins
- 4. Loading Data from a Service
  11 mins
- 5. Storing Complex Logic in Services
  15 mins
- 6. Conclusion
  1 min
Skill:
Multi-Service Applications in Angular
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Basic CRUD Operations in Services
  11 mins
- 4. Loading Resources by ID in Services
  7 mins
- 5. Updating Resources in Services
  6 mins
- 6. Creating Resources in Services
  6 mins
- 7. Deleting Resources in Services
  5 mins
- 8. Creating Another Service
  17 mins
- 9. Conclusion
  1 min
Skill:
Introduction to Redux
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Basic Redux Concepts
  12 mins
- 4. Basic Application Setup
  10 mins
- 5. Creating Actions and Reducers
  19 mins
- 6. Reading Redux Values and Dispatching Actions
  13 mins
- 7. Conclusion
  1 min
Skill:
Advanced Redux Concepts
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Adding Types to a Redux App
  10 mins
- 4. Accessing Multiple Values in Redux
  16 mins
- 5. Creating Redux Selectors
  22 mins
- 6. Conclusion
  1 min
Skill:
Use Redux with Different Inputs
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Using MaterialUI Sliders with Redux
  18 mins
- 4. Converting Buttons to Sliders
  13 mins
- 5. Creating a Reusable Color Slider
  18 mins
- 6. Conclusion
  1 min
Skill:
Build a Color-Mixer with Redux
- 1. Overview
  1 min
- 2. Introduction
  1 min
- 3. Adding a "New Color" Input
  11 mins
- 4. Deleting Colors
  8 mins
- 5. Combining Hex Colors Using Selectors
  21 mins
- 6. Redux DevTools
  8 mins
- 7. Conclusion
  1 min

Loading transcripts...

Back-end Setup

Access all premium content with a free week!

Start a free week

Course overview

1 HOURS OF TRAINING

SKILLS

VIDEOS

VIRTUAL LABS

0 PRACTICE EXAMS

Shaun Wassell

Nugget trainer since 2021

Read the full bio

What is it like to train with us?

Our learners say it best.

Helps me learn the skills I need when I need them

THOMAS S. | SYSTEMS ENGINEER & CONSULTANT

Read Reviews

Full-Stack Angular Development FAQs: Cost, Training, Value

What does it mean to learn Angular development with a full-stack emphasis?

Full-stack Angular development refers to knowing how to build both the frontend (user interface) and backend (server-side logic) of a web application with Angular. In simpler terms, full-stack Angular development means knowing how to create the visual stuff users interact with as well as the underlying functionalities that make the visuals do anything. This course teaches a comprehensive approach that enables you to work on the entire application.

What falls under full-stack development?

The term "full-stack development" changes slightly based on what language and stack you're talking about, but full-stack Angular web development includes layout design, user input management, server-side logic, database integration, and server-client communication. These core skills are what make building a web application possible. Learning Angular at every level must include what users see and interact with as well as dictate how interactions with the server and underlying framework happen.

Is it worth it to learn full-stack Angular development?

Yes, unless you know you'll only ever work on one facet of web application development, learning full-stack Angular is the best way to be a versatile and useful developer. Full-stack Angular development empowers you to create end-to-end solutions. Consolidated proficiency like that is valuable and in demand in the industry. Angular's framework is also known for enhancing code maintainability and scalability which means mastering full-stack Angular provides a comprehensive skill set.

Who is this course on full-stack angular development best for?

Since this course's main emphasis is on understanding how to build out a usable front-end as well as a robust back-end, this full-stack angular development course is best for web developers who want a comprehensive skill set. If you're eager to build complete web applications independently, this prepares you for versatile roles where you can take on a number of different responsibilities related to client-facing interfaces and server-side functionalities.

How many types of full-stack development are there?

The term "full-stack development" was once much more narrowly defined, but there are now many different types of full-stack development and developer. The most common types of full-stack development include MEAN (MongoDB, Express.js, Angular, Node.js), MERN (MongoDB, Express.js, React, Node.js), and MEVN (MongoDB, Express.js, Vue.js, Node.js). Other stacks include Django (Python), Ruby on Rails (Ruby), or Java-based stacks.

Related Courses

Angular Basics

Learn JavaScript Essentials

Learn React

What is it like to train with us?

Our learners say it best.

Full-Stack Angular Development FAQs: Cost, Training, Value

Let's chat!