brigittakannel / kursus

Kursuse kirjeldus ja viited vajalikele materjalidele

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Eesrakenduste arendamine 2017k

Ühendus Greeny'sse

1. open Terminal app

2. write:
ssh university_username@lin2.tlu.ee -L 5555:greeny.cs.tlu.ee:80
3. then write TLU password

    Now you can access greeny from browser localhost:5555

3. open new tab in Terminal (cmd+t) and write:
ssh university_username@lin2.tlu.ee -L 2222:greeny.cs.tlu.ee:22
4. then write TLU password

5. now open FTP client (CyberDuck, FileZilla, Coda) for example and connect to greeny via SFTP
    host: localhost or some require 127.0.0.1 (127.0.0.1 = localhost)
    port: 2222
    username: your_greeny_username
    password: your_greeny_username

6. choose one Terminal tab and connect to greeny via ssh, write:
ssh greeny_username@greeny.cs.tlu.ee
7. then enter your Greeny username password
    ls             – to view files and folders in current path
    cd folder_name - to enter folder
    cd ..          – to exit folder to previous path

Kodused tööd ja projektid

Kodused tööd peavad olema lõplikult valmis eksamiajaks. Pikendust pärast eksamiaega paranduste tegemiseks ei saa!

GitHub'i töövoog

  1. Fork'i ülesande/projekti repositoorium (leiab https://github.com/eesrakenduste-arendamine-2017k/).
  2. Clone'i see repositoorium enda arvutisse/serverisse ja määra repositooriumi URL kuhu edaspidi muudatusi salvestad.
git clone https://USERNAME@github.com/USERNAME/REPOSITORY.git
  1. Lisa ka oma nimi ja email repositooriumi omanikuks (Setting your username)
  2. Muuda faile ülesande lahendamiseks ja Commit'i iga olulisem muudatus, kasutades kahte käsku.
git add .
git commit -m "Added this functionality to the app"
  1. Veendu, et kogu kood on Commit'itud.
git status
  1. Push/sync'i GitHub'i.
git push origin
  1. Ava pull request ülesande originaalses repositooriumis. Ülesannete tähtajaks on 24h enne järgmise tunni algust, kui pole teisiti kirjas.
  2. Muudatusi ja täiendusi võib push'ida repositooriumisse, kuni ette antud kuupäevani.

Tagasisidet saab otse pull request'i millele ootan Sinupoolseid kommentaare/mõtteid/küsimusi. Võid julgselt avada pull request'i kohe kui hakkad kodutöö kallal tegelama ja siis kui hätta jääd võid esitada sinna küsimuse. Maini kommentaaris minu kasutajat @romilrobtsenkov siis jõuan sellele kiiremini vastata.

Nõuded

Need rakenduvad ka päris elus!

  • Peab järgma "head programmeerimise stiili"
    • Muutujate nimed peavad kirjeldama muutujat ning peavad olema inglise keeles
    • Funktsiooni nimi peab olema "lühike"
    • Optimeeri koodi lugemiseks
    • Projektide jaoks tuleb kasutada objektorienteeritud lähenemist
    • Laenatud koodile tuleb viidata
  • Boonuspunktid:
    • Loomingulisus (NB! nõuded peavad olema täidetud)

Kursus

1. tund

  1. Sissejuhatus
    • Veebiprogrammeerimise aine kokkuvõte
    • Arutleme, mis antud kursus endas hõlmab
  2. Ajalugu
    • ECMAScript
    • iframe > XMLHttpRequest > AJAX
  3. JS kasutusvaldkonnad
    • Lehtede interaktiivseks muutmine (awwwards, cssdesignawards)
    • Võrgu koormuse vähendamine
    • AJAX
    • Vormide valideerimine
    • WebSocket (Chat)
    • Mängud ja meelelahutus (threeJS)
    • Brauserite lisateegid
  4. JS piirangud
    • Andmete kirjutamine serverisse
    • Ligipääs andmebaasidele
    • Ligipääs failisüsteemile
    • Akende sulgemine
    • Lõimtöötlus
    • Ligipääs teistele veebilehtedele
    • Browserite erinevused
  5. Turvalisus
  6. Tunnis kasutatavad tööriistad
  7. Javascript'is programmeerimine, näidisrakenduse loomine
    • muutujad, funktsioonid, aeg, sündmuste kuulamine, dokumendi muutmine
  8. 1. kodutöö
  9. Kohustuslik järgmiseks korrasks!

2. tund

  1. JS rakenduse ülesehitus (objektorienteeritud kood)

Praktikum

1. kodutöö lõpetamine + küsimused

Materjalid ja tööriistad

Tunnis kasutatud rakendused

Kohustuslik materjal

Välja toodud tundide loetelu juures vastavalt igale tunnile.

Soovituslik lugemine

PHP meeldetuletus

HTML/CSS/JS sandbox'id

Git

Litsents

Creative Commons License
Käesolev leht ja kõik teised https://github.com/veebiprogrammeerimine-2015s materjalid on Creative Commons Attribution 4.0 International Litsensiga.

About

Kursuse kirjeldus ja viited vajalikele materjalidele