Sharing Top Content from the Angular-sphere.

Angular 5 to do list app

  • I have setup a new Github repository titled Learn Angular With Sabuj to upload all the code in this series of articles.
  • Bootstrap has dependency on jQuery and in Angular we do not interact with the DOM directly the way we do in vanilla JavaScript applications.
  • I will discuss these conflicting matters in a separate article but for now we do not need to go through all the messes, because for our To-Do application we will only use CSS stuff from Bootstrap for now.
  • json’s styles array like below: – – To test whether the Bootstrap CSS file was properly added, create a bootstrap button inside index.html and start the Angular development server.
  • I am going to write a lot of articles on Angular fundamentals, but occasionally I am going to teach creating applications in the middle with all the knowledge you will acquire up to that point of time with the help of my series on Angular.

Angular 5 to do list app – Part 1 – DiscoverSDK Blog

In the last article of Angular series we learned about “two way data binding and pipes in Angular.” I covered the most important Angular fundamentals in the last 10 articles and I will cover more. But, before moving forward with other fundamental topics, it is much wiser to develop a real life application with the knowledge we already have. A suitable candidate for this is a To-Do list application.

I have setup a new Github repository titled Learn Angular With Sabuj to upload all the code in this series of articles. As usual I will place and explain the code snippets inside articles and you will be able to find that code as complete Angular projects in that repository. So, you can directly clone the repository to start practicing. In the future, bug fixes and updated code will be available through that repository.  Again, if you have questions you can ask them as issues on Github.

In all our previous Angular codes we used plain CSS whenever we needed any styling. We can make our life easier by adding a CSS framework like Bootstrap. Bootstrap has dependency on jQuery and in Angular we do not interact with the DOM directly the way we do in vanilla JavaScript applications. So, for the Bootstrap components that depend on vanilla JavaScript we need an Angular specific version of Bootstrap components or we need to hack around to have our work done (though that…

Angular 5 to do list app