Giter Site home page Giter Site logo

encapsulation-week1's Introduction

Anurag's GitHub stats

encapsulation-week1's People

Contributors

gelilaa avatar

Watchers

 avatar  avatar

encapsulation-week1's Issues

Display-listeners

User Story: Display-listeners
The user can use the site to its full extent

Listener:
Create a submit add button element listener
Create a 'click' toggleDone input checkbox element listener
DOM
Require and apply the script/..js files
Add shared variables and apply the file to the repo

Add-todo

User story create Add-Todo
A user can write its desired To-do and submit it.

Handlers:
Create a add-item that receives the users information and submits it.
DOM
Require and apply the script/..js files

create a repo

Generate a new repo
Create initial README file
Turn on GitHub Pages
Prepare a project board

Render -to do

user Story: render-list
The user can see the submitted item on the list and save it

Handlers:
Add handlers to render-todos that displays and saves the user input
DOM
Require and apply the script/..js files

Show completed checkbox

Show completed checkbox
As a site visitor, when click the checkbox, I want to see them as completed.

Repo
This user story has been developed through a branch called 'storeInput'.

HTML
add handler js link
CSS
Nothing has changed
javascript
cross out the text and check the button when clicked.

Html-CSS

HTML&CSS structure
As a site visitor, I want to see the website layout and elements

Repository
developed on a branch called html-css
JS
no changes

HTML
create buttons for web navigation
create list items
div element for each display section
form element
CSS
styling of the html document and its body
styling of the background, and inner content, links, and buttons

Remove-done

User Story: Remove-done
The user can remove the submitted item after checking the item and refreshing the site.

Handlers:
Create a remove-done that removes the saved item after being checked and the site refreshed
DOM
Require and apply the script/..js files

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.