Krok 4
- W Firebug rozwiń tag , aby wyświetlić tag .</li>
<li>Kliknij wartość tagu <title> (czyli „Welcome: Mercury Tours”) i wklej ją w polu Target w Edytorze.</li>
</ul>
</td>
</tr>
<tr> <td><strong>Krok 5</strong>
<ul>
<li>Aby utworzyć trzecie polecenie, kliknij trzecią pustą linię w Edytorze i wpisz „typ” w polu tekstowym Polecenie.</li>
<li>W Firebug kliknij przycisk „Sprawdź”.</li>
</ul>
</td>
</tr>
<tr> <td>Kliknij pole tekstowe Nazwa użytkownika. Zauważ, że Firebug automatycznie wyświetla kod HTML dla tego elementu.</td>
</tr>
<tr> <td><strong>Krok 6</strong>
<p>Zwróć uwagę, że pole tekstowe Nazwa użytkownika nie ma identyfikatora, ale ma atrybut NAZWA. Będziemy zatem używać jego NAZWY jako lokalizatora. Skopiuj wartość NAME i wklej ją do pola Target w Selenium IDE.</p>
<p>Nadal w polu tekstowym Target przedrostek „nazwa_użytkownika” przedrostkiem „nazwa =”, co oznacza, że Selenium IDE powinno być skierowane na element, którego atrybut NAME to „nazwa_użytkownika”.</p>
<p>Wpisz „invalidUN” w polu tekstowym Wartość w Selenium IDE. Twój skrypt testowy powinien teraz wyglądać jak na poniższym obrazku. Skończyliśmy z trzecim poleceniem. Uwaga: Zamiast invalidUN, możesz wprowadzić dowolny inny ciąg tekstowy. Ale Selenium IDE rozróżnia wielkość liter i wpisujesz wartości / atrybuty dokładnie tak, jak w aplikacji.</p>
</td>
</tr>
<tr> <td><strong>Krok 7</strong>
<ul>
<li>Aby utworzyć czwarte polecenie, wpisz „typ” w polu tekstowym Polecenie.</li>
<li>Ponownie użyj przycisku „Sprawdź” Firebuga, aby uzyskać lokalizator pola tekstowego „Hasło”.</li>
</ul>
<ul>
<li>
<p>Wklej atrybut NAZWA („hasło”) do pola docelowego i poprzedz go ciągiem „nazwa =”</p>
</li>
<li>
<p>Wpisz „invalidPW” w polu Wartość w Selenium IDE. Twój skrypt testowy powinien teraz wyglądać jak na poniższym obrazku.</p>
</li>
</ul>
</td>
</tr>
<tr> <td><strong>Krok 8</strong>
<ul>
<li>W przypadku piątego polecenia wpisz „clickAndWait” w polu tekstowym Polecenie w środowisku Selenium IDE.</li>
<li>Użyj przycisku „Sprawdź” Firebuga, aby uzyskać lokalizator przycisku „Zaloguj się”.</li>
</ul>
<ul>
<li>Wklej wartość atrybutu NAZWA („login”) do pola tekstowego Cel i poprzedz go ciągiem „nazwa =”.</li>
<li>Twój skrypt testowy powinien teraz wyglądać jak na poniższym obrazku.</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p><strong>Krok 9:</strong> Zapisz przypadek testowy w taki sam sposób, jak zrobiliśmy w poprzedniej sekcji.</p>
<a id="menu-6"></a>
<h2>Korzystanie z przycisku Znajdź</h2>
<p><strong>Przycisk Znajdź w Selenium IDE służy do sprawdzenia, czy to, co umieściliśmy w polu tekstowym Target, jest rzeczywiście poprawnym elementem interfejsu użytkownika.</strong></p>
<p>Skorzystajmy z przypadku testowego Invalid_login, który stworzyliśmy w poprzednich sekcjach. Kliknij dowolną komendę z pozycją Cel, powiedzmy trzecią komendą.</p>
<p>Kliknij przycisk Znajdź. Zwróć uwagę, że pole tekstowe Nazwa użytkownika na stronie Mercury Tours zostanie podświetlone na sekundę.</p>
<p>Oznacza to, że Selenium IDE było w stanie poprawnie wykryć i uzyskać dostęp do oczekiwanego elementu. Jeśli przycisk Znajdź podświetlił inny element lub nie podświetlił go wcale, oznacza to, że coś jest nie tak z Twoim skryptem.</p>
<a id="menu-7"></a>
<h2>Wykonaj polecenie</h2>
<p><strong>Pozwala to na wykonanie dowolnego polecenia bez uruchamiania całego przypadku testowego</strong> . Po prostu kliknij linię, którą chcesz wykonać, a następnie kliknij „Działania> Wykonaj to polecenie” na pasku menu lub po prostu naciśnij „X” na klawiaturze.</p>
<p><strong>Krok 1.</strong> Upewnij się, że Twoja przeglądarka znajduje się na stronie głównej Mercury Tours. Kliknij polecenie, które chcesz wykonać. W tym przykładzie kliknij wiersz „typ | nazwa_użytkownika | nieprawidłowyUN”.</p>
<p><strong>Krok 2.</strong> Naciśnij „X” na klawiaturze.</p>
<p><strong>Krok 3.</strong> Zwróć uwagę, że pole tekstowe nazwy użytkownika zostanie wypełnione tekstem „invalidUN”</p>
<p><strong>Wykonywanie poleceń w ten sposób zależy w dużym stopniu od strony, którą Firefox aktualnie wyświetla</strong> . Oznacza to, że jeśli wypróbujesz powyższy przykład ze stroną główną Google wyświetloną zamiast Mercury Tours ', twój krok nie powiedzie się, ponieważ na stronie głównej Google nie ma pola tekstowego z atrybutem „nazwa_użytkownika”.</p>
<a id="menu-8"></a>
<h2>Punkt startu</h2>
<p><strong>Punkt początkowy to wskaźnik, który informuje Selenium IDE, w których wierszach rozpocznie się wykonanie</strong> . <strong>Jego klawisz skrótu to „S”.</strong></p>
<p>W powyższym przykładzie odtwarzanie rozpocznie się w trzeciej linii (wpisz | hasło | nieprawidłowyPW). <strong>W jednym skrypcie testowym możesz mieć tylko jeden punkt początkowy.</strong></p>
<p>Punkt początkowy jest podobny do polecenia Wykonaj polecenie, ponieważ jest zależny od aktualnie wyświetlanej strony. Punkt początkowy nie powiedzie się, jeśli jesteś na niewłaściwej stronie.</p>
<a id="menu-9"></a>
<h2>Punkty przerwania</h2>
<p>Punkty przerwania to wskaźniki, które informują Selenium IDE, gdzie automatycznie wstrzymać test. <strong>Klawisz skrótu to „B”.</strong></p>
<p>Żółte podświetlenie oznacza, że bieżący krok jest w toku. Dowodzi to, że Selenium IDE wstrzymało wykonywanie na tym kroku. <strong>W jednym przypadku testowym możesz mieć wiele punktów przerwania.</strong></p>
<a id="menu-10"></a>
<h2>Krok</h2>
<p>Pozwala na wykonywanie kolejnych poleceń pojedynczo po wstrzymaniu przypadku testowego. Skorzystajmy ze scenariusza z poprzedniej sekcji „Punkty przerwania”.</p>
<table>
<tbody>
<tr> <td width="50%"> </td> <td>
<p><strong>Przed kliknięciem „Krok”.</strong></p>
<p>Przypadek testowy zatrzymuje się w wierszu „clickAndWait | login”.</p>
</td>
</tr>
<tr> <td width="50%"> </td> <td>
<p><strong>Po kliknięciu „Krok”.</strong></p>
<p>Wiersz „clickAndWait | login” jest uruchamiany i zatrzymuje się na następnym poleceniu (verifyTitle | Sign-on: Mercury Tours).</p>
<p>Zauważ, że następna linia jest wstrzymana, mimo że nie ma tam punktu przerwania. Jest to główny cel funkcji Step - wykonuje kolejne polecenia pojedynczo, aby dać Ci więcej czasu na sprawdzenie wyniku po każdym kroku.</p>
</td>
</tr>
</tbody>
</table>
<a id="menu-11"></a>
<h2>Ważne rzeczy, o których należy pamiętać podczas używania innych formatów w widoku źródła</h2>
<p><strong>Selenium IDE działa dobrze tylko z HTML - inne formaty są nadal w trybie eksperymentalnym</strong> . To <strong>nie jest wskazane</strong> , aby utworzyć lub edytować testy przy użyciu innych formatów w tekst źródłowy, ponieważ jest jeszcze wiele pracy potrzeba, aby to stabilne. Poniżej znajdują się znane błędy z wersji 1.9.1.</p>
<ul>
<li>Nie będziesz w stanie odtworzyć ani przełączyć się z powrotem do widoku tabeli, chyba że powrócisz do HTML.</li>
<li>Jedynym sposobem na bezpieczne dodawanie poleceń do kodu źródłowego jest ich nagranie.</li>
<li>Gdy ręcznie zmodyfikujesz kod źródłowy, wszystko to zostanie utracone po przełączeniu się na inny format.</li>
<li>Chociaż możesz zapisać swój przypadek testowy w widoku źródła, Selenium IDE nie będzie w stanie go otworzyć.</li>
</ul>
<p><strong>Zalecanym sposobem konwersji testów Selenese jest użycie opcji „Eksportuj przypadek testowy jako…” w menu Plik, a nie w widoku źródła.</strong></p>
<a id="menu-12"></a>
<h2>Podsumowanie</h2>
<ul>
<li>Skrypty testowe można tworzyć poprzez nagrywanie lub ręczne wpisywanie poleceń i parametrów.</li>
<li>Podczas ręcznego tworzenia skryptów do pobrania lokalizatora używany jest Firebug.</li>
<li>Przycisk Znajdź służy do sprawdzenia, czy polecenie ma dostęp do właściwego elementu.</li>
<li>Widok tabeli wyświetla skrypt testowy w formie tabelarycznej, podczas gdy widok źródła wyświetla go w formacie HTML.</li>
<li>Zmiana widoku źródła na format inny niż HTML jest nadal eksperymentalna.</li>
<li>Nie używaj widoku źródła do tworzenia testów w innych formatach. Zamiast tego użyj funkcji eksportu.</li>
<li>Parametry nie są wymagane przez cały czas. To zależy od polecenia.</li>
<li>Istnieją trzy rodzaje poleceń:</li>
<ul>
<li>Akcje - bezpośrednio współdziała z elementami strony</li>
<li>Accessors - „czyta” właściwość elementu i zapisuje ją w zmiennej</li>
<li>Assertions - porównuje rzeczywistą wartość z oczekiwaną</li>
</ul>
<li>Asercje mają trzy typy:</li>
<ul>
<li>Assert - w przypadku niepowodzenia kolejne kroki nie są już wykonywane</li>
<li>Weryfikuj - w przypadku niepowodzenia kolejne kroki są nadal wykonywane.</li>
<li>WaitFor - przechodzi, jeśli określony warunek stanie się prawdziwy w określonym czasie; w przeciwnym razie nie powiedzie się</li>
</ul>
<li>Najpopularniejsze polecenia to:</li>
<ul>
<li>otwarty</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">Popularne Wiadomości</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="/8223658-overview-of-payroll-process-in-sap" title="Przegląd procesu płacowego w SAP" rel="bookmark"><img src="https://cdn.css-code.org/8816763/overview_of_payroll_process_in_sap.jpg.webp" loading="lazy" alt="Przegląd procesu płacowego w SAP" title="Przegląd procesu płacowego w SAP" 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="/8223658-overview-of-payroll-process-in-sap" title="Przegląd procesu płacowego w SAP" rel="bookmark">Przegląd procesu płacowego w SAP 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="/8223659-sap-qm-incomingraw-material-inspection-procedure-migo-qa32" title="Procedura kontroli przychodzącej / surowca SAP QM: MIGO, QA32" rel="bookmark"><img src="https://cdn.css-code.org/4205420/sap_qm_incomingraw_material_inspection_procedure_migo-_qa32.png.webp" loading="lazy" alt="Procedura kontroli przychodzącej / surowca SAP QM: MIGO, QA32" title="Procedura kontroli przychodzącej / surowca SAP QM: MIGO, QA32" 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="/8223659-sap-qm-incomingraw-material-inspection-procedure-migo-qa32" title="Procedura kontroli przychodzącej / surowca SAP QM: MIGO, QA32" rel="bookmark">Procedura kontroli przychodzącej / surowca SAP QM: MIGO, QA32 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="/8223660-how-to-configure-stms-sap-transport-management-system" title="Jak skonfigurować STMS (SAP Transport Management System)" rel="bookmark"><img src="https://cdn.css-code.org/8345106/how_to_configure_stms_sap_transport_management_system.png.webp" loading="lazy" alt="Jak skonfigurować STMS (SAP Transport Management System)" title="Jak skonfigurować STMS (SAP Transport Management System)" 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="/8223660-how-to-configure-stms-sap-transport-management-system" title="Jak skonfigurować STMS (SAP Transport Management System)" rel="bookmark">Jak skonfigurować STMS (SAP Transport Management System) 2025</a></h3>
</div>
</div>
</li>
</ul>
</div>
<div class="widget widget-popular-posts">
<h2 class="widget-title">Najlepsze opinii o miesiąc</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="/8222515-how-to-download-and-install-apache-jmeter-in-easy-steps" title="Jak pobrać & Zainstaluj Apache JMeter w prostych krokach" rel="bookmark">Jak pobrać & Zainstaluj Apache JMeter w prostych krokach</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="/8222517-jmeter-elements-thread-group-samplers-listeners-configuration" title="JMeter Elements: Thread Group, Samplers, Listeners, Configuration" rel="bookmark">JMeter Elements: Thread Group, Samplers, Listeners, Configuration</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="/8222518-jmeter-gui-test-plan-and-workbench" title="JMeter GUI: Test Plan & stoł warsztatowy" rel="bookmark">JMeter GUI: Test Plan & stoł warsztatowy</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="/8222519-how-to-use-jmeter-for-performance-and-load-testing" title="Jak używać narzędzia JMeter do zwiększania wydajności & Testowanie obciążenia" rel="bookmark">Jak używać narzędzia JMeter do zwiększania wydajności & Testowanie obciążenia</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="/8222520-jmeter-timers-constant-gaussian-random-uniform-example" title="Jmeter Timers: Constant, Gaussian Random, Uniform (przykład)" rel="bookmark">Jmeter Timers: Constant, Gaussian Random, Uniform (przykład)</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="/8222522-how-to-use-assertions-in-jmeter-response-example" title="Jak używać asercji w narzędziu JMeter (przykład odpowiedzi)" rel="bookmark">Jak używać asercji w narzędziu JMeter (przykład odpowiedzi)</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="/8222523-controllers-in-jmeter-loop-simple-transaction-module-random" title="Kontrolery w JMeter: Loop, Simple, Transaction, Module, Random" rel="bookmark">Kontrolery w JMeter: Loop, Simple, Transaction, Module, Random</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="/8222524-jmeter-distributed-remote-testing-master-slave-configuration" title="Jmeter Distributed (Remote) Testing: Konfiguracja Master Slave" rel="bookmark">Jmeter Distributed (Remote) Testing: Konfiguracja Master Slave</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="/8222525-processor-in-jmeter-preprocessor-and-postprocessor" title="Procesor w JMeter: PreProcessor & PostProcesor" rel="bookmark">Procesor w JMeter: PreProcessor & PostProcesor</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="/8222526-best-practices-for-your-jmeter-tests-and-load-testing" title="Najlepsze praktyki dotyczące testów Jmeter & Testowanie obciążenia" rel="bookmark">Najlepsze praktyki dotyczące testów Jmeter & Testowanie obciążenia</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="/8222528-http-proxy-server-in-jmeter-record-example-script" title="Serwer proxy HTTP w narzędziu JMeter: nagrywanie przykładowego skryptu" rel="bookmark">Serwer proxy HTTP w narzędziu JMeter: nagrywanie przykładowego skryptu</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="/8222529-best-8-jmeter-alternatives-in-2021" title="8 najlepszych alternatyw JMeter w 2021 roku" rel="bookmark">8 najlepszych alternatyw JMeter w 2021 roku</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="/8222530-top-23-jmeter-interview-questions-and-answers" title="23 najpopularniejsze pytania do wywiadów JMeter & Odpowiedzi" rel="bookmark">23 najpopularniejsze pytania do wywiadów JMeter & Odpowiedzi</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="/8222531-jmeter-tutorial-pdf-for-beginners-download-now" title="JMeter Tutorial PDF dla początkujących (Pobierz teraz)" rel="bookmark">JMeter Tutorial PDF dla początkujących (Pobierz teraz)</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="/8222532-spiral-model-when-to-use-advantages-and-disadvantages" title="Model spiralny: kiedy używać? Zalety & Niedogodności" rel="bookmark">Model spiralny: kiedy używać? Zalety & Niedogodności</a></h3>
</div>
</div>
</li>
</ul>
</div>
<div id="container-5533149ee6411a5f99b370c693e87966"></div> <div class="widget widget-popular-posts">
<h2 class="widget-title">Najpopularniejsze Artykuły</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="/8223003-15-rest-api-interview-question-and-answers" title="15 Rest API Pytanie do rozmowy kwalifikacyjnej & Odpowiedzi" rel="bookmark"><img src="https://cdn.css-code.org/9746438/15_rest_api_interview_question_ampamp_answers.png.webp" loading="lazy" alt="15 Rest API Pytanie do rozmowy kwalifikacyjnej & Odpowiedzi" title="15 Rest API Pytanie do rozmowy kwalifikacyjnej & Odpowiedzi" 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="/8223003-15-rest-api-interview-question-and-answers" title="15 Rest API Pytanie do rozmowy kwalifikacyjnej & Odpowiedzi" rel="bookmark">15 Rest API Pytanie do rozmowy kwalifikacyjnej & Odpowiedzi 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="/8223004-19-best-soapui-alternatives-in-2021" title="19 najlepszych alternatyw SoapUI w 2021 roku" rel="bookmark"><img src="https://cdn.css-code.org/9713930/19_best_soapui_alternatives_in_2021.png.webp" loading="lazy" alt="19 najlepszych alternatyw SoapUI w 2021 roku" title="19 najlepszych alternatyw SoapUI w 2021 roku" 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="/8223004-19-best-soapui-alternatives-in-2021" title="19 najlepszych alternatyw SoapUI w 2021 roku" rel="bookmark">19 najlepszych alternatyw SoapUI w 2021 roku 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="/8223005-role-and-responsibilities-of-test-manager-test-lead" title="Rola & Obowiązki kierownika testów / kierownika testów" rel="bookmark"><img src="https://cdn.css-code.org/2334107/role_ampamp_responsibilities_of_test_manager_test_lead.jpg.webp" loading="lazy" alt="Rola & Obowiązki kierownika testów / kierownika testów" title="Rola & Obowiązki kierownika testów / kierownika testów" 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="/8223005-role-and-responsibilities-of-test-manager-test-lead" title="Rola & Obowiązki kierownika testów / kierownika testów" rel="bookmark">Rola & Obowiązki kierownika testów / kierownika testów 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">Popularne Wiadomości</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004287-47-css-shorthand" title="# 47: Skrót CSS - CSS-Tricks" rel="bookmark"># 47: Skrót CSS - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004288-48-skinning-phpbb" title="# 48: Skórowanie phpBB - CSS-Tricks" rel="bookmark"># 48: Skórowanie phpBB - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004289-49-hodgepodge-of-photoshop-tricks" title="# 49: Hodgepodge of Photoshop Tricks - CSS-Tricks" rel="bookmark"># 49: Hodgepodge of Photoshop Tricks - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004290-51-a-lesson-learned-in-accessibility" title="# 51: Lekcja dotycząca dostępności - CSS-Tricks" rel="bookmark"># 51: Lekcja dotycząca dostępności - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004291-50-building-a-customized-and-dynamic-ordering-form" title="# 50: Tworzenie dostosowanego i dynamicznego formularza zamówienia - CSS-Tricks" rel="bookmark"># 50: Tworzenie dostosowanego i dynamicznego formularza zamówienia - CSS-Tricks</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Wybór Redakcji</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004228-182-babys-first-vue-sfc" title="# 182: Pierwsze Vue SFC dziecka - CSS-Tricks" rel="bookmark"># 182: Pierwsze Vue SFC dziecka - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004229-186-notion-for-web-development-teams" title="# 186: Pojęcie dla zespołów programistycznych - CSS-Tricks" rel="bookmark"># 186: Pojęcie dla zespołów programistycznych - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004230-183-art-directing-images-the-picture-element-and-image-cdns" title="# 183: Obrazy reżyserskie, element obrazu i sieci CDN obrazów - CSS-Tricks" rel="bookmark"># 183: Obrazy reżyserskie, element obrazu i sieci CDN obrazów - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004231-185-playing-with-css-masks" title="# 185: Zabawa z maskami CSS - CSS-Tricks" rel="bookmark"># 185: Zabawa z maskami CSS - CSS-Tricks</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8004232-18-introduction-to-the-band-website-template" title="# 18: Wprowadzenie do szablonu strony internetowej zespołu - CSS-Tricks" rel="bookmark"># 18: Wprowadzenie do szablonu strony internetowej zespołu - CSS-Tricks</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="widget">
<h2 class="widget-title">Najpopularniejsze Artykuły</h2>
<ul class="post-list-small">
<li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8224759-top-50-jsp-interview-questions-and-answers" title="50 najpopularniejszych pytań do wywiadów JSP & Odpowiedzi" rel="bookmark">50 najpopularniejszych pytań do wywiadów JSP & Odpowiedzi</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8224760-top-20-maven-interview-questions-and-answers" title="20 najpopularniejszych pytań do wywiadu Maven & Odpowiedzi" rel="bookmark">20 najpopularniejszych pytań do wywiadu Maven & Odpowiedzi</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8224761-what-is-data-analysis-research-types-methods-techniques" title="Co to jest analiza danych? Badania - Rodzaje - Metody - Techniki" rel="bookmark">Co to jest analiza danych? Badania - Rodzaje - Metody - Techniki</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8224762-kotlin-vs-java-whats-the-difference" title="Kotlin vs Java: jaka jest różnica?" rel="bookmark">Kotlin vs Java: jaka jest różnica?</a></h3>
</div>
</div>
</li><li class="post-list-small__item">
<div>
<div>
<h3 class="post-list-small__entry-title"><a href="/8224763-10-best-programming-language-to-learn-in-2021" title="10 najlepszych języków programowania do nauki w 2021 roku" rel="bookmark">10 najlepszych języków programowania do nauki w 2021 roku</a></h3>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<p>© Copyright pl.css-code.org, 2025 Luty |
<a href="https://pl.css-code.org/about-site" title="O stronie">O stronie</a> |
<a href="https://pl.css-code.org/contacts" title="Łączność">Łączność</a> |
<a href="https://pl.css-code.org/privacy-policy" title="Polityka prywatności">Polityka prywatności</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>
|
