|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/interactive-websites-with-angular-and-typescript/
课程评论：没有评论
课程名称：使用 Angular 和 TypeScript 创建互动网站 课程概述：本课程将深入探讨 Angular 和 TypeScript 的基本概念与应用，适合希望构建单页面应用的开发者。课程内容包括 Angular 的基础知识、工具和开发流程，Node.js 和 npm 的使用，以及如何使用 Visual Studio Code 进行项目开发。课程将引导学生创建第一个 Angular 项目，并深入讲解 TypeScript 的编译过程和项目文件结构。 学员将学习如何创建和使用组件，掌握指令、服务和依赖注入的概念，以及如何实现单向绑定和双向绑定。课程还将阐述事件处理、数据渲染和评分组件的创建。通过构建可重用组件和控制 HTML 渲染，学员将增强其对 Angular 的理解。 此外，本课程将介绍使用模板驱动表单和模型驱动表单的不同方法，如何实现表单验证和提交。学员还将学习使用 Observable 和 RESTful API 从服务器获取数据，并理解组件的生命周期钩子。 最后，课程将教授如何构建带有路由的单页面应用，配置路由和参数，保护路由访问，以及如何使用 Firebase 进行 C.R.U.D. 操作。学员将学习如何使用 Firebase 作为后端服务器，并结合 Angular 的强大功能，构建动态和互动的网站体验。 通过本课程，学员将获得全面的 Angular 开发技能，为实现现代 Web 应用打下坚实基础。
What is Angular? TypeScript, Single Page Applications, Tools for Angular Application Development, Node, NodeJS, Typings, Angular CLI, ng, Visual Studio Code, Creating First Project, Node Package Manager, npm, TypeScript EditorAngular Project Files, TypeScript Compilation, Transpile, watch mode compilation, tsconfig.json, package.json, main.ts, app folder, app.module.ts, app.component.ts, app.component.html, app.component.css, app.component.scssCreating Components, Using Components, Directives, Custom Directives, Templates, Creating Services, Using Services, Dependency Injection, One Way BindingProperty Binding, CSS Class Binding, Style Binding, Event Handling, Rendering Data, Events Handling, One Way Binding, Two Way Binding, Interpolation, Rating Component Creation, On Click Events HandlingBuilding Reusable Components, Component Input Properties, Component Output Properties, Templates, Styles, API, Displaying Multiple Products with Product Image, Name, Date, Rating, Number of Reviews, DescriptionControlling Rendering of HTML, ngFor, ngIf, ngSwitch, ngSwitchCase, ngSwitchDefault, Pipes, DatePipe, UpperCasePipe, LowerCasePipe, CurrencyPipe, PercentPipe, Custom Pipes, Chaining Pipes, ng-ContentTemplate Driven Forms, Model Class to Represent the Data in the Form, Displaying the List of Options in a Select Dropdown using *ngFor, Two-way Binding with Form and Component Properties using ngModel , Displaying form Field Validation Errors using ngModel, Form Submission using ngSubmitModel Driven Forms, FormControl, FormGroup, FormBuilder, Implement Custom Validation, Validate the Form upon SubmitObservables, Creating Observable from DOM Events, Observable Operators, filter Operator, debounceTime Operator, distinctUntilChanged OperatorRESTful API, Getting Data from the Server, Dependency Injection, Component's Lifecycle Hooks, OnInit, OnDestroy, DoCheck, OnChanges, AfterContentInit, AfterContentChecked, AfterViewInit, AfterViewChecked, Showing a Loader Icon, Spotify Results Display Page, Adding an Input to Spotify Results Display Page, RESTful api using Observables, Http, HttpClient, HttpClientModule, get(), post(), put(), delete(), head()Building Single Page Application with Routing, Define Routes, Configure Routes, Rendering Requested Component, Router Outlet, Providing Router Links, Create Routes with Parameters, Retrieving Parameters, Route Guards, Authorization with the CanActivate Interface, Preventing unsaved Changes with the CanDeactivate InterfaceC.R.U.D. operations using Firebase, Firebase as Backend Server, Adding Firebase to Web Application, Working with Firebase Database, Firebase Console, Bootstrap, Add Data, Read Data, Update Data, Delete Data, Pagination Controls, Form Builder, Validators, Form Group, Reactive Forms, Toastr, Firebase, @angular/fire, ngx-pagination, ngx-toastr
