After watching one video that can easily teach people some language basics, I got an idea to have topic for that purpose, so why not to post some comparison that can help people learn.

One of the main problems I had in SV-IT was that some formula asks for item and you find 10, 20 and more items with the same name but nothing. For 1 formula I found item but with different name than in description which worked. My point is, is it possible to make this simple for players to edit formula where that part would be some rare and desirable item, so if you have in description item, to be that item?
To take something as example, this is like your neighbor have apple tree and he is selling apples, which means when you say you want to buy apple you want apple to eat, but instead he gives you foliage and you don't know what to do with it - my logic.

Don't really know.  Over a million back in 2008, but since then?  Anybody's guess.  I was still seeing disc copies of the game on sale here in Switzerland up to a couple of years ago when the stores stopped selling PC games.

So no more games in Swiss stores, only online?

18 Maj

let htmlLI = document.createElement('li');
        if(doc.username == localStorage.username){
            htmlLI.classList.add('me');
        }
        let spanUser = document.createElement("SPAN");
        spanUser.innerText = `${doc.username}`;
        let spanMess = document.createElement("SPAN");
        spanMess.innerText = `${doc.message}`;
        let divDate = document.createElement("DIV");
        divDate.innerText = `${this.formatDate(doc.created_at.toDate())}`;
        let icon = document.createElement('div');
        icon.classList.add('z-index');
        icon.innerHTML = "<i class='fa ${doc.username}' id='${document.message}'> &#xf1f8</i>";
        this.list.appendChild(htmlLI);
        htmlLI.appendChild(spanUser);
        htmlLI.appendChild(spanMess);
        htmlLI.appendChild(divDate);
        htmlLI.appendChild(icon);
        // htmlLI.appendChild('<i class="fa fa-trash-o" aria-hidden="true"></i>');
        //skroll u chatu na dno liste
        this.list.scrollTop = this.list.scrollHeight;
Link ka Google Sheet gde se unose linkovi i korisnička imena:
https://docs.google.com/spreadsheets/d/19uKbHYcBjlMM36u3FeMJifKgnn9WJgrSC8Ao0lR_Vro/edit?usp=sharing

Link ka Google Sheet gde se unose linkovi i korisnička imena:
https://docs.google.com/spreadsheets/d/19uKbHYcBjlMM36u3FeMJifKgnn9WJgrSC8Ao0lR_Vro/edit?usp=sharing

Pozdrav svima. Samo bih vam javio da pitanja postavljate ovde, a ne u privatnim porukama, jer su pitanja koja postavljate na mestu i od interesa su za sve, i dobro je da ih svi vide. Takođe imate priliku i da počnete neku diskusiju na neku temu. Ovo su pitanja koja su stigla do sada:
1. Da li mozemo da koristimo Bootstrap?
Da, to smo se dogovorili na času da je poželjno da koristite Bootstrap.
2. Da li saljemo link do githuba ili samo do repo-a gde je projekat?
Dovoljno je samo do repoa.
3. Da li je atribut korisnik kolekcije pojmovi ustvari username koji cemo koristiti?
Da, upravo taj username koji se unese na početnoj stranici.
Još jednom bih vam napomenuo da ovaj slack kanal služi za VAŠU komunikaciju, a ne da Jelena i ja odgovaramo na privatne poruke. Za to služe uključenja koja imamo

4. Kako cemo u slucaju drzava koje imaju dve reci na primer. Kako transformisati unos?
Transformaciju vršite tako da obrišete razmake u reči, sva slova postavite  u mala, osim prvog slova koje je veliko.
npr. Velika Britanija -> Velikabritanija

Da li mi postavljamo pocetno slovo ili se ono samo generise od pojma koji unosimo (tako sto se od stringa uzme prvo slovo) ili se generise random funkcijom koja nam vraca neko slovo iz niza slova (pa mi onda pisemo pojam na to slovo)?
Postavlja se automatski, tako što se uzme prvo slovo iz stringa.

Da li je neko imao problem da neće da mu radi konekcija na bazu, tj. da ne prijavljuje nikakvu grešku, ali ne čita podatke iz baze. A isti taj upit, radi sa konekcijom na drugu bazu? Znači običan upit, da povuče sve podatke iz baze i console. log-uje ih. Znači nema nikakve greške da prijavljuje
je l mi ove forme moramo da pravimo kao js komponente?
ma jok
u html
to je za upisivanje novih podataka a ne prikazivanje starih
ali kako kad prelazis sa stranice na stranicu
tako da nema potrebe
pa ta forma je uvek na toj pocetnoj strani samo
ili ja nesto nisam dobro razumela

pa na pocetnoj je forma za korisnicko ime
6:02
a na ovoj drugoj stranici
6:02
za unos pojmova

Vanja Bogdanovic  6:03 PM
pise na istoj stranici da se doda
6:03
a ne na novoj
6:03
Na ovoj stranici korisnik može da predloži novi pojam.
6:03
to pise u onom fajlu
6:04
ja to razumela kao da je na istoj stranici

Zvuci kao da treba iz navigacije da se predje na stranicu za dodavanje pojmova
ali onda mora da pravimo stranicu dodavanje_pojmova.html
i preko linka da ih povezemo
ili da ove forme napravimo kao komponente
6:06
i da se promene klikom na dugme u meniju

Vanja Bogdanovic  6:06 PM
mislim da je bolje novu stranicu ako ces tako
6:07
ja sam sve na istoj, necu da menjam sada
Ja sam to resio tako sto sam napraio pop-up modal za korisnicko ime

https://www.youtube.com/watch?v=NeXQEJNWO5w

Pitanje:
Alo uradimo deploy na firebase na nas projekta ali sada sa Stefanovom bazom da li ce raditi? Jer u oviru projekta na Firebase koji je svako od nas otvorio, a u kome smo napravili hosting, nalazi se drugi database ...

Stefan Stanimirović  1:06 PM
Mislim da je bolje za sada da na firebase kacite projekte koji se povezuju na vasu bazu, kada se Jelena i ja povezemo da probamo nesto, da menjamo vase lokalne baze
1:07
A videcemo i neku kopiju ove glavne baze da vam posaljemo da mozete i kod vas na lokalu da probate
1:07
Ali morate prvo da je popunite

11 Maj

Zadaci za sredu (13.maj 2020. god)
Kada se klikne na dugme Send da se u bazu podataka doda poruka koja je uneta u input polje za poruku (uraditi to u app.js fajlu)
Kada se klikne na dugme Update username  (uraditi to u app.js fajlu)
Da se pozove napravljen metod za promenu korisničkog imena
U index.html stranici u footer-u ispod formi dodati div sa id-em divUpdatedUsername i kada se klikne na dugme Udate username u ovom div-u ispisati username koji je korisnik upravo uneo npr. "Your name was updated to ..."
Prethodno navedeni div treba da se prikazuje na ekranu samo 3 sekunde, nakon čega nestaje sa ekrana (igra ulogu neke notifikacije)
:+1:
9

1:26
U sredu ću vam pokazati kako bi trebalo da izgleda kod za ove zadatke, proćićemo ga zajedno i prokomentarisati ali ga nećemo kucati od nule.
Budite slobodni da postavljate pitanja ili dajete predloga ukoliko imate neko jednostavnije rešenje/obrazloženje.
Takođe, do srede pogledajte kod od danas i "naoružajte se pitanjima" šta biste voleli da pojasnimo

Možemo li da dobijemo današnji kod?
Postavljen je na onom linku koji sam vam poslala
Ne znam da li je Slack izbisao taj link i poruku, evo šaljem opet:
https://drive.google.com/open?id=1M19-E7tlaHk7zyc7uFDG0F_ojFXFOgZM
Izgleda da je bio izbrisao, bas sam gledala gde si to poslala ranije

Ukoliko se nekom pojavljivala greska "firebase is not a function", kao sto je meni, morala sam da dodam ovo i onda radi:
<script src="https://www.gstatic.com/firebasejs/7.14.3/firebase-firestore.js"></script>
Da li neko ima resenje za sledeci problem:
error.ts:166 Uncaught FirebaseError: Function Query.where() requires a valid third argument, but it was undefined.
Ovo se desilo kad sam dodala ovo, pre toga je sve radilo:
getChats(callback){
        this.chats
        .where('room', '==', this.room)
        .orderBy('created_at')
        .onSnapshot( snapshot => {
            snapshot.docChanges().forEach( change => {
                if(change.type == "added") {
                    //dodaj novu poruku
                    callback(change.doc.data());
                }
            })
        });
Ako sklonim <script src="https://www.gstatic.com/firebasejs/7.14.3/firebase-firestore.js"></script>
javlja se opet ona greska da firebase-firestore nije function.Za taj problem sam probala i (nasla na netu):
const firebase = require("firebase");
// Required for side-effects
require("firebase/firestore");
Mislim da ti problem pravi this.room.
Vidi da li ti je dobar geter za njega.
Pošto geška kaže “Treći argument u where”, zato slutim na to

---

13 Maj

//DOM elementi
let cr = new Chatroom('general', 'AA');
let formNewMessage = document.querySelector('#formNewMessage');
let inputMessage = document.querySelector('#inputMessage');
let formUpdateUsername = document.querySelector('#formUpdateUsername');
let inputUsername = document.querySelector('#inputUsername');
let divUU = document.querySelector('#divUpdatedUsername');
:eyes:
1


//Slanje nove poruke
formNewMessage.addEventListener('submit', e => {
    e.preventDefault();
    let textMessage = inputMessage.value;
    cr.addChat(textMessage)
        .then(() => {formNewMessage.reset()})
        .catch(err => console.log(err))
});
//Promena korisničkog imena
formUpdateUsername.addEventListener('submit', e => {
    e.preventDefault();
    let newUsername = inputUsername.value;
    cr.updateUsername(newUsername);
    formUpdateUsername.reset();
    divUU.innerHTML = `Your name was updated to <span id="spanNewUsername">${newUsername}</span>`;
    setTimeout(() => divUU.innerText="", 3000);
});
let htmlLI = `<li`;
        if(document.username == localStorage.username){
            htmlLI += ` class="me">`;
        } else {
            htmlLI += `>`;
        }
        htmlLI += ` <span class="username">${document.username}</span>
                    <span class="message">${document.message}</span>
                    <div class="date">${document.created_at.toDate()}</div>
                </li>`;
        this.list.innerHTML += htmlLI;

Šaljem vam uskoro zadatke ovde :smile:
A takođe, zadatke ćete moći da viditi i u onom linku koji delim sa vama

Da vam ne bih i ovde pisala zadatke, šerujem link ka njima.
https://docs.google.com/document/d/1uOS5IDcCJJjAAdSp2gWnuSTv8P2hEn6mR3FjPdRm_t0/edit?usp=sharing

https://drive.google.com/drive/folders/1yih5el2Nph34O1nVca4UXOGAI9vscYC1  - JS kurs


Još jednom vas pozdravljam u ovoj lepoj situaciji gde su se spojile sve generacije polaznika kurseva Razvoja veb stranica u Nišu

Prve dve nedelje su koncipirane da se prve dve generacije koje su učile PHP uhodaju u JS sintaksu, a da se treća generacija podseti sintakse, da biste posle toga mogli samostalno da odradite novi projekat,
Za prve dve generacije je od važnosti sledeći link: https://drive.google.com/drive/folders/1yih5el2Nph34O1nVca4UXOGAI9vscYC1?usp=sharing
Ovde vam se nalaze materijali sa trećeg kursa IT Bootcampa. U toku naredne dve nedelje je vaš zadatak da pogledate određene oblasti koje ćemo obnavljati u nekom danu. Posebno obratite pažnju i na fajl - Gradivo po danima JS, gde ćete naći linkove ka video fajlovima, koje bi bilo idealno da odslušate pre svakog časa.
white_check_markeyesraised_hands


Za ponedeljak je predviđeno da pogledate sledeće oblasti:
Js osnovne komande
Js upravljačke strukture (if, switch, while, for, funkcije)
Nizovi
Objekti
Foreach petlja i nizovi objekata
Ove oblasti ćemo provežbati kroz par zadataka u ponedeljak. Idealno bi bilo da, ukoliko budete naišli na neke probleme, u uključenje u ponedeljak postavite sva pitanja.


Ovo su kratke smernice šta vam je potrebno od alata da instalirate do sutra (i čemu je koji od njih namenjen):
Slack: Ova grupa je namenjena vama i vašoj međusobnoj komunikaciji.
 Zoom: Instalirajte aplikaciju na svom računaru i koristićemo je za sastanke kada ćemo diskutovati i zadavati zadatke. Dakle, Stefan i ja nećemo biti aktivni na Slack-u već Isključivo na Zoom-u možete da postavljate pitanja u terminima od 11h do 13h ponedeljkom, sredom i petkom. Link ka Zoom sastanku će biti poslat putem Slack grupe.
VS Code: Editor koji ćemo koristiti za kodiranje.
       Obavezna ekstenzija za VS Code je Live Server, opcione (poželjne) ekstenzije su Material Icon Theme i Monokai++.
Nadam se da sam sve obuhvatila


/1. Ispisati sva korisnička imena korisnika koji imaju natprosečan broj godina
//2 Ispisati samo prvi blog korisnika koji imaju natprosečan broj godina
//3. Ispisati podatke korisnika koji ima najviše blogova

Pozdrav svima! :slightly_smiling_face:
Za sutra je u planu rad sledećih "oblasti":
DOM
Events
Timing Events
Na linku koji ste ranije dobili to su folderi: 18, 19 i 22, pa možete pogledati osnovne koncepte.

Stil.css za Quiz projekat

.intro, .finish {
    padding: 10px 0;
    text-align: center;
}
​
.text {
    width: 90%;
    padding: 0 15px;
    margin: 0 auto;
}
​
.text h2 {
    color: blue;
    font-size: 4.5rem;
    font-weight: bold;
    line-height: 1.2;
}
​
.quiz {
    padding: 10px 0;
    background-color: #005ce6;
}
​
.question {
    margin: 50px 0;
}
​
.question p {
    margin: 10px 20px;
    color: gainsboro;
    font-size: 2.2em;
}
​
.check {
    margin: 20px 40px;
    color: gainsboro;
    font-size: 1.6em;
}
Današnji video fajlovi: https://photos.app.goo.gl/a29NdQoohZjHDLbj6

Sutra ćemo raditi jedan projekat za DOM, kako bi svi to uvežbali kako valja.
I trebalo bi da otpočnemo firebase, tako da možete svi da napravite nalog za firebase za sutra.

  {  box-sizing: border-box;
}
body{
    font-size: 20px;
}
h1{
    color: lightsalmon;
    padding: 10px;
    text-shadow: 5px 5px 5px rgb(243, 198, 180);
}
ul{
    padding: 0px;
}
li{
    list-style: none;
    background-color: rgb(243, 198, 180);
    color: rgb(236, 88, 30);
    width: 300px;
    padding: 10px;
    margin: 10px;
    border: 1px solid lightsalmon;
}
input{
    margin: 10px;
    padding: 10px;
    border: 1px solid lightsalmon;
}
input[type='text']{
    width: 300px;
    font-size: 20px;
    color: rgb(236, 88, 30);
}
input:focus{
    outline: none;
    box-shadow: 0 0 10px lightsalmon;
}

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>To Do Lista</title>
</head>
<body>
    <h1>Lista za kupovinu</h1>
    <ul>
        <li>Jabuke</li>
        <li>Tresnje</li>
        <li>Jagode</li>
    </ul>
    <!-- <script src="js/script.js"></script> -->
    <script src="js/script1.js"></script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>To do list</title>
        <link rel="stylesheet" href="./style.css" />
    </head>
    <body>
        <h1>Lista za kupovinu</h1>
        <ul>
            <li>Breskva</li>
            <li>Jabuka</li>
            <li>Narandza</li>
        </ul>
        <script src="./script1.js"></script>
    </body>
</html>

db.collection("customers").get()
.then(function(querySnapshot) {
querySnapshot.forEach(function(doc) {
console.log(doc.id, " => ", doc.data());
});
})
.catch(function(error) {
console.log("Error getting documents: ", error);
});Ostali, imate domaci koji je zadala Jelena, i pogledajte detaljnije prezentaciju sa bazama

Stefane imas sa strane 4 hidden u Chrome-u
Mozda ti je tu problem

---

Maj 8

Ovo je link ka današnjim video materijalima
https://photos.app.goo.gl/fuEoeQsCfwobfDj6A
Ovo je link ka folderu gde su postavljeni kodovi:
https://drive.google.com/open?id=1M19-E7tlaHk7zyc7uFDG0F_ojFXFOgZM
Podsećam vas da do ponedeljka nabavite/pozajmite slušalice sa mikrofonom :headphones: +:microphone: = :blush: da biste mogli glasovno da se uključujete, pošto nam ovaj čet na Zoom-u otežava rad (ne važi jedino za Zoranu da ne bi probudila dete, ona može da piše pa će neko preneti informaciju ukoliko ne vidimo na vreme :smile: ).
Za ponedeljak imate da pogledate lekciju 24 Validacija forme i da dopunite ToDo listu tako da se onemogući unos praznina.
Takođe, pogledajte CRUD za firebase (create/update/delete dokumenata u bazi) i probajte da uradite ove operacije.
Ovaj čet možete koristiti za međusobnu podršku, tako da slobodno komunicirajte da biste se što bolje upoznali i savladali gradivo. Ona pitanja na koja ne budete uspeli da odgovorite ovde, možete da postavite u našim "uključenjima". :blush:
Ova nedelja je bila dosta intenzivna, nadamo se da ste uspeli da se uklopite i da uhvatite korak. Verujemo da je već sada zanimljivo, a od naredne nedelje nas očekuju još zanimljiviji projekti.
Pozdrav svima do ponedeljka!

Primer zapazanja za rutu /register:
Opis:
Poziva se pri registraciji novog korisnika. Od podataka se salje: Ime i prezime, email i password (sva  polja su obavezna)
Zakljucak/Opazanje:
Uspesna registracija vraca status 201, i u responsu imamo token i podatke za usera.
Kada se korisnik registruje podrazumevano mu je role = "user".
Nakon registarcije se dobija email za verifikaciju.
Pokusaj registracije korisnika sa istim email-om vraca status 422 i gresku EMAIL_ALREADY_EXISTS.
Sigurno moze jos nesto da se doda, ali ovo je na primer za mene dovoljno.
Kao dodatak, kad probate u postmenu kombinacije sa parametrima
Npr:
Ako email nije poslat dobija se response sa statusom 422 i greskama email MISSING i email IS_EMPTY.

Milane, kako da odradimo /token GET request. Svaki user ima svoj token, ali sta bi tu trebalo napisati u tabeli?
Potrebno je da se provali sta se salje tom zahtevu
Imas u dokumentaciji

Mozes da vidis kako neki api pozivi nisu dostupni ukoliko nisi ulogovan. Upoznaj se sa jwt tokenom, i videces kako to ide
Gledam vaše tabele, i neki od vas baš dobro napreduju. Dao bih vam jedan savet, da za svaki api poziv napišete da li je potrebno da korisnik bude ulogovan na aplikaciju. Pozz

Problem od danas vezan za reset lozinke:
Posto je to moguce istestirati samo u test okruzenju, a nasa aplikacija je u production ne mozemo to da radimo preko postmena.
Jedino resenje je da pre nego sto pozovemo taj api poziv iskopiramo onaj id iz email-a tj. moracemo rucno to da resimo.

kada exportujemo folder iz postman-a kod nas na kompu, gde da ga posle upload-ujemo da ti pregledas?
Kreirao sam foldere sa vasim imenima, molim vas proverite da li svi imate pristup svom folderu

Rok za predaju projekta je sreda 20.05 do 20h. Projekat postavljate preko Publish Docs (kao na slici) i meni šaljete link do te postman dokumentacije.
Preporuka je da napravite git repozitorijum na svom git nalogu, i da tu postavite osnovne podatke projekta kao i link do postman dokumentacije.
Pozz :
. . . - tri tackice i Publish Docs


Drustvo, kada stavljate projekat na git, u readme fajlu ubacite neke osnovne podatke za projekat. Ideja je da kada neko pogleda vas repositorijum ima predstavu o tome koliko slozen api ste testirali.
Podatke mozete naci sa ovog linka https://github.com/davellanedam/vue-skeleton-mvp
Takodje ubacite da ste za testiranje koristili Chai Assertion Library
3 slike dodate

stavite yaml fajl koji imate postavljen za projekat
i na kraju link do vase postman dokumentacije
mozete da postavite i postman verziju

Drusto, dobio sam informaciju od odbora da je za sve one koji nisu zavrsili projekat drugi rok za predaju subota 23.05 do 18h.
Ukoliko ne zavrsite projekat do tog roka, Milena ce vas pozvati da vidi zbog cega niste odradili u odredjenom roku.

Pozdrav svima, trenutno je u toku JavaScript ojačavanje i svaki od polaznika razvija svoju verziju projekta "Zanimljiva geografija". Ideja je da pomognemo kolegama da im projekti budu kvalitetniji i sa što manje grešaka. Pustiću vam anketu da vidim koliko vas je zainteresovano da radi testiranje tih aplikacija, u pitanju je Selenium testiranje.

https://titanquestfans.net/index.php?topic=1090.0

Since we got info that mod was created in past and it was playable, I wanna check if mod still exist. If anyone knows something please post. Maybe could be some info on German forum or some other source on FR or ES, searching on google is not giving expected info.
Also info like Legion of Champions Lilith IT could be awesome - in case if someone created it.