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

Kazalo:

Anonim

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 id="container-5533149ee6411a5f99b370c693e87966"></div> </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="/8222582-payment-gateway-testing-tutorial-with-example-test-cases" title="Vadnica za testiranje plačilnega prehoda s primeri testnih primerov" rel="bookmark"><img src="https://cdn.css-code.org/1033716/payment_gateway_testing_tutorial_with_example_test_cases.png.webp" loading="lazy" alt="Vadnica za testiranje plačilnega prehoda s primeri testnih primerov" title="Vadnica za testiranje plačilnega prehoda s primeri testnih primerov" 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="/8222582-payment-gateway-testing-tutorial-with-example-test-cases" title="Vadnica za testiranje plačilnega prehoda s primeri testnih primerov" rel="bookmark">Vadnica za testiranje plačilnega prehoda s primeri testnih primerov 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="/8222583-mainframe-testing-complete-tutorial" title="Preskušanje glavnega računalnika - popolna vadnica" rel="bookmark"><img src="https://cdn.css-code.org/8789792/mainframe_testing_-_complete_tutorial.jpg.webp" loading="lazy" alt="Preskušanje glavnega računalnika - popolna vadnica" title="Preskušanje glavnega računalnika - popolna vadnica" 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="/8222583-mainframe-testing-complete-tutorial" title="Preskušanje glavnega računalnika - popolna vadnica" rel="bookmark">Preskušanje glavnega računalnika - popolna vadnica 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="/8222584-testing-retail-point-of-salepos-systems-example-test-cases" title="Testiranje sistemov prodajnih mest (POS): primeri testnih primerov" rel="bookmark"><img src="https://cdn.css-code.org/4135727/testing_retail_point_of_salepos_systems_example_test_cases.jpg.webp" loading="lazy" alt="Testiranje sistemov prodajnih mest (POS): primeri testnih primerov" title="Testiranje sistemov prodajnih mest (POS): primeri testnih primerov" 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="/8222584-testing-retail-point-of-salepos-systems-example-test-cases" title="Testiranje sistemov prodajnih mest (POS): primeri testnih primerov" rel="bookmark">Testiranje sistemov prodajnih mest (POS): primeri testnih primerov 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="/8003695-add-to-favorites-ie" title="Dodaj med priljubljene (IE) - CSS-triki" rel="bookmark">Dodaj med priljubljene (IE) - 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="/8003696-video-for-everybody-html5-video-with-flash-fallback" title="Video za vsakogar (HTML5 Video z Flash Fallback) - CSS-triki" rel="bookmark">Video za vsakogar (HTML5 Video z Flash Fallback) - 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="/8003697-alphabetizing-arrays-objects-and-arrays-of-objects" title="Abecedno določanje nizov, predmetov in nizov predmetov - CSS-triki" rel="bookmark">Abecedno določanje nizov, predmetov in nizov predmetov - 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="/8003698-async-script-loader-with-callback" title="Async Script Loader s povratnim klicem - CSS-triki" rel="bookmark">Async Script Loader s povratnim klicem - 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="/8003699-basic-alert" title="Osnovno opozorilo - CSS-triki" rel="bookmark">Osnovno opozorilo - 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="/8003700-auto-select-textarea-text" title="Samodejna izbira besedila besedila - CSS-triki" rel="bookmark">Samodejna izbira besedila besedila - 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="/8003701-async-sharing-buttons-g-facebook-twitter" title="Gumbi za asinhrono skupno rabo (G +, Facebook, Twitter) - CSS-triki" rel="bookmark">Gumbi za asinhrono skupno rabo (G +, Facebook, Twitter) - 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="/8003702-break-out-of-iframe" title="Izlomi se iz okvirja - CSS-triki" rel="bookmark">Izlomi se iz okvirja - 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="/8003703-bind-different-events-to-click-and-double-click" title="Povežite različne dogodke s klikom in dvojnim klikom - CSS-triki" rel="bookmark">Povežite različne dogodke s klikom in dvojnim klikom - 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="/8003704-check-if-font-family-is-honored" title="Preverite, ali je družina pisav spoštovana - CSS-triki" rel="bookmark">Preverite, ali je družina pisav spoštovana - 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="/8003705-array-of-country-names" title="Niz imen držav - CSS-triki" rel="bookmark">Niz imen držav - 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="/8003706-check-if-function-exists-before-calling" title="Pred klicem preverite, ali funkcija obstaja CSS-triki" rel="bookmark">Pred klicem preverite, ali funkcija obstaja 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="/8003707-check-if-number-is-evenodd" title="Preverite, ali je število sodo / liho - CSS-triki" rel="bookmark">Preverite, ali je število sodo / liho - 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="/8003708-put-comma-values-in-numbers" title="Vrednosti vejic vstavite v številke - CSS-triki" rel="bookmark">Vrednosti vejic vstavite v številke - 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="/8003709-clear-field-on-focus" title="Čisto polje v središču - CSS-triki" rel="bookmark">Čisto polje v središču - CSS-triki</a></h3> </div> </div> </li> </ul> </div> <div id="container-5533149ee6411a5f99b370c693e87966"></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="/8225209-glm-in-r-generalized-linear-model-with-example" title="GLM v R: Splošni linearni model s primerom" rel="bookmark"><img src="https://cdn.css-code.org/6736296/glm_in_r_generalized_linear_model_with_example.jpg.webp" loading="lazy" alt="GLM v R: Splošni linearni model s primerom" title="GLM v R: Splošni linearni model s primerom" 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="/8225209-glm-in-r-generalized-linear-model-with-example" title="GLM v R: Splošni linearni model s primerom" rel="bookmark">GLM v R: Splošni linearni model s primerom 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="/8225210-mysql-update-query-with-example" title="Poizvedba za posodobitev MySQL s primerom" rel="bookmark"><img src="https://cdn.css-code.org/5845501/mysql_update_query_with_example.png.webp" loading="lazy" alt="Poizvedba za posodobitev MySQL s primerom" title="Poizvedba za posodobitev MySQL s primerom" 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="/8225210-mysql-update-query-with-example" title="Poizvedba za posodobitev MySQL s primerom" rel="bookmark">Poizvedba za posodobitev MySQL s primerom 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="/8225211-29-best-mac-app-software-in-2021-freepaid" title="29 NAJBOLJŠIH programov za Mac v letu 2021 (brezplačno / plačljivo)" rel="bookmark"><img src="https://cdn.css-code.org/1038721/29_best_mac_app_software_in_2021_freepaid.png.webp" loading="lazy" alt="29 NAJBOLJŠIH programov za Mac v letu 2021 (brezplačno / plačljivo)" title="29 NAJBOLJŠIH programov za Mac 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="/8225211-29-best-mac-app-software-in-2021-freepaid" title="29 NAJBOLJŠIH programov za Mac v letu 2021 (brezplačno / plačljivo)" rel="bookmark">29 NAJBOLJŠIH programov za Mac v letu 2021 (brezplačno / plačljivo) 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="/8003834-fade-image-into-another-image" title="Zbledi sliko na drugo sliko - CSS-triki" rel="bookmark">Zbledi sliko na drugo sliko - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003835-fixing-ie-z-index" title="Določitev z indeksa IE - CSS-triki" rel="bookmark">Določitev z indeksa IE - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003837-get-an-images-native-width" title="Pridobite izvorno širino slik - CSS-triki" rel="bookmark">Pridobite izvorno širino slik - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003838-get-query-params-as-object" title="Pridobi poizvedbene parametre kot predmet - CSS-triki" rel="bookmark">Pridobi poizvedbene parametre kot predmet - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003839-fixing-load-in-ie-for-cached-images" title="Popravljanje .load () v IE za predpomnjene slike - CSS-triki" rel="bookmark">Popravljanje .load () v IE za predpomnjene slike - CSS-triki</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="/8226609-binary-classification-in-tensorflow-linear-classifier-example" title="Binarna klasifikacija v TensorFlow: primer linearnega klasifikatorja" rel="bookmark">Binarna klasifikacija v TensorFlow: primer linearnega klasifikatorja</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226610-gaussian-kernel-in-machine-learning-kernel-methods-examples" title="Gaussovo jedro v strojnem učenju: primeri jedrnih metod" rel="bookmark">Gaussovo jedro v strojnem učenju: primeri jedrnih metod</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226611-tensorflow-image-classification-cnnconvolutional-neural-network" title="Klasifikacija slik TensorFlow: CNN (konvolucijska nevronska mreža)" rel="bookmark">Klasifikacija slik TensorFlow: CNN (konvolucijska nevronska mreža)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226612-17-best-r-programming-books-2021-update" title="17 najboljših knjig za programiranje R (posodobitev 2021)" rel="bookmark">17 najboljših knjig za programiranje R (posodobitev 2021)</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8226613-10-best-tensorflow-books-2021-update" title="10 NAJBOLJŠIH knjig TensorFlow (posodobitev 2021)" rel="bookmark">10 NAJBOLJŠIH knjig TensorFlow (posodobitev 2021)</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="/8003377-079-moving-the-live-database-local" title="# 079: Premikanje lokalne podatkovne baze v živo - CSS-triki" rel="bookmark"># 079: Premikanje lokalne podatkovne baze v živo - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003378-105-building-snippets-area-part-2-html-and-css" title="# 105: Območje delnih delčkov, 2. del (HTML in CSS) - CSS-triki" rel="bookmark"># 105: Območje delnih delčkov, 2. del (HTML in 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="/8003379-078-moving-to-wordpress-creating-a-theme" title="# 078: Prehod na WordPress, ustvarjanje teme - CSS-triki" rel="bookmark"># 078: Prehod na WordPress, ustvarjanje teme - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003380-101-almanac-styling-part-2" title="# 101: Oblikovanje almanaha, 2. del - CSS-triki" rel="bookmark"># 101: Oblikovanje almanaha, 2. del - CSS-triki</a></h3> </div> </div> </li><li class="post-list-small__item"> <div> <div> <h3 class="post-list-small__entry-title"><a href="/8003381-102-almanac-styling-part-3" title="# 102: Oblikovanje almanaha, 3. del - CSS-triki" rel="bookmark"># 102: Oblikovanje almanaha, 3. del - CSS-triki</a></h3> </div> </div> </li> </ul> </div> </div> </div> <p>© Copyright sl.css-code.org, 2025 Januar | <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>