https://github.com/psmyrdek/vanilla-todo

Todo app created in pure JS. Prepared for tutorial which can be found on PoznajProgramowanie.pl
https://github.com/psmyrdek/vanilla-todo

tutorial vanilla-todo

Last synced: 3 months ago
JSON representation

Todo app created in pure JS. Prepared for tutorial which can be found on PoznajProgramowanie.pl

• Host: GitHub
• URL: https://github.com/psmyrdek/vanilla-todo
• Owner: psmyrdek
• Created: 2016-09-28T16:28:14.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2019-10-24T18:50:30.000Z (over 5 years ago)
• Last Synced: 2023-10-20T22:40:41.304Z (over 1 year ago)
• Topics: tutorial, vanilla-todo
• Language: JavaScript
• Size: 3.91 KB
• Stars: 11
• Watchers: 6
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vanilla-todo

Todo app created in pure JS. Prepared for tutorial which can be found on PoznajProgramowanie.pl (blog about software development)

http://poznajprogramowanie.pl/twoja-pierwsza-aplikacja-w-jezyku-javascript/

## Why?

To learn more about pros and cons of using vanilla JS in your apps. Before even touching Ember, Angular, React or any other frameworks - just learn the basics. No npms, grunts, gulps, webpacks, live-servers, hot or cold reloading - amazing tools but not for "JavaScript 101" class.

After more than three years of building JS apps I've thought about back to the basics - let's build 20min app without any package managers, frameworks, one- or two-way binding and all this cool stuf, and let's write a blog post about it. Awesome exercise!

## What's inside

* Simple Todo model

* Three components: TodoView (event listeners), TodoService (app logic) and TodoRenderer (UI updates)

* Basic HTML layout based on Bootstrap

## What's next

Explore my [js-patterns](https://github.com/psmyrdek/js-patterns) repository to learn about following patterns:

* strategy

* factory

* observer