Kako uporabljati selenium IDE s skripti & Ukazi (potrdi, preveri)

Kot testno spletno aplikacijo bomo uporabili spletno stran Mercury Tours. To je spletni sistem za rezervacijo letov, ki vsebuje vse elemente, ki jih potrebujemo za to vadnico. Njegov URL je http://demo.guru99.com/test/newtours/, in to bo naš osnovni URL.

Ustvari skript s snemanjem

Ustvarimo zdaj naš prvi testni skript v programu Selenium IDE po najpogostejši metodi - s snemanjem. Nato bomo izvedli naš scenarij s funkcijo predvajanja.

Korak 1

Zaženite Firefox in Selenium IDE.
Vnesite vrednost za naš osnovni URL: http://demo.guru99.com/test/newtours/.
Vklopite gumb Snemanje (če privzeto še ni vklopljen).

2. korak V Firefoxu pojdite na http://demo.guru99.com/test/newtours/. Firefox naj vas pripelje na podobno stran, kot je prikazana spodaj.
3. korak Z desno miškino tipko kliknite poljuben prazen prostor na strani, na primer logotip Mercury Tours v zgornjem levem kotu. Odprl se bo kontekstni meni Selenium IDE. Opomba: Ne kliknite na hiperpovezane predmete ali slike Izberite možnost "Prikaži razpoložljive ukaze". Nato izberite "assertTitle natančno: Dobrodošli: Mercury Tours." To je ukaz, ki zagotavlja, da je naslov strani pravilen.

4. korak V besedilno polje »Uporabniško ime« v programu Mercury Tours vnesite neveljavno uporabniško ime »invalidUNN«. V besedilno polje "Geslo" vnesite neveljavno geslo, "invalidPWD".

5. korak Kliknite gumb "Prijava". Firefox bi vas moral odpreti na tej strani.
6. korak Za zaustavitev snemanja izklopite gumb za snemanje. Zdaj bi moral biti vaš skript videti kot spodaj.
7. korak Zdaj, ko smo končali s testnim skriptom, ga bomo shranili v testni primer. V meniju Datoteka izberite "Shrani testni primer". Lahko pa preprosto pritisnete Ctrl + S.
8. korak Izberite želeno lokacijo in nato Test Case poimenujte kot "Invalid_login". Kliknite gumb "Shrani".
9. korak Upoštevajte, da je bila datoteka shranjena kot HTML.

10. korak

Vrnite se na Selenium IDE in kliknite gumb Predvajanje, da zaženete celoten skript. Selenium IDE bi moral biti sposoben brezhibno kopirati vse.

Uvod v selenske ukaze - selenese

Selenski ukazi imajo lahko največ dva parametra: ciljni in vrednostni.
Parametri niso ves čas potrebni. Odvisno od tega, koliko ukaza potrebuje.

3 vrste ukazov

Dejanja

To so ukazi, ki neposredno delujejo z elementi strani.

Primer: ukaz "klik" je dejanje, ker neposredno komunicirate z elementom, na katerega kliknete.

Ukaz "type" je tudi dejanje, ker v besedilno polje vstavljate vrednosti, ki vam jih v zameno prikaže. Med vami in besedilnim poljem obstaja dvosmerna interakcija.

Accessors

So ukazi, ki omogočajo shranjevanje vrednosti v spremenljivko.

Primer: ukaz "storeTitle" je dostop, ker le "prebere" naslov strani in ga shrani v spremenljivko. Ne vpliva na noben element na strani.

Trditve

So ukazi, ki preverjajo, ali je določen pogoj izpolnjen.

3 Vrste trditev

Uveljavi . Ko ukaz "assert" ne uspe, se preskus takoj ustavi.
Preverite . Ko ukaz "preveri" ne uspe, Selenium IDE to napako zabeleži in nadaljuje s preizkusom.
Počakaj . Preden nadaljujete z naslednjim ukazom, bodo ukazi "waitFor" najprej počakali, da določen pogoj postane resničen.
- Če stanje v čakalnem obdobju postane resnično, korak preide.
- Če pogoj ne postane resničen, korak ne uspe. Napaka je zabeležena in izvajanje preizkusa se nadaljuje na naslednji ukaz.
- Privzeto je vrednost časovne omejitve nastavljena na 30 sekund. To lahko spremenite v pogovornem oknu Selenium IDE Options na zavihku General.

Uveljavi in preveri

Skupni ukazi

Ukaz	Število parametrov	Opis
odprto	0 - 2	Odpre stran z URL-jem.
click / clickAndWait	1.	Kliki določenega elementa.
type / typeKeys	2.	Vnese zaporedje znakov.
verifyTitle / assertTitle	1.	Primerja dejanski naslov strani s pričakovano vrednostjo.
verifyTextPresent	1.	Preveri, ali je na strani določeno besedilo.
verifyElementPresent	1.	Preveri prisotnost določenega elementa.
verifyTable	2.	Primerja vsebino tabele s pričakovanimi vrednostmi.
waitForPageToLoad	1.	Začasno ustavi izvajanje, dokler se stran ne naloži v celoti.
waitForElementPresent	1.	Začasno ustavi izvajanje, dokler navedeni element ne postane prisoten.

S Firebugom ročno ustvarite skript

Zdaj bomo isti testni primer znova ustvarili ročno, tako da vtipkamo ukaze. Tokrat bomo morali uporabiti Firebug.

Korak 1

Odprite Firefox in Selenium IDE.
Vnesite osnovni URL (http://demo.guru99.com/test/newtours/).
Gumb za snemanje mora biti IZKLOPLJEN.

2. korak: Kliknite zgornjo prazno vrstico v urejevalniku.

V besedilno polje Command vnesite "open" in pritisnite Enter.

3. korak

Poiščite Firefox do našega osnovnega URL-ja in aktivirajte Firebug
V podoknu urejevalnika IDE Selenium izberite drugo vrstico (vrstica pod ukazom "odpri") in ustvarite drugi ukaz, tako da v polje Ukaz vnesete "assertTitle".
Uporabite funkcijo samodokončanja.

4. korak

V Firebugu razširite oznako , da se prikaže oznaka .</li> <li>Kliknite vrednost oznake <title> (ki je »Dobrodošli: Mercury Tours«) in jo prilepite v polje Target v urejevalniku.</li> </ul> </td> </tr> <tr> <td><strong>5. korak</strong> <ul> <li>Če želite ustvariti tretji ukaz, kliknite tretjo prazno vrstico v urejevalniku in vnesite "vrsto" v besedilno polje Ukaz.</li> <li>V Firebugu kliknite gumb "Preveri".</li> </ul> </td> </tr> <tr> <td>Kliknite besedilno polje Uporabniško ime. Upoštevajte, da vam Firebug samodejno prikaže kodo HTML za ta element.</td> </tr> <tr> <td><strong>6. korak</strong> <p>Upoštevajte, da besedilno polje Uporabniško ime nima ID-ja, ima pa atribut NAME. Zato bomo njegovo ime uporabili kot lokator. Kopirajte vrednost NAME in jo prilepite v polje Target v programu Selenium IDE.</p> <p>Še vedno v besedilnem polju Ciljna predpona "userName" z "name =", kar pomeni, da mora Selenium IDE ciljati na element, katerega atribut NAME je "userName".</p> <p>V besedilno polje Value v programu Selenium IDE vnesite "invalidUN". Vaš testni skript bi moral zdaj izgledati kot spodnja slika. Končali smo s tretjim ukazom. Opomba: Namesto neveljavnega UN lahko vnesete kateri koli drug besedilni niz. Toda Selenium IDE razlikuje med velikimi in malimi črkami in vrednosti / atribute vnašate natanko tako kot v aplikaciji.</p> </td> </tr> <tr> <td><strong>7. korak</strong> <ul> <li>Če želite ustvariti četrti ukaz, v besedilno polje Ukaz vnesite "type".</li> <li>Znova uporabite Firebugov gumb "Preveri", da dobite lokator za besedilno polje "Geslo".</li> </ul> <ul> <li> <p>Atribut NAME ("geslo") prilepite v polje Target in mu dodajte predpono "name ="</p> </li> <li> <p>V polje Value v programu Selenium IDE vnesite "invalidPW". Vaš testni skript bi moral zdaj izgledati kot spodnja slika.</p> </li> </ul> </td> </tr> <tr> <td><strong>8. korak</strong> <ul> <li>Za peti ukaz vnesite "clickAndWait" v besedilno polje Command v programu Selenium IDE.</li> <li>Uporabite Firebugov gumb "Preveri", da dobite lokator za gumb "Prijava".</li> </ul> <ul> <li>Vrednost atributa NAME ("prijava") prilepite v besedilno polje Target in predpono vpišite "name =".</li> <li>Vaš testni skript bi moral zdaj izgledati kot spodnja slika.</li> </ul> </td> </tr> </tbody> </table> <p><strong>9. korak:</strong> Testni primer shranite na enak način kot v prejšnjem poglavju.</p> <a id="menu-6"></a> <h2>Uporaba gumba za iskanje</h2> <p><strong>Gumb Poišči v programu Selenium IDE se uporablja za preverjanje, ali je tisto, kar smo dali v besedilno polje Target, res pravilen element uporabniškega vmesnika.</strong></p> <p>Uporabimo testni primer Invalid_login, ki smo ga ustvarili v prejšnjih razdelkih. Kliknite kateri koli ukaz z vnosom Target, recimo tretji ukaz.</p> <p>Kliknite gumb Najdi. Opazite, da bo polje z imenom uporabnika na strani Mercury Tours za trenutek označeno.</p> <p>To pomeni, da je Selenium IDE lahko pravilno zaznal in prišel do pričakovanega elementa. Če je gumb Najdi označil drug element ali ga sploh ni, potem mora biti z vašim skriptom nekaj narobe.</p> <a id="menu-7"></a> <h2>Izvedi ukaz</h2> <p><strong>To vam omogoča izvajanje katerega koli posameznega ukaza, ne da bi zagnali celoten testni primer</strong> . Preprosto kliknite vrstico, ki jo želite izvesti, in nato v menijski vrstici kliknite "Dejanja> Izvedi ta ukaz" ali preprosto pritisnite "X" na tipkovnici.</p> <p><strong>Korak 1.</strong> Prepričajte se, da je vaš brskalnik na domači strani Mercury Tours. Kliknite ukaz, ki ga želite izvršiti. V tem primeru kliknite vrstico "type | userName | invalidUN".</p> <p><strong>Korak 2.</strong> Pritisnite "X" na tipkovnici.</p> <p><strong>Korak 3.</strong> Upoštevajte, da se besedilno polje za uporabniško ime zapolni z besedilom "invalidUN"</p> <p><strong>Izvajanje ukazov na ta način je zelo odvisno od strani, ki jo Firefox trenutno prikazuje</strong> . To pomeni, da če poskusite zgornji primer z prikazano Googlovo domačo stran namesto Mercury Tours, potem vaš korak ne bo uspel, ker na Googlovi domači strani ni besedilnega polja z atributom "userName".</p> <a id="menu-8"></a> <h2>Začetna točka</h2> <p><strong>Začetna točka je indikator, ki sporoča Selenium IDE, v katerih vrsticah se bo začelo izvajanje</strong> . <strong>Njegova bližnjična tipka je "S".</strong></p> <p>V zgornjem primeru se bo predvajanje začelo v tretji vrstici (vnesite | geslo | neveljaven PW). <strong>V enem preskusnem skriptu lahko imate samo eno začetno točko.</strong></p> <p>Začetna točka je podobna izvedbi Command, tako da je odvisna od trenutno prikazane strani. Začetek ne bo uspel, če ste na napačni strani.</p> <a id="menu-9"></a> <h2>Mejne vrednosti</h2> <p>Mejne vrednosti so kazalniki, ki sporočajo, da Selenium IDE samodejno zaustavi test. <strong>Bližnjična tipka je "B".</strong></p> <p>Rumena oznaka pomeni, da je trenutni korak v teku. To dokazuje, da je Selenium IDE zaustavil izvajanje na tem koraku. <strong>V enem testnem primeru lahko imate več mejnih vrednosti.</strong></p> <a id="menu-10"></a> <h2>Korak</h2> <p>Omogoča vam, da po zaustavitvi testnega primera izvajate naslednje zaporedne ukaze. Uporabimo scenarij v prejšnjem poglavju "Točke preloma."</p> <table> <tbody> <tr> <td width="50%"> </td> <td> <p><strong>Preden kliknete »Korak«.</strong></p> <p>Testni primer se ustavi v vrstici "clickAndWait | prijava".</p> </td> </tr> <tr> <td width="50%"> </td> <td> <p><strong>Po kliku na "Korak".</strong></p> <p>Vrstica "clickAndWait | prijava" se zažene in zaustavi naslednji ukaz (verifyTitle | Prijava: Mercury Tours).</p> <p>Upoštevajte, da je naslednja vrstica zaustavljena, čeprav tam ni točke preloma. To je glavni namen funkcije Step - izvaja zaporedne ukaze enega za drugim, da vam omogoči več časa za pregled rezultata po vsakem koraku.</p> </td> </tr> </tbody> </table> <a id="menu-11"></a> <h2>Pomembne stvari, ki jih je treba upoštevati pri uporabi drugih formatov v izvornem pogledu</h2> <p><strong>Selenium IDE dobro deluje samo z HTML-jem - druge oblike so še vedno v eksperimentalnem načinu</strong> . To je <strong>ni priporočljivo</strong> , da ustvarjanje in urejanje testi uporabo drugih formatov v Vir View, saj je pred nami še veliko dela je potrebno, da bi bilo stabilno. Spodaj so znane napake od različice 1.9.1.</p> <ul> <li>Predvajanja ne boste mogli izvajati niti preklopiti nazaj na pogled tabele, če se ne vrnete v HTML.</li> <li>Edini način za varno dodajanje ukazov v izvorno kodo je njihov zapis.</li> <li>Ko ročno spremenite izvorno kodo, se bo ob preklopu v drugo obliko izgubila vsa.</li> <li>Čeprav lahko testni primer shranite v izvornem pogledu, ga Selenium IDE ne bo mogel odpreti.</li> </ul> <p><strong>Priporočen način za pretvorbo selenskih testov je uporaba možnosti "Izvozi testni primer kot ..." v meniju Datoteka in ne prek Pogled vira.</strong></p> <a id="menu-12"></a> <h2>Povzetek</h2> <ul> <li>Testne skripte lahko ustvarite tako, da ukaze in parametre vnesete ročno.</li> <li>Pri ročnem ustvarjanju skriptov se Firebug uporablja za iskanje lokatorja.</li> <li>Gumb Najdi se uporablja za preverjanje, ali ukaz lahko dostopa do pravilnega elementa.</li> <li>Pogled tabele prikazuje preskusni skript v obliki tabele, medtem ko ga izvorni pogled prikaže v obliki HTML.</li> <li>Spreminjanje pogleda vira v format, ki ni HTML, je še vedno poskusno.</li> <li>Ne uporabljajte izvornega pogleda pri ustvarjanju testov v drugih oblikah. Namesto tega uporabite funkcije za izvoz.</li> <li>Parametri niso ves čas potrebni. Odvisno od ukaza.</li> <li>Obstajajo tri vrste ukazov:</li> <ul> <li>Dejanja - neposredno komunicira z elementi strani</li> <li>Accessors - "bere" lastnost elementa in ga shrani v spremenljivko</li> <li>Trditve - primerja dejansko vrednost s pričakovano</li> </ul> <li>Trditve imajo tri vrste:</li> <ul> <li>Trdi - ob neuspehu se naslednji koraki ne izvajajo več</li> <li>Preveri - ob neuspehu se naslednji koraki še vedno izvedejo.</li> <li>WaitFor - preide, če navedeni pogoj postane resničen v časovnem obdobju; v nasprotnem primeru ne bo uspelo</li> </ul> <li>Najpogostejši ukazi so:</li> <ul> <li>odprto</li> <li>click / clickAndWait</li> <li>type / typeKeys</li> <li>verifyTitle / assertTitle</li> <li>verifyTextPresent</li> <li>verifyElementPresent</li> <li>verifyTable</li> <li>waitForPageToLoad</li> <li>waitForElementPresent</li> </ul> </ul> </div> </article> </div> </div> </div> </div> </div> <aside class="col-lg-4 sidebar sidebar--right"> <div class="widget widget-popular-posts"> <h2 class="widget-title">Priljubljene Objave</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8226198-15-best-github-alternatives-in-2021" title="15 najboljših alternativ Github v letu 2021" rel="bookmark"><img src="https://cdn.css-code.org/3934565/15_best_github_alternatives_in_2021.png.webp" loading="lazy" alt="15 najboljših alternativ Github v letu 2021" title="15 najboljših alternativ Github v letu 2021" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8226198-15-best-github-alternatives-in-2021" title="15 najboljših alternativ Github v letu 2021" rel="bookmark">15 najboljših alternativ Github v letu 2021 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8226200-20-best-front-end-web-development-tools-and-software-in-2021" title="20 Best Front End Web Development Tools & Software in 2021" rel="bookmark"><img src="https://cdn.css-code.org/1186980/20_best_front_end_web_development_tools_ampamp_software_in_2021.png.webp" loading="lazy" alt="20 Best Front End Web Development Tools & Software in 2021" title="20 Best Front End Web Development Tools & Software in 2021" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8226200-20-best-front-end-web-development-tools-and-software-in-2021" title="20 Best Front End Web Development Tools & Software in 2021" rel="bookmark">20 Best Front End Web Development Tools & Software in 2021 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8226201-21-best-ccleaner-alternatives-in-2021-freepaid" title="21 najboljših CCleaner alternativ v letu 2021 (brezplačno / plačljivo)" rel="bookmark"><img src="https://cdn.css-code.org/9285863/21_best_ccleaner_alternatives_in_2021_freepaid.png.webp" loading="lazy" alt="21 najboljših CCleaner alternativ v letu 2021 (brezplačno / plačljivo)" title="21 najboljših CCleaner alternativ v letu 2021 (brezplačno / plačljivo)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8226201-21-best-ccleaner-alternatives-in-2021-freepaid" title="21 najboljših CCleaner alternativ v letu 2021 (brezplačno / plačljivo)" rel="bookmark">21 najboljših CCleaner alternativ v letu 2021 (brezplačno / plačljivo) 2025</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Najboljše ocene za mesec</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003962-get-geo-ip-information" title="Pridobite informacije o Geo-IP - CSS-triki" rel="bookmark">Pridobite informacije o Geo-IP - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003964-http-or-https" title="HTTP ali HTTPS - CSS-triki" rel="bookmark">HTTP ali HTTPS - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003965-import-csv-into-mysql" title="Uvozi CSV v MySQL - CSS-triki" rel="bookmark">Uvozi CSV v MySQL - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003966-insert-element-every-nth-loop" title="Vstavi element v vsako n-to zanko - CSS-triki" rel="bookmark">Vstavi element v vsako n-to zanko - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003967-increase-maximum-php-upload-size" title="Povečaj največjo velikost nalaganja PHP - CSS-triki" rel="bookmark">Povečaj največjo velikost nalaganja PHP - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003968-display-styled-directory-contents" title="Prikaži stilizirano vsebino imenika - CSS-triki" rel="bookmark">Prikaži stilizirano vsebino imenika - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003969-login-function" title="Funkcija prijave - CSS-triki" rel="bookmark">Funkcija prijave - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003970-make-random-number" title="Naredi naključno številko - CSS-triki" rel="bookmark">Naredi naključno številko - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003971-mysql-backup-class" title="MySQL Backup Class - CSS-triki" rel="bookmark">MySQL Backup Class - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003972-intelligent-php-cache-control" title="Inteligentni nadzor predpomnilnika PHP - CSS-triki" rel="bookmark">Inteligentni nadzor predpomnilnika PHP - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003973-mysql-database-access-class" title="Razred dostopa do baze podatkov MySQL - CSS-triki" rel="bookmark">Razred dostopa do baze podatkov MySQL - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003974-mysql-restore-class" title="Obnovitveni razred MySQL - CSS-triki" rel="bookmark">Obnovitveni razred MySQL - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003975-pagination-function" title="Paginacijska funkcija - CSS-triki" rel="bookmark">Paginacijska funkcija - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003976-parse-json" title="Razčleni JSON - CSS-triki" rel="bookmark">Razčleni JSON - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8003977-perform-function-on-each-item-of-an-array" title="Opravite funkcijo na vsakem elementu polja - CSS-triki" rel="bookmark">Opravite funkcijo na vsakem elementu polja - CSS-triki</a></h3> </div> </div> </li> </ul> </div> <div class="widget widget-popular-posts"> <h2 class="widget-title">Top Članki</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225135-python-tuple-pack-unpack-compare-slicing-delete-key" title="Python TUPLE - pakiranje, razpakiranje, primerjava, rezanje, brisanje, ključ" rel="bookmark"><img src="https://cdn.css-code.org/3621525/python_tuple_-_pack-_unpack-_compare-_slicing-_delete-_key.png.webp" loading="lazy" alt="Python TUPLE - pakiranje, razpakiranje, primerjava, rezanje, brisanje, ključ" title="Python TUPLE - pakiranje, razpakiranje, primerjava, rezanje, brisanje, ključ" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225135-python-tuple-pack-unpack-compare-slicing-delete-key" title="Python TUPLE - pakiranje, razpakiranje, primerjava, rezanje, brisanje, ključ" rel="bookmark">Python TUPLE - pakiranje, razpakiranje, primerjava, rezanje, brisanje, ključ 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225136-python-dictionary-append-how-to-add-keyvalue-pair" title="Dodatek slovarja Python: Kako dodati par ključ / vrednost" rel="bookmark"><img src="https://cdn.css-code.org/9237872/python_dictionary_append_how_to_add_keyvalue_pair.png.webp" loading="lazy" alt="Dodatek slovarja Python: Kako dodati par ključ / vrednost" title="Dodatek slovarja Python: Kako dodati par ključ / vrednost" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225136-python-dictionary-append-how-to-add-keyvalue-pair" title="Dodatek slovarja Python: Kako dodati par ključ / vrednost" rel="bookmark">Dodatek slovarja Python: Kako dodati par ključ / vrednost 2025</a></h3> </div> </div> </li><li class="post-list-small__item"> <div class="post-list-small__entry clearfix"> <div class="post-list-small__img-holder"> <div class="thumb-container thumb-100"><a href="/8225137-python-variables-how-to-definedeclare-string-variable-types" title="Python spremenljivke: Kako določiti / razglasiti vrste spremenljivk niza" rel="bookmark"><img src="https://cdn.css-code.org/3719606/python_variables_how_to_definedeclare_string_variable_types.png.webp" loading="lazy" alt="Python spremenljivke: Kako določiti / razglasiti vrste spremenljivk niza" title="Python spremenljivke: Kako določiti / razglasiti vrste spremenljivk niza" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div> </div> <div class="post-list-small__body"> <h3 class="post-list-small__entry-title"><a href="/8225137-python-variables-how-to-definedeclare-string-variable-types" title="Python spremenljivke: Kako določiti / razglasiti vrste spremenljivk niza" rel="bookmark">Python spremenljivke: Kako določiti / razglasiti vrste spremenljivk niza 2025</a></h3> </div> </div> </li> </ul> </div> </aside> </div> </div> <footer class="footer footer--dark"> <div class="container"> <div class="footer__widgets"> <div class="row"> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Priljubljene Objave</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226223-what-is-big-data-introduction-types-characteristics-example" title="Kaj so VELIKI PODATKI? Uvod, vrste, značilnosti, primer" rel="bookmark">Kaj so VELIKI PODATKI? Uvod, vrste, značilnosti, primer</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226224-20-best-aws-competitors-and-alternatives-in-2021" title="20 NAJBOLJŠIH tekmovalcev AWS & Alternative leta 2021" rel="bookmark">20 NAJBOLJŠIH tekmovalcev AWS & Alternative leta 2021</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226227-sqoop-tutorial-what-is-apache-sqoop-architecture-and-example" title="Vadnica za Sqoop: Kaj je Apache Sqoop? Arhitektura & Primer" rel="bookmark">Vadnica za Sqoop: Kaj je Apache Sqoop? Arhitektura & Primer</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226235-hdfs-tutorial-architecture-read-and-write-operation-using-java-api" title="HDFS Vadnica: Arhitektura, branje & Pisanje operacij z uporabo Java API" rel="bookmark">HDFS Vadnica: Arhitektura, branje & Pisanje operacij z uporabo Java API</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226347-hadoop-and-mapreduce-examples-create-first-program-in-java" title="Hadoop & Primeri Mapreduce: ustvarite prvi program v Javi" rel="bookmark">Hadoop & Primeri Mapreduce: ustvarite prvi program v Javi</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Izbira Urednika</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004145-10-fixed-width-fluid-width-and-elastic-width" title="# 10: Fiksna širina, širina tekočine in elastična širina - CSS-triki" rel="bookmark"># 10: Fiksna širina, širina tekočine in elastična širina - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004146-111-get-yourself-preprocessing-in-just-a-few-minutes" title="# 111: Pripravite se na predhodno obdelavo v nekaj minutah - CSS-triki" rel="bookmark"># 111: Pripravite se na predhodno obdelavo v nekaj minutah - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004147-109-getting-off-ftp-and-onto-git-deployment-with-beanstalk" title="# 109: Izstop iz FTP-a in v Git Deployment z Beanstalk - CSS-triki" rel="bookmark"># 109: Izstop iz FTP-a in v Git Deployment z Beanstalk - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004149-110-quick-overview-of-css-position-values" title="# 110: Kratek pregled vrednosti položajev CSS - CSS-triki" rel="bookmark"># 110: Kratek pregled vrednosti položajev CSS - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8004150-112-using-codepen" title="# 112: Uporaba CodePena - CSS-triki" rel="bookmark"># 112: Uporaba CodePena - CSS-triki</a></h3> </div> </div> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="widget"> <h2 class="widget-title">Top Članki</h2> <ul class="post-list-small"> <li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002898-caret" title="Kareta - CSS-triki" rel="bookmark">Kareta - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002899-clip-path" title="Clip-path - CSS-triki" rel="bookmark">Clip-path - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002900-column-rule" title="Pravilo stolpca - CSS-triki" rel="bookmark">Pravilo stolpca - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002901-aspect-ratio" title="Razmerje stranic - CSS-triki" rel="bookmark">Razmerje stranic - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8002902-color-adjust" title="Prilagoditev barve - CSS-triki" rel="bookmark">Prilagoditev barve - CSS-triki</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright sl.css-code.org, 2025 Oktober | <a href="https://sl.css-code.org/about-site" title="O spletnem mestu">O spletnem mestu</a> | <a href="https://sl.css-code.org/contacts" title="Stiki">Stiki</a> | <a href="https://sl.css-code.org/privacy-policy" title="Politika zasebnosti.">Politika zasebnosti.</a>. </p> </div> </div> </footer> <link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" /> </body> </html>