Giter Club home page Giter Club logo

1.ea-kodutoo's Introduction

1. kodutöö – Lauakell

Autor: Dmitri Vavilov

Tähtpäev 18.02.2018 23:59

Kujunda kellanäide vastavalt maitsele või kindlale teemale, mahutades kella täisekraanile, et saaks kasutada lauakella või ekraanisäästja asemel. Selleks, et see sobiks paljudele ekraanidele, kasuta kujunduse loomisel protsendilisi väärtusi (nt width: 100%; ) või nt võimalda kella suurust kasutajal muuta.

Nõuded

  1. Veebirakendus töötab. Näitab kella, kuupäeva ja nädalapäeva.
  2. Vastavalt kasutaja tegevusele on võimalik muuta kolme lauakella atribuuti muuta (nt suurus, värv, asukoht vms)
  3. Kell on originaalne ning kasutajaliides on maitsekalt kujundatud
  4. Autori ees- ja perenimi on lehel välja toodud
  5. Lehel on viide rakenduse repositooriumile
  6. Kood on vormistatud vastavalt stiilijuhendile
  7. README.md failis on välja toodud autori nimi, ekraanipilt rakendusest ja kirjeldatud funktsionaalsus

Mõned ideed võimalikeks täiendusteks (lihtsalt, et mõte hakkaks jooksma)

  • Vahetuda võivad taustapildid, taustal võib mängida muusika
  • Taustale klikkides muudetakse kella taustaväri
  • Kellale klõpsides muudetakse numbrite värvi või numbrite suurust;
  • Iga numbri suurust saab eraldi muuta
  • Nooleklahvidega saab kella ekraanil liigutada
  • Küsi enne kella näitamise alustamist kasutajalt tema lemmikvärv ja tee sellest lähtudes midagi
  • Muuda kella ja tausta värvi vastavalt ajale (päev/öö)
  • Kella suurus ja asukoht sõltuvad hiire asukohast ekraanil
  • Äkki võiks tegu olla hoopis analoogkellaga
  • Kirjatüüpi saab ka muuta, google.com/fonts
  • Kasutaja saab lisada või kasutajaöe näidatakse mitu kellaaega erinevatest maailma kohtadest

Abimaterjal

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.