Angular 2 Tutorial

27 tutorials

All

Tailwind CSS

Build a Static Site with Figma & Astro

Django with HTMX

Node.js Tutorial for Beginners

JavaScript

Python 3 for Beginners

CSS Positioning Tutorial

Canva Tutorials

HTML Tutorial for Beginners

YouTube SEO Tutorial

PSD to Responsive Website

TypeScript Tutorial

Claude Code

Responsive Web Design

PSD to WordPress

GraphQL Crash Course

CSS Animation Tutorial

CSS Flexbox Tutorial

JavaScript ES6 Tutorial

Angular 2 Tutorial

SASS Tutorial

CSS Tips and Tricks

WebSockets (Socket.io) Tutorial

Asynchronous JavaScript

Grunt JS Tutorial

Styling HTML 5 Forms

Webpack Tutorial for Beginners

REST API Tutorial

Vue JS 2 Tutorial

Vuex Tutorial

JavaScript DOM Tutorial

CSS Grid Tutorial

OAuth Login (Passport.js) Tutorial

Django Tutorial

Object Oriented JavaScript Tutorial

#1 Introduction

An overview of Angular — what it is, why it's popular, and what you'll build in this series.

#2 Installing the Angular CLI

Set up your Angular development environment — install Node.js, the Angular CLI, and create your first project.

#3 Intro to TypeScript

Learn TypeScript basics — types, interfaces, classes, and how TypeScript enhances Angular development.

#4 Core Files Overview

Understand every core file in an Angular project — how the app bootstraps, modules, and configuration files.

#5 Components

Understand Angular components — the building blocks of every Angular app, with decorators, metadata, and lifecycle.

#6 Templates & CSS

Work with Angular templates and component styles — interpolation, view encapsulation, and global vs component CSS.

#7 Creating a Component

Use the Angular CLI to generate a component — understand the files created and how to use the component.

#8 Nesting Components

Build complex UIs by nesting components inside each other — parent-child component relationships.

#9 Ng-Content Directive

Use ng-content for content projection — pass HTML content from a parent component into a child component's template.

#10 Data Binding

Understand Angular's data binding system — string interpolation, property binding, event binding, and two-way binding.

#11 Property Binding

Deep dive into property binding — bind DOM properties, HTML attributes, classes, and styles dynamically.

#12 Event Binding

Deep dive into event binding — listen for user interactions, access event data, and use template reference variables.