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 Personal Transformation Meditation Life Purpose Emotional Intelligence 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 Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing 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
Development Web Development Angular

Angular Front To Back

Master Angular 5 from the basics to building an advanced application with Firebase's Firestore as well as authentication
Rating: 4.5 out of 54.5 (6,032 ratings)
22,076 students
Created by Brad Traversy
Last updated 5/2018
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Build amazing single page applications using Angular 5+
  • Master Angular concepts
  • Understand the file and folder structure of an Angular application
  • Build a client management application with authentication and Firebase's Firestore
  • Integrate Bootstrap 4 into Angular projects
Curated for the Udemy for Business collection

Course content

10 sections • 73 lectures • 11h 25m total length

  • Preview04:13
  • Preview03:21
  • Preview07:50
  • Angular Versions Explained
    05:12

  • Preview04:33
  • Environment Setup
    12:00
  • Using Angular CLI
    11:26
  • Angular File Structure
    14:15
  • An Intro To TypeScript
    07:41

  • Components Explained
    07:37
  • Preview09:02
  • Preview06:46
  • String Interpolation
    05:44
  • Using Types
    09:52
  • Cleanup & Interfaces
    06:52
  • Generating Components & OnInit
    06:42

  • Loops With ngFor
    07:47
  • Conditionals With ngIf
    13:25
  • Adding Bootstrap
    09:06
  • Property Binding
    08:22
  • Class Binding & ngClass
    06:59
  • Style Binding & ngStyle
    05:02
  • Pipes & ngNonBindable
    10:15
  • Component & Template Clean Up
    04:14

  • Mouse Events & Manipulating State
    06:30
  • Toggling Values With An Event
    10:04
  • Keyboard & Input Events
    09:53
  • ngModel & 2 Way Data Binding
    10:35
  • Component Clean Up
    05:26
  • Template Driven Forms - Validation
    14:19
  • Template Driven Forms - Submission
    04:35

  • What Is a Service?
    05:23
  • Creating a Service
    09:32
  • Working With Observables
    10:00
  • HTTP Client Setup & GET Request
    15:16
  • HTTP Client POST Request
    09:41
  • Event Emitter & Output
    06:05
  • Input & Edit State
    11:24
  • HTTP Client PUT Request
    09:41
  • HTTP Client DELETE Request
    05:38

  • Angular Router Overview
    03:21
  • Create App Routing Module
    04:05
  • Creating & Mapping Routes
    04:47
  • Linking To Routes
    06:00
  • Params & ActivatedRoute
    10:58
  • Not Found Component
    03:36

  • Preview04:20
  • Components & Bootstrap Setup
    10:06
  • Building The UI
    08:13
  • Logs Component & Service
    12:09
  • Observables & Component Communication
    13:54
  • Add, Update & Delete Logs
    12:40
  • Finishing Up The State & UX
    12:15
  • Implementing Local Storage
    06:06
  • Build & Deploy To Github Pages
    06:28

  • Preview05:12
  • Firebase Firestore & App Setup
    11:24
  • Generate Components & Setup Navbar
    09:20
  • Routing Module Setup
    10:47
  • AngularFire2 Setup & Client Service
    20:27
  • Clients & Dashboard Component
    12:33
  • Add Client Form & Validation
    20:23
  • Add Client To Firestore
    14:02
  • Client Details Component
    18:22

  • Client Balance Update
    12:52
  • Edit & Delete Clients
    14:19
  • Login Authentication
    19:41
  • Logout & Nav Links
    09:45
  • Auth Guard For Routes
    08:42
  • User Registration
    06:24
  • Settings Service & Register Guard
    18:34
  • Adding The Settings Page
    14:05
  • Deploy To Firebase Hosting
    07:02

Requirements

  • You should have a basic understanding of HTML and JavaScript

Description

This course was crafted to benefit absolutely any level of developer. We will start from scratch and learn how to create a development environment for Angular 5+, Setup Angular CLI and learn all of the fundamentals. We start by building a sandbox application to look at all of the main Angular concepts as well as building a logging application, then move to a much more advanced client management system with authentication and data storing with Firebase's new Firestore platform.

Here are some of the things you will learn about in this course:

  • What is Angular?
  • Dev Environment Setup Including Node.js, Visual Studio Code & Git Bash
  • Angular CLI Setup & Build
  • File Structure & Dependency Examination
  • TypeScript Intro
  • Components
  • Modules & NgModule
  • Data Binding & String Interpolation
  • Types & Interfaces
  • Template Syntax
  • ngIf & ngFor Conditional Directives
  • ngFor & Loops
  • Property Binding, ngClass & ngStyle
  • Pipes
  • Events & Forms
  • ngModel & 2 Way Binding
  • Services
  • Observables & Http
  • Angular Router
  • Firebase, Firestore & AngularFire2
  • Flash Messaging
  • Much More!!


Who this course is for:

  • Anyone that wants to learn Angular 5+

Featured review

Luke Morgan
Luke Morgan
26 courses
16 reviews
Rating: 5.0 out of 5a year ago
This is simply a perfect course for those who want a deep-dive into the core of Angular's framework. I'm taking this right at the release of Angular 9 and haven't run into any issues. I've gotta take on an enterprise level app which uses Angular for the front-end and I have around a month to get familiar, so the course length, and even the modules are pretty perfect for my work/life balance right now. Thanks Brad, another ace course from you (:

Instructor

Brad Traversy
Full Stack Web Developer & Instructor at Traversy Media
Brad Traversy
  • 4.7 Instructor Rating
  • 102,255 Reviews
  • 263,113 Students
  • 15 Courses

Brad Traversy has been programming for around 12 years and teaching for almost 5 years. He is the owner of Traversy Media which is a successful web development YouTube channel and specializes in everything from HTML5 to front end frameworks like Angular as well as server side technologies like Node.js, PHP and Python. Brad has mastered explaining very complex topics in a simple manner that is very understandable. Invest in your knowledge by watching Brad's courses.

  • 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.