Todo List Tutorial
stackblitz-merge
stackblitzstackblitz-mergePrimary version
stackblitz-merge
stackblitzstackblitz-mergePrimary version
  • About
  • Introduction
  • Installations
  • Angular kicks in
  • Component
  • A new component
  • Class
  • Property binding
  • Event binding
  • Element ref - #
  • The To Do list
  • New component: todo-item
  • Add items
  • Refactor App Component
  • Adding Style
  • Service
  • Add more abilities to service
  • Local storage
  • Remove item
  • Adding a checkbox
  • Enrich the todo-item component
  • Appendix 2: Tutorial Extensions
  • Appendix 3: StackBlitz links
Powered by GitBook
On this page
  • Angular Tutorial for Beginners -
  • Creating a Todo-List App

About

NextIntroduction

Last updated 7 years ago

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! - write us to: .

About the lead author: Shmuela Jacobs is a senior front-end developer and consultant mastering Angular. During her academic studies (M.Sc. in Information Management Engineering and B.Sc. in Physics) she has combined her passions of coding and teaching as a software developer, teaching assistant, science museum guide, and researcher. Today she continues to enjoy these activities as a full-time front end developer, sharing her knowledge and experience in meetups and conferences. Shmuela is the founder of ngGirls and the organizer of Angular AfterHours meetup group.

special meetup event
ngGirls
info@ng-girls.org