Angular Crash Course - Learn Angular at Jet Speed!

Angular is a framework for building dynamic single-page applications. It uses pre-written components to assemble apps and delivers data as JSON for browser rendering, avoiding server-side HTML generation.

Explore the difference between Node.js and Angular: Node.js enables development and server-side runtime, while Angular runs in the browser; use Angular CLI, npm, and TypeScript to build for production.

Learn to set up the Angular development environment by installing Node.js, Angular CLI, and Visual Studio Code, using either an installer or a package manager, and verifying installations.

Explore Angular components as modular UI blocks—HTML, CSS, data, and logic—built inside a master component; learn to create posts, display posts, and handle likes and comments.

Launch visual studio code, create an angular project with ng new using scss, and learn the project structure from src to angular.json, including client side rendering, SSR, and SSG.

Generate a new angular component with ng generate component posts, then explore the component decorator, selector, and file structure before launching the app with ng serve on localhost:4200.

Build a Facebook posts app demo in Angular, learn by doing, and interact with posts by liking, unliking, and commenting to apply Angular concepts to real-time projects.

Pass a posts array from a parent to a child component using interpolation and property binding. Enable this with the input decorator and format the display with a json pipe.

Use the ngFor directive to iterate posts, display each author name and content with interpolation, and bind data from a parent to a child component.

Learn to display author names and posts, render comments with an ng4 loop, and add like and post buttons plus an input field for new comments.

Implement a like button by tracking a set of liked post ids and toggling the button text and the 'you liked this post' message via Angular event binding when clicked.

explore implementing two way binding with ng model to update a comment in real time and append it to a post's comments list via a post button and post id.

Master SCSS in this mini masterclass, learning variables, nesting, partials, mixins, inheritance, loops, functions, and conditional statements, while comparing CSS compatibility and runtime dynamic updates.

Explore styling a posts application with scss by applying class-based div structure and matching styling to the html layout, including post, actions, and comments sections.

Learn how Angular services centralize authentication and data fetching to shared state across components, boosting code reuse, separation of concerns, and testability in an e-commerce app.

Use a mock api to serve post data by creating a mock server and validating json format, exposing the data at the /posts endpoint.

Create a posts service to fetch data from the server using Angular http client, inject it via dependency injection, and return an observable array from an http get.

Inject the post service, fetch posts on init, populate the UI from the server, and explain observables and subscribe as the data stream.

Understand how angular directives manipulate the dom, with structural directives like ng4 and attribute directives like ngStyle, and create custom directives using view container ref, template ref, and renderer2.

Explore how Angular pipes transform input data into the desired format using built-in options like uppercase, lowercase, JSON, and slice, and create a custom reverse pipe with the transform method.

Define routes to navigate between posts and profile views, implement a navigation component with links, and render routed content via a router outlet with lazy loading.