ngHeroes
  • 👀About
  • #0: 💃 Introduction
  • #1: ⌛ Installations
  • #2: 🅰 Angular kicks in
  • #3: 📐 Component
  • #4: ✏ A new component
  • #5: 💼 Class
  • #6: 📥 Property binding
  • #7: 📤Event binding
  • #8: 📎 Element ref - #
  • #9: 📋 The To Do list
  • #10: ➕ New component: todo-item
  • #11: ⛓ Interface
  • #12: 📌Add items
  • #13: 🚧 Refactor App Component
  • #14: 💅 Adding Style
  • #15: 🔋 Creating a Service
  • #16: 🎁 Add Items Using the Service
  • #17: 💾Local storage
  • #18: 🗑 Remove item
  • #19: 🔘 Adding a checkbox
  • #20: 🛰 Deploy to GitHub Pages
  • #21: 💪 Enrich the todo-item component
  • Appendix 1: Generating a new project
  • Appendix 2: Tutorial Extensions
Powered by GitBook
On this page
  • Angular Tutorial for Beginners
  • Creating a Todo-List App

Was this helpful?

About

Next#0: 💃 Introduction

Last updated 6 years ago

Was this helpful?

Angular Tutorial for Beginners

Creating a Todo-List App

This tutorial will take you step by step on how to create your own todo list application using Angular (version 2 and above). Through the tutorial, we'll be using the Angular CLI, save data in the local storage and deploy the code to GitHub Pages.

This tutorial is open source and is written by the community. Please feel free to send any suggestions and pull requests. Special thanks to the members of Angular AfterHours meetup group for kickstarting this tutorial during a !

The tutorial is used in the workshops. You are welcome to use it in your own workshop and we'd love to hear about it!

👀
special meetup event
ngHeroes