Angular Tutorial for Beginners Build a Tic-Tac-Toe game with Angular Intro đ Resources đ Brand New to Angular? The following beginner-level tutorial teaches you how to build a Tic-Tac-Toe game with Angular. It’s not part of the full course, but rather a gentle intro project to get acquainted with the Angular ecosystem. It is completely optional. Tic-Tac-Toe Source Code Example of the final tic-tac-toe PWA deployed in this section Chapters Optional Beginner Project đļ 1 Angular Tutorial for Beginners free Build a Tic-Tac-Toe game with Angular Intro đ 2 Resources free Source code and course resources ⥠3 CLI free Introduction to the Angular CLI âŖī¸ 4 Anatomy free The purpose of every file in Angular đĻ 5 Components free An introduction to Components, Directives, and Pipes đ 6 Dependency Injection and Services free What is dependency injection (DI) and why is it so useful? 𧊠7 Modules free How NgModules help manage code and complexity App đģ 8 App Overview Overview of the organization and architecture of the Firestarter demo app. đ¨ 9 Meet Angular Material Introduction to Angular Material and design systems đī¸ 10 Schematics Using Angular Material Schematics đ¤ 11 Shared Module Share component and Material Modules efficiently throughout the app đ 12 App Navigation Shell Add a responsive navigation shell to the app đ 13 Routing Create a home page configured with the Angular Router. đĨ 14 Firebase Setup Add Firebase and @angular/fire to your app Users 𤸠15 Lazy Loaded Login Feature Configure the router for lazy-loaded user module, aka code splitting. đ¤ 16 Google SignIn Create a directive that extends Google SignIn to any button or element đ§ 17 Email Password Auth SignUp, SignIn, and reset a password with Reactive Forms đŽ 18 Auth Guard Protect routes with guards. Kanban đą 19 Kanban Module Kanban feature module setup đĨ 20 Firestore Data Model Firestore database model for kanban boards and backend security rules. đĨ 21 Database Service Create a specialized Firestore database service for Kanban boards đą 22 CDK Drag and Drop Add drag and drop capabilities to a Material Card đą 23 Drag and Drop Animation Animate the CDK Drag and Drop events with CSS transitions đą 24 Dialogs Create, update, delete data from a Material Dialog modal popup đī¸ 25 Delete Button Create a confirmable delete button Server-side Rendering â 26 Server-side Rendering - What? Why? How? Key concepts related to SSR and Angular Universal đˇī¸ 27 SEO Service Create a service for Open Graph & Twitter meta tags. đĻ 28 Angular Universal with NestJS Add server-side rendering to Angular with Nest.js đ 29 Prerendering Prerender with Angular Universal using a vanilla JS script đŠī¸ 30 Angular Universal on Google Cloud Run Deploy to Angular Universal to Google Cloud Run and connect it to Firebase Hosting