Complete Angular 14 Course - Learn Frontend Development

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 beginner 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 Runtime 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://www.udemy.com/course/complete-angular-14-course-learn-frontend-development/