Ovaj članak vas vodi kroz sekvencijalno kreiranje testa za vježbu. Ako ne želite čitati o programiranju, idite direktno na odjeljak s uputama kako promijeniti test i preuzeti ga.

Kreiranje jednostavnog testa

Razvoj informacione tehnologije a obrazovanje na daljinu dovodi do potrebe za kreiranjem testova za e-učenje. Mnogi nastavnici i nastavnici suočeni su sa izazovom izrade testova za nastavni plan i program. Glavna poteškoća u rješavanju ovog problema je to što je za kreiranje ovakvih elektronskih materijala potrebno poznavanje HTML-a i javascript-a.

Kako riješiti ovaj problem. Nastavnik može koristiti online konstruktor testove ili pokušajte sami kreirati test na osnovu upotrebe šablona. To je druga opcija koju ćemo razmotriti u ovom članku.

Napravit ćemo jednostavan predložak koji se zatim može pomnožiti u nekoliko datoteka i pretvoriti svaki u poseban test.

Recimo da imate jednostavan matematički test koji se sastoji od nekoliko matematičkih zadataka:

1. 4*12 +7 =
2. 7-8*2 =
3. 34*2 + 17 =

Primjere treba prikazati na ekranu i dati učeniku mogućnost da unese odgovor, zatim uporedi odgovor sa tačnim i pokaže učeniku procenat tačno urađenih zadataka.

Prvo, kreirajmo HTML kod za zadatke:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

Provjeri

Ispred svakog zadatka simulacionog testa zamenili smo polje za unos teksta. Pročitajte više o različitim poljima u HTML-u u članku ovdje. Na kraju smo dodali dugme, klikom na koje treba da se izvrši provera na šta odgovara učenik koji je uneo u tekst.

Obratite pažnju na identifikatore “z_1”, “z_2” i “z_3”. Ako trebate dodati zadatak 4, trebate samo kopirati posljednji red sa zadatkom, zamijeniti uvjet i upisati "z_4" u polje identifikatora.

U posljednjem redu ćemo prikazati rezultat zadataka nakon provjere.

U sljedećoj fazi potrebno je da kreirate javascript kod koji će uporediti ono što je učenik otkucao sa tačnim odgovorima i izračunati procenat izvršenih zadataka.

pr_otv_zadachi_1 = 55;
pr_otv_zadachi_2 = -9;
pr_otv_zadachi_3 = 85;

Prva tri reda će sadržavati tačne odgovore. Četvrti i naredni problemi se dodaju u test tako što se prepisuje zadnji red s odgovorom, zamjenjuje se broj 4 umjesto 3 i označava tačan odgovor.

Sada treba da saznate šta je učenik uneo u odgovore. Za ovo koristimo sljedeći kod.

otv_uch_1 = document.getElementById (‘z_1’).vrijednost;
otv_uch_2 = document.getElementById (‘z_2’).vrijednost;
otv_uch_3 = document.getElementById (‘z_3’).vrijednost;

Četvrti zadatak će značiti nova linija sa zamjenom brojeva 3 sa 4.

lopta = 0;
lopta + = 1;
}
lopta + = 1;
}
lopta + = 1;
}

Da biste dodali zadatak 4, morate kopirati posljednja tri reda i zamijeniti brojeve u njima s 4.

vsego_zadach = 3

Na ovoj liniji označavamo koliko problema ima u testu uzorka. Ako ste dodali više, onda morate ispraviti ovu cifru.

Zatim morate prikazati odgovor na ekranu.

document.getElementById (‘rezultat’). innerHTML = „Poslovi su ispravno završeni na“ + procent_vip + „%.“;

To je sve. Sada kombinujmo sav kod u jednu HTML stranicu.

Izvršite testne zadatke:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

Provjeri

To je sav kod za tutorial test sa HTML odgovorima. Ovu datoteku možete preuzeti ispod. Koristi ovaj priručnik kako bi se povećao ili smanjio broj zadataka.

Preuzmite predložak za testiranje. Jednostavna opcija

Preuzmi fajl: (Preuzimanja: 593)

U nastavku možete preuzeti proširenu verziju testa.

Razdvajanje testnih pitanja. Dodavanje dugmeta za sledeće pitanje

Moramo se pobrinuti da se istovremeno prikazuje samo jedno pitanje. A da biste prešli na sledeće pitanje, morali ste da pritisnete dugme "Sledeće pitanje".

Da biste to uradili, dodajte svako polje za pitanje i odgovor u odvojeno div blokovi... A za drugo i treće pitanje dodajte parametar "display: none" kako biste ih sakrili. Za prvi, specificiramo parametar "display: block". I za svaki blok ćemo potpisati brojeve pitanja.

Također ćemo dodati kod za dugme Sljedeće pitanje.

Sljedeće pitanje

Funkcija sled_vopr () (if (document.getElementById ("vopros2"). Style.display == "blok") (document.getElementById ("vopros2"). Style.display = "none"; document.getElementById ("vopros3") ) .style.display = "block"; document.getElementById ("kn_sl"). style.display = "none"; document.getElementById ("kn_pr"). style.display = "block";) if (document.getElementById ("vopros1"). style.display == "blok") (document.getElementById ("vopros1"). style.display = "none"; document.getElementById ("vopros2"). style.display = "blok"; ))

U prvom uslovu proveravamo da li je prikazano drugo pitanje, ako jeste, onda ga moramo sakriti i prikazati treće pitanje, a takođe moramo sakriti dugme za prebacivanje između test pitanja i prikazati dugme "Proveri" pošto ovo pitanje je poslednje. U drugom uslovu provjeravamo da li je prikazano prvo testno pitanje. Ako je tako, onda ga morate sakriti i pokazati drugo pitanje.

Kao rezultat, naš test izgleda ovako:

Ali u ovom slučaju bit će teže dodati nova pitanja testu.

Premještanje testnih pitanja i odgovora u zasebnu JavaScript datoteku

Da biste lakše zamijenili pitanja, potrebno je prenijeti njih i odgovore na njih poseban fajl... Tada ne morate tražiti ove podatke u glavnoj datoteci. Ako niste programer, ova pretraga će biti teška. Tako da stvaramo novi fajl data.js i povežite ga sa glavnim html fajl naš test. Zatim mu dodajemo nekoliko varijabli sa pitanjima i nekoliko sa odgovorima (odgovore prenosimo iz glavne datoteke).

Vopros_1 = "4 * 12 + 7 ="; vopros_2 = "7-8 * 2 ="; vopros_3 = "34 * 2 + 17 ="; pr_otv_zadachi_1 = 55; pr_otv_zadachi_2 = -9; pr_otv_zadachi_3 = 85;

I propisujemo javascript kod za postavljanje teksta pitanja iz varijabli nakon učitavanja stranice.

Document.addEventListener ("DOMContentLoaded", funkcija () (document.getElementById ("v_1"). InnerHTML = vopros_1; document.getElementById ("v_2"). InnerHTML = vopros_2; document.getElementById). ;));

To je sve. Sada, da biste zamijenili tekst testnih pitanja i odgovore na njega, trebate samo urediti data.js datoteku. Dodajmo naziv testa na isti način:

Var test = "Množenje";

Šifriranje testnih odgovora

Postoji jedan nedostatak u testu nastavnog plana i programa koji smo dobili. Ako učenik otvori datoteku "data.js", videće ne samo tekstove pitanja, već i odgovore. Stoga moramo šifrirati odgovore tako da ih učenik ne može prepoznati.

Za ovo koristimo funkciju kodirov. izgleda ovako:

Funkcija kodirov (stroka) (var b64ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg" + "hijklmnopqrstuvwxyz0123456789 + / ="; var b64enc = ""; var ch1, ch2, ch3; en var i > 2; en2 = ((ch1 & 3)<< 4) | (ch2 >> << 2) | (ch3 >>

Slično, šifriramo drugo i treće pitanje. Nakon šifriranja, sadržaj datoteke data.js izgleda ovako:

Var vopros_1 = "4 * 12 + 7 ="; var vopros_2 = "7-8 * 2 ="; var vopros_3 = "34 * 2 + 17 ="; var pr_otv_zadachi_1 = "NTU ="; var pr_otv_zadachi_2 = "LTk ="; var pr_otv_zadachi_3 = "ODU =";

Kao što možete vidjeti, odgovori su šifrirani i predstavljaju skup znakova.

U glavnoj datoteci morate šifrirati ono što je učenik napisao prije provjere.

Otv_uch_1 = document.getElementById ("z_1").Vrijednost; otv_uch_1 = kodirov (otv_uch_1); otv_uch_2 = document.getElementById ("z_2").vrijednost; otv_uch_2 = kodirov (otv_uch_2); otv_uch_3 = document.getElementById ("z_3").vrijednost; otv_uch_3 = kodirov (otv_uch_3);

Kao rezultat, program provjerava šifrirane odgovore i učenik ne može saznati odgovore na pitanja obrazovnog testa.

Prikaz rezultata odgovora na svako pitanje

Naši lažni rezultati testova ukupni rezultat u procentima. Napravit ćemo tako da se rezultati također prikazuju za svako pitanje posebno. Tako će biti moguće izvesti više detaljna analiza učenici koji polažu test.

Da biste to učinili, potrebno je izmijeniti funkciju provjere odgovora učenika.

Funkcija proverit () (otv_uch_1 = document.getElementById ("z_1"). Vrednost; otv_ucgenika_1 = otv_uch_1; otv_uch_1 = kodirov (otv_uch_1); otv_uch_2 = document.getdotElement zugen2 otv_uch_le vrednost (vrednost otv_uch_3) otv_uch_3). ; otv_ucgenika_3 = otv_uch_3; otv_uch_3 = kodirov (otv_uch_3); ball = 0; if (otv_uch_1 pr.) Odgovorili ste tačno. Vaš odgovor: "+ otv_ucgenika_1;) ostalo (otveti =" Pitanje 1. Odgovorili ste pogrešno: "Netačno. + otv_ucgenika_1;) if (otv_uch_2 == pr_otv_zadachi_2) (loptica + = 1; odgovori + ="
Pitanje 2. Tačno ste odgovorili. Vaš odgovor: "+ otv_ucgenika_2;) ostalo (otveti + ="
Pitanje 2. Odgovorili ste pogrešno. Vaš odgovor: "+ otv_ucgenika_2;) if (otv_uch_3 == pr_otv_zadachi_3) (lopta + = 1; otveti + ="
Pitanje 3. Tačno ste odgovorili. Vaš odgovor: "+ otv_ucgenika_3;) ostalo (otveti + ="
Pitanje 3. Odgovorili ste pogrešno. Vaš odgovor: "+ otv_ucgenika_3;) vsego_zadach = 3; procent_vip = lopta / vsego_zadach * 100; document.getElementById (" rezultat "). InnerHTML =" Poslovi su tačno završeni na "+ procent_vip +"%.

"+ odgovori;)

Kao rezultat modifikacije ove funkcije, prikazuje se da li je učenik tačno odgovorio, a na ekranu se prikazuje i njegov odgovor. Nastavnik može uporediti učenikov odgovor sa tačnim, kao i analizirati obrazovno-vaspitni rad.

Tako smo dobili kompletan edukativni test koji možete koristiti i sami aktivnosti učenja... Radi veće pogodnosti, premjestio sam datoteku data.js u poseban folder... Datoteku data.js možete uređivati ​​u bilo kojem uređivač teksta npr. Notepad.

Nakon zadnjih modifikacija, povećanja fontova, dodavanja boje odgovorima, dobijamo sljedeći puni original html kod fajl:

Rezultat izvođenja testa sa greškom u trećem zadatku prikazan je na donjoj slici. Također sam dodao funkciju zaokruživanja "toFixed ()".

U nastavku možete preuzeti ovaj program.

Preuzmite predložak za testiranje

Preuzmi fajl: (Preuzimanja: 93)
Preuzmi fajl: (Preuzimanja: 102)
Preuzmi fajl: (Preuzimanja: 120)

Odgovore za test možete kodirati na našoj web stranici.

Dodavanje slika u test pitanja

Naravno, za mnoga pitanja, kada kreirate test, morate dodati slike. Često je potrebno dodati sliku umjesto teksta pitanja. Mi implementiramo ovu priliku također putem data.js. Urediću najveći test od 15 pitanja. Dakle, za svako pitanje ću dodati posebnu varijablu i naznačiti u njoj: ako postoji slika, onda - "da", inače - "ne".

Var vopros_ris_1 = "da"; var vopros_ris_2 = "ne"; var vopros_ris_3 = "ne"; var vopros_ris_4 = "da"; var vopros_ris_5 = "ne"; var vopros_ris_6 = "ne"; var vopros_ris_7 = "da"; var vopros_ris_8 = "ne"; var vopros_ris_9 = "ne"; var vopros_ris_10 = "ne"; var vopros_ris_11 = "ne"; var vopros_ris_12 = "ne"; var vopros_ris_13 = "ne"; var vopros_ris_14 = "ne"; var vopros_ris_15 = "da";

Skrećem vam pažnju da sam potpuno uklonio tekst pitanja da li postoji slika.

Var vopros_1 = ""; var vopros_2 = "7-8 * 2 ="; var vopros_3 = "34 * 2 + 17 ="; var vopros_4 = ""; var vopros_5 = "36 * 2 + 4 ="; var vopros_6 = "37 * 8 + 7 ="; var vopros_7 = ""; var vopros_8 = "39 * 12 + 19 ="; var vopros_9 = "40 * 2 + 16 ="; var vopros_10 = "41 * 4 + 3 ="; var vopros_11 = "42 * 8 - 7 ="; var vopros_12 = "43 * 6 - 5 ="; var vopros_13 = "4 * 62 - 6 ="; var vopros_14 = "45 * 9 - 9 ="; var vopros_15 = "";

Ali možete dodati i sliku i tekst pitanja.

V u ovom slučaju Naznačio sam da će pitanja pod brojevima 1,4,7 i 15 imati slike. Tako da moram dodati ove slike u folder "data". Njihova imena treba da odgovaraju (uključujući i smisleno) brojevima pitanja: "01.jpg", "04.jpg", "07.jpg" i "15.jpg".

V programski kod u glavni fajl, dodao sam uslove koji proveravaju varijable. Ako postoji slika, onda se ona postavlja na testno pitanje. Primjer takvog koda za prvo pitanje: if (vopros_ris_1 == "da") (vopros_1 = "

"+ vopros_1; document.getElementById (" v_1 "). innerHTML = vopros_1;) else (document.getElementById (" v_1 "). innerHTML = vopros_1;)

Preuzmi fajl: (Preuzimanja: 57)

Promiješaj test pitanja slučajnim redoslijedom

U slučaju kada test radi nekoliko učenika u odeljenju koji sede pored mene odjednom, suočio sam se sa problemom kada neki gledaju šta drugi sede da odgovaraju. Ovo je prvi razlog za zbrku pitanja. Drugi je samo stvaranje veliki broj varijante istog testa.

Ove manipulacije donekle komplikuju program. Ovo će zahtijevati kreiranje niza, stavljanje svih pitanja, slika i odgovora u njega, a zatim miješanje svega nasumičnim redoslijedom.

U isto vrijeme, nisam uređivao datoteku "data.js".
Ovako izgleda varijabla koja sadrži niz: voprosi = [,,,,,,,,,,,,,,];

Peremeshat_vse_voprosi (voprosi);

Dodajem novu varijablu u data.js datoteku, u kojoj mogu odrediti da li da promiješam pitanja ili ne ("da" ili "ne").

Var peremeshat_voprosi = "da";

Primjer izlaza pitanja u html datoteci:

Document.getElementById ("v_1").InnerHTML = voprosi;

Test sa mogućnošću miješanja pitanja možete preuzeti na linku ispod.

Pošto su pitanja mješovita, rezultatu rada programa dodao sam ne samo odgovore učenika, već i tekst pitanja. Sve sam ovo spojio u jednu tabelu.

Preuzmite test šablon sa slikama

Preuzmi fajl: (Preuzimanja: 59)

Vizuelni dizajn programa testiranja

Testu su dodane sve osnovne funkcije. Pređimo sada na dizajn obrazovnog programa testiranja. Da skratim vrijeme dizajna, koristim besplatna biblioteka bootstrap.

Dodane su bibliotečke klase i zamijenjena gotovo sva svojstva za dizajn i testnih pitanja i izlazne tablice rezultata.
Dakle, sam test izgleda ovako:

A tabela odgovora izgleda ovako:

Imajte na umu da sam također dodao skalu koristeći biblioteku za pokretanje kako bih pokazao postotak ispravno završenih testnih zadataka.

dakle, najnoviju verziju(na ovog trenutka) već vizualno dizajniranog testa možete preuzeti sa linka ispod.

Skinuti puna verzija test šablon

Preuzmi fajl: (Preuzimanja: 246)

Odgovore za test možete kodirati na našoj web stranici.

Sada je stranica dostupna za provjeru znanja o sljedećim temama: Html, CSS, JavaScript, PHP, SQL.

Svaki test se sastoji od 10 pitanja na određenu temu. U svakom pitanju nastojao sam dotaknuti najrazličitija područja primjene određenog jezika kako bih što pažljivije provjerio nivo vašeg znanja.

Naravno, sve besplatni testovi i svako može proći kroz njih.

Procedura testiranja:

1. Pratite link " Počnite sa testiranjem"na odgovarajućem testu.
2. Odgovorite na postavljena pitanja odabirom jedini ispravna opcija.
3. Po završetku testiranja, vidjet ćete tvoj rezultat, broj grešaka, kao i analizu svakog pitanja od tijesta.

Pažnja! Nećete se moći vratiti na prethodno pitanje, pa razmislite prije nego što odgovorite.

Trenutno dostupni testovi

1. Html

   • Ukupno položen test: 67354 ljudi
   • Prosječna ocjena: 2,85 od 5 bodova.

   Osnovni test Html... Morat ćete znati osnovne HTML oznake, kao i njihovu kompetentnu upotrebu. Također je potrebno razumjeti karakteristike standarda. XHTML 1.1.

2. CSS

   • Ukupno položen test: 29039 ljudi
   • Prosječna ocjena: 3.38 od 5 bodova.

   Testom se provjerava poznavanje osnova CSS... Da biste uspješno položili test, morate poznavati osnovne tipove selektora (njihovu sintaksu), znati osnovna svojstva i njihova moguće vrijednosti i također znaju svrhu najpopularnijih pseudo-elemenata.

3. JavaScript

   • Ukupno položen test: 22972 ljudi
   • Prosječna ocjena: 3.3 od 5 bodova.

   Ovaj test testira vaše znanje JavaScript... Test pitanja pokrivaju različita područja primjene ovog jezika... Mnogo je pitanja o razumijevanju "malih" nijansi. Za ostalo, od vas se traži da znate osnovne stvari: rad sa varijablama, osnovno JavaScript funkcije, prioriteti poslovanja i tako dalje.

4. PHP

   • Ukupno položen test: 31651 ljudi
   • Prosječna ocjena: 3.03 od 5 bodova.

   Ovaj test testira vaše znanje PHP jezik... Od vas se traži da znate osnove PHP konstrukcije, rad sa varijablama, sesijama, implementacija preusmjeravanja i druge standardne stvari.
   Ozbiljna molba: Test sadrži mnoga pitanja tipa: "Šta će ispisati skripta?" Veliki zahtjev, nema potrebe da ga kopirate i provjeravate. Budite iskreni prema sebi.

5. SQL

   • Ukupno položen test: 17168 ljudi
   • Prosječna ocjena: 3.29 od 5 bodova.

   Ovaj test testira vaše znanje jezika SQL upiti... Pitanja utiču samo na najviše osnovno znanje ovog jezika, bez ikakvog produbljivanja. Morat ćete znati najosnovnije SQL upite i koristiti ih mudro.

Tražili smo, tražili datoteku koju ste naveli, ali nikada nismo našli. To može biti u jednom od dva slučaja:

1. Uradio si nešto pogrešno.
2. Uradili smo nešto pogrešno.

Da sljedeći put ne upadneš slična situacija molim te slušaj kratko predavanje, koji objašnjava kako i zašto se pojavljuje stranica o grešci 404.

Kako i zašto se pojavljuje stranica o grešci 404

Vi ste se, naravno, često pitali zašto se prilikom kucanja adrese stranice ili klika na određeni link pojavi nešto sasvim drugačije od očekivanog, a misteriozna i nerazumljiva stranica koja sadrži informacije koje nam apsolutno nisu potrebne. Ne samo da dobijemo razočarenje, jer nam umjesto onoga što želimo, daju "luknu", već je i ova stranica obično prekrivena banerima, kao da je samo svi posjećuju.

Dakle, stranica o grešci 404 javlja se kao rezultat sljedećih situacija. A pošto čitate ovaj tekst, znači da ste u jednom od njih.

1. Adresa stranice je upisana sa greškom

Pa, pogrešno, to se nikome ne dešava. Pogledajte pažljivo i ponovo upišite adresu. Ako ste sigurni da ste sve ispravno upisali, prijeđite na sljedeću tačku.

2. Stranicu je premjestio ili obrisao administrator stranice

Postojala je stranica, ali je otplivala. Možda su ga uklonili, možda preimenovali, možda su ga premjestili, ili možda... Da, sve može. Jer administrator na sajtu može da radi šta hoće. Zato je on administrator! U ovom slučaju, ostaje samo da ga uhvatimo u mračnom uglu i ljubazno kažemo: „Kako to! Gdje je stranica sa obavezama, pitam zadnji put, stranica, pošto je tvoja takva, kuda ćeš? Vratite ga na mesto!" Nakon toga, svaka zdrava osoba, shvativši dubinu svoje zablude i potpune nesposobnosti, izvrši preusmeravanje sa adrese stara stranica na adresu novog. I sretni smo, možemo ponovo ukucati uobičajenu adresu, ne brinući više da li je tačna ili ne.

3. Programer je pogrešno naveo adresu veze

Još jednom, istorija se ponavlja iz mračnog ugla. Samo ovaj put smo uhvatili programera koji je napravio stranicu i napravio linkove na njoj. I opet, ljubaznim tonom, igrajući se hladnim oštrim predmetom u blizini njegovih mekih delova tela, molimo vas da sve uradite kako treba. Nakon ovako nevinog zahtjeva jednostavno je nemoguće odoljeti.

Nakon čitanja, možda ste pomislili da ste na ovoj stranici isključivo krivnjom autora ove stranice. Usuđujem se da vas uvjerim da nije tako. Pročitaj prvi pasus, tamo sve piše.

Ako želite poboljšati svoje razvojne vještine, bolji način do savršenstva - praksa. Evo nekoliko resursa za testiranje vašeg znanja HTML/CSS-a.

Zato je važno pronaći Različiti putevi vježbajte i identificirajte svoje snage i slabosti.
Praktično iskustvo vam pomaže da racionalno procijenite nedostatke u svom znanju i stalno poboljšavate svoje vještine. Štaviše, testiranje vašeg znanja će vas održati sigurnim da ostajete u toku sa najnovijim trendovima u svojoj oblasti.

Dakle, evo deset načina da testirate svoje znanje HTML-a i CSS-a i postanete profesionalniji web programer.

Započnite vlastiti projekat

Biti stručnjak za teoriju je sjajno, ali malo je vjerovatno da ćete dostići velike visine ako ne znate kako svoje ogromno znanje primijeniti u praksi. Zato započinjanje projekta - najbolji plan akcija za vas. U procesu razvoja, na primjer, vlastite web stranice, moći ćete označiti napredak i ocijeniti ostvarenje vaših ciljeva.

Takmičite se

Najbolji način da se testirate je da učestvujete u pravim takmičenjima u programiranju, na primer u zajednici. CodeWars... Kao igra se takmičite sa drugima pravi ljudi uče na sopstvenim greškama. Ali to ima smisla samo ako igrate pošteno.

Pridružite se zajednici

Ako je konkurencija prevelika Težak izbor za vas, posebno ako ste potpuni početnik, dobra opcija pridružit će se zajednici radi testiranja i daljeg učenja. U procesu komunikacije mnogo je lakše prepoznati svoje prednosti i slabosti i raditi na njima.

U isto vrijeme, zajednica je društvo talentiranih ljudi koji vam daju priliku i poticaj da se usavršavate. Učestvujući u diskusijama, možete bezbedno postavljati pitanja i dobiti informacije koje su vam potrebne.

Vježbajte u pješčaniku

Ovaj alat pokreće vaš kod i omogućava vam da vidite rezultat njegovog izvršenja. Projekti se pokreću u pretraživaču i mogu učestvovati u takmičenjima i takmičenjima, što će pokazati koliko visoka očekivanja mogu ispuniti.

Resurs sadrži mnogo projekata otvorenih za proučavanje, koji će vam omogućiti da shvatite kako oni rade i primijenite stečeno znanje u vlastitoj praksi. S vremena na vrijeme, kako bi se motivirali učesnici, na sajtu se održavaju takmičenja u kojima možete odmjeriti snage sa drugim programerima uz mogućnost da zauzmete visoke pozicije na ljestvici i osvojite nagrade.

Isprobajte slagalice i ankete

Postoji bezbroj upitnika i puzzle igara dostupnih na mreži koje pokrivaju HTML, CSS i druge programske jezike. Obično se nalaze na plaćenim stranicama kao dopuna kursevima obuke. Također možete vježbati sa iskusnijim mentorom.

Igraj

Nije tajna da ako se iznenada odlučite malo zabaviti, od ovog oblika treninga možete imati mnogo više koristi nego od suhoparne teorije i vježbi rješavanja. Dok igrate, zajedno sa vještinama programiranja dobijate zadovoljstvo, naboj pozitivnih utisaka i visoki nivo zadovoljstvo rezultatima. Igra čini novonastale zadatke življima i zanimljivijima, a samim tim pokreće maštu i kreativno razmišljanje.

Pronađite web stranicu s interaktivnim testovima

Najviše na jednostavan način objektivno procijeniti vještine programiranja je posjetiti stranicu radi testiranja. Testovi pružaju priliku za rad na raznim pitanjima i dobru praksu. Možete procijeniti svoj nivo prije i nakon polaganja bilo kojeg testa ili kursa testova.

Disciplinujte se

Važan dio procesa učenja i provjere vlastitog znanja je identifikacija najviše najbolji način postići maksimalnu produktivnost. Možete učestvovati u aktivnostima koje će vam pomoći da pronađete ovaj put. Na primjer, Čisti koderi je stranica koja pruža ovu priliku putem video zapisa za profesionalnu obuku. Štaviše, ovi videi su prilično zanimljivi, tako da ne morate brinuti o koncentraciji, bit ćete apsorbirani od prvih minuta.

Pogledajte svijet oko sebe

Stavite se pored programera iz cijelog svijeta. Tu je socijalna mreža, koji vam omogućava da kontaktirate slobodne programere iz više od stotinu zemalja širom svijeta. Naći ćete mnogo talentiranih ljudi, kao i priliku da procijenite svoje sposobnosti i naučite nove stvari.