GithubHelp home page GithubHelp logo

pawelrus91 / vanilla-todo Goto Github PK

View Code? Open in Web Editor NEW

This project forked from psmyrdek/vanilla-todo

0.0 1.0 0.0 4 KB

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

JavaScript 57.85% HTML 40.85% CSS 1.30%

vanilla-todo's Introduction

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 repository to learn about following patterns:

  • strategy
  • factory
  • observer

vanilla-todo's People

Contributors

psmyrdek avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.