Giter VIP home page Giter VIP logo

ninja-academy's Introduction

JavaScript DOM & UI: Teamwork Assignment - Team "John Collins"

###:mortar_board:Team Members

Name Academy Username
Илиян Купенов Ilian_Iliev_2
Борислав Попниколов bpopnikolov
Тони Николов Tony_Nikolov
Моника Димчева Monika_Dimcheva
Георги Калинков Georgi_Kalinkov
Иван Ангелов Hinkey

JavaScript DOM & UI: Teamwork Assignment July/August 2016

Project Description

Implement a client-side JavaScript application using the HTML graphic APIs – canvas and SVG.

The project can be a game, web statistics or anything else.

  • Sample applications are:
    • Chess
    • Backgammon
    • Any jumping game:
      • Super Mario, Bomberman or else
    • Statistics application
      • App showing different charts, based on received data
    • Minesweeper
    • Solitaire
    • Bridge-Belote
    • Paint-like application – drawing shapes, lines, etc

General Requirements

Please define and implement the following assets in your project:

  • Use the HTML5 canvas
    • Or a canvas framework like KineticJS, paper.js or other
  • Use SVG
    • Or a SVG framework like Raphael JS or other
  • Create animations
    • Either for the canvas, SVG or both
  • The application must work in the latest versions of the browsers:
    • Google Chrome
    • Mozilla Firefox
    • Microsoft Edge/Internet Explorer 11
    • Opera
    • Apple Safari

Additional Requirements

Follow the best practices for producing high-quality code:

  • Correct naming
  • Data encapsulation
    • Use modules
  • Use ES 2015 syntax where possible
  • Strong cohesion and loose coupling
  • Use GIT as a source control system

Optional Requirements

If you have a chance, time and a suitable situation, you might add some of the following to your project:

  • Use DOM manipulations like native DOM API and/or jQuery
  • Unit and integration testing
  • Backward compatibility (make the application usable on browsers like IE8, IE7 and IE6)

Non-required Work

  • Completely finished project is not obligatory required. It will not be a big problem if your project is not completely finished or is not working greatly
    • This team work project is for educational purpose
    • Its main purpose it to experience using graphics, DOM manipulation and OOP in a real-world-like project and to get some experience in team working and team collaboration with a source control system.
  • Implementation of server-side logic with ASP.NET, PHP, Java or Node.js

Deliverables

  • Upload a brief video (2-3 mins) of your application and upload it in YouTube
    • Each project without an uploaded video in YouTube will be considered not done
  • Upload your project in http://best.telerikacademy.com
    • A brief description of your application
    • Link the video in the description
    • Mandatory refer the github repository of your application
    • Link with live preview of your application

Public Project Defense

  • Each submitted project will be evaluated by the trainers. Evaluation will strictly follow the above requirements.
  • Each team will have to deliver a public defense of its work to the other students and trainers. You will have only 10 minutes for the following:
    • Demonstrate the application (very shortly)
    • Show the source code
    • Show the commits logs to confirm that team member have contributed.
    • Optionally you might prepare a presentation (3-4 slides) Please be strict in timing! Be well prepared for presenting maximum of your work for minimum time. Bring your own laptop. Test it preliminary with the multimedia projector. Open the project assets beforehand to save time. You have 10 minutes, no more

Give Feedback about Your Teammates

You will be invited to provide feedback about all your teammates, their attitude to this project, their technical skills, their team working skills, their contribution to the project, etc. The feedback is important part of the project evaluation so take it seriously and be honest

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.