Complete Angular 14 Course - Learn Frontend Development

[LeeAndro]

Published 8/2022MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 2.39 GB | Duration: 5h 49m

Learn Angular the correct way.​

Build your own web-apps using components, modules, services etc.

What you'll learn
Creating real-world front-end applications using Angular
Composing Angular components to create maintainable user interfaces
Using the most important features of the Angular framework to build maintainable apps
Communicating to web servers for posting, getting, or deleting data
Requirements
basic understanding of programming concepts such as conditionals (like if), loops (like for), and functions based on any programming language
Description
Do you want to be a front-end or a full-stack developer Then you definitely need to look into Angular. Angular is a component-based framework designed by Google. Millions of developers around the world are building exciting front-end applications using Angular.With our course, you will smoothly learn many interesting Angular techniques in a step-by-step fashion using simple examples. This course encourages students to create compelling user interfaces for real-world projects effectively.By completing the course, you will learn:Creating real-world front-end applications using Angular.Composing Angular components to create maintainable user interfaces.Using the most important features of the Angular framework to build maintainable apps.Communicating to web servers for posting, getting, or deleting data.What is inside this course: Setting up Development Environment for Angular projectsTypescript OverviewAngular CLIData BindingBinding ExpressionsAngular ModulesAdding PackagesAngular RoutingTemplate Driven Form Binding (NgModel)ValidationServices (Injection and provider scopes)Reactive ExtensionsHTTPSetting up Mock servers using MockoonGlobal Error HandlingComponentsDirectivesSending Data to Child Components (@Input binding)Sending Data to Parent Components (@output binding)Smart vs Presentational ComponentsComponent and Directive SelectorsPipes30-DAY FULL MONEY-BACK GUARANTEEThis course comes with a 30-day full money-back guarantee. Take the course, watch every lecture, and do the exercises, and if you feel like this course is not for you, ask for a full refund within 30 days. All your money back, no questions asked. ABOUT YOUR INSTRUCTORS:Over 20+ years of combined coding experience. We've taught over 300k+ students how to code -- both bner and expert levels.Jannick Leismann (Trainer at TutorialsEU)Certified Microsoft .NET developerDenis Panjuta (Founder and Trainer at TutorialsEU)Over 58k subscribers on YouTube

Overview

Section 1: Introduction to Angular and TypeScript

Lecture 1 What is angular (short intro)

Lecture 2 Setup development environment

Lecture 3 Creating a new angular project

Lecture 4 Starting your angular application

Lecture 5 Discover the template and clean the app component

Lecture 6 Creating basic ui for todo list.

Lecture 7 Introduction to typescript

Section 2: Components, Data/Event Binding and Modules

Lecture 8 What is a component

Lecture 9 One way data binding

Lecture 10 ngFor loop to display tasks from array

Lecture 11 Event Binding (add button)

Lecture 12 Local reference (add new task)

Lecture 13 Adding a new task

Lecture 14 Remove a task

Lecture 15 Mark task as done

Lecture 16 Create and use task class

Lecture 17 Conditional single class binding

Lecture 18 Undoing a done task

Lecture 19 Creating a new component

Lecture 20 Adding header and intro to modules

Lecture 21 Adding a module

Lecture 22 Create a calendar module and component

Lecture 23 Add angular material package

Lecture 24 Style angular material calendar

Section 3: Forms, Routing and Validation

Lecture 25 Routing

Lecture 26 Two way databinding (calendar selected date)

Lecture 27 Parameterized routes (sending date from calendar to task-list)

Lecture 28 NgOnInit

Lecture 29 Date picker for task-list

Lecture 30 Two way databind date and task-title

Lecture 31 Fixing line-height in task-list

Lecture 32 Using a form

Lecture 33 Input validation

Lecture 34 Showing different error validation messages

Lecture 35 Disabling form elements based on validity

Section 4: Services, Observables and Injection

Lecture 36 Refactoring for services

Lecture 37 Creating a service for tasks

Lecture 38 Implementing the task service

Lecture 39 Injecting the service

Lecture 40 Service provider scopes

Lecture 41 Reference types

Lecture 42 Preparation for reactive extensions

Lecture 43 Using observables

Section 5: Advanced Angular Development (Webserver Data Transfer)

Lecture 44 Short intro to webserver

Lecture 45 Setting up get all tasks endpoint in mockoon

Lecture 46 Setting up the HttpClient in Angular

Lecture 47 Connecting angular and mockoon and setting up cors

Lecture 48 Run vs typescript types

Lecture 49 Tap and map

Lecture 50 Mapping tasks to match type

Lecture 51 Posting a new task

Lecture 52 Endpoint for deleting a task

Lecture 53 Adding the date to all endpoints

Lecture 54 Adding a global error handler

Lecture 55 Creating a detailed error object

Lecture 56 Adding a log server

Section 6: Additional Utilities

Lecture 57 Extracting components

Lecture 58 Input data binding (child component)

Lecture 59 Output data (parent component)

Lecture 60 Presentational and smart components

Lecture 61 Making input and output required

Lecture 62 Different selectors

Lecture 63 Directives

Lecture 64 Pipes

Lecture 65 Final words

Any student with a basic understanding of any programming language,who wants to start building Single Page Applications using the world's most popular UI framework

HomePage:

Https://anonymz.com/https://www.udemy.com/course/complete-angular-14-course-learn-frontend-development/

DOWNLOAD

https://1dl.net/34vnq657yla8/1OcjtJMZ__Complete_A.part1.rar.html
https://1dl.net/pmpy3imuxyks/1OcjtJMZ__Complete_A.part2.rar.html
https://1dl.net/dbz55m3kyv6e/1OcjtJMZ__Complete_A.part3.rar.html