All-Projects-Repo

Story By now you know the Javascript basics. Lets put it to a test and create something awesome, creative and motivating. The goal is to create a game in the browser. What type of game? Wait for it... Any type :) Just your creativity (and your JavaScript knowledge) can limit the result. What are you going to learn? finding DOM elements in the document tree DOM manipulation using JavaScript handling user interactions with JavaScript event handlers HTML data attributes CSS styling Tasks As a team you should figure out what game you want to work on and what features you want to finish. There is a game that the whole team agrees you would like to implement Checked your game idea with a mentor to make sure it can be realistically implemented in a sprint There is a backlog of possible features you have collected that the game can have There is a plan based on story estimations what you can finish by the end of the sprint We want to have a playable game based on JavaScript DOM manipulation and event handling The game is based on handling some kind of event(s) (mouse, keyboard...) The game mainly relies on DOM manipulation to move elements around on the screen or change their appearance (beside CSS of course) The code is separated into several javascript functions [OPTIONAL] The game or parts of it can be time driven. This adds some complexity as you have to change things around in given time intervals There is a part of the game that changes over time without any interaction (eg. moving enemy/avatar) [OPTIONAL] There should be a way to check my highest score. The highscore data is stored between games General requirements None Hints Have fun, create a game that is motivating for you! :) How to figure out what game and features to implement? Here are some ideas: have a brainstorming session, throw in game/feature ideas without criticizing each other, any idea is a good idea, write them down somewhere after you are finished talk about what you have collected and decide on a game now talk with a mentor about the idea and if it can be realistically implemented in a sprint collect any feature ideas you have and specify them so every team member knows what the expectations are with it (these are your user stories in your backlog) now estimate each user story and figure out how many you can finish in this sprint If you search the internet for javascript games, you'll see lots of solutions using canvas. It is a nice technology, but we have not met canvas and the main focus of this project is to practice DOM and event handling, so please say no to canvas for this project. Later on feel free to learn about canvas with a pet project game for example. You can open the index.html by starting a small HTTP server (see the background materials for details) You can decide to create some backend functionality. For that, use any previously learnt technology (eg. Flask). Don't forget to use git branches as you develop new features Background materials Javascript - Events Javascript - DOM manipulation Javascript - Extending the DOM How to start a local HTTP server Javascript - Debugging Javascript - Other features Javascript.info tutorial MDN HTML Drag&Drop API MDN Drag operations documentation CSS Flexbox guide CSS Grid guide

This project is called awesome books, which allows users to add and remove books in local storage. it follows JavaScript best practice using ES6 and Dom manipulation to render the page dynamically and to redirect the page with out going to open new page. use language of JavaScript , html , CSS and linters to make the code more cleaner

In this checkpoint you will use everything you have learnt until now to make a shopping cart.You are going to make a website that is you can choose which items to buy choose the number of items calculate the price Note : You don't have to make a website exactly like one in the picture but you will have to use CSS for design Javascript for DOM manipulation and to calculate the price BONUS : you can add and delete new items using DOM manipulation

This is a dice game, most commonly known as the "Pig Game". In which there are two players, a player will be able to roll a dice and get an outcome (1-6), if the result is not 1, the score keeps adding up, the player has the option to hold his current score, so it adds up to the total score, however if player gets 1, the current score goes back to 0, and the other player gets to play. The player who gets to 100 total score first, wins the game. The players also can start a new game.