Ucz się z Ruszkowiakami! – Strona 3 – ZSZ im. J. Ruszkowskiego w Pułtusku

Lista i wykorzystanie atrybutów globalnych HTML

3 stycznia, 2024

LISTY NIENUMEROWANE <UL> I NUMEROWANE <OL> Kolejne ważne, bo często stosowane w praktyce tagi HTML to listy (numerowane i nienumerowane). Czasem nazywamy je także uporządkowanymi i nieuporządkowanymi. Lista nieuporządkowana (nienumerowana) – jest definiowana przez znaczniki <ul></ul>, zaś pojedynczy element takiej listy zamknięty jest w znacznikach <li></li>. Widok w kodzie HTML: <ul> <li>Królestwa Północy</li> <li>Scoia’tael</li> …
Dowiedz się więcej

Pseudoelementy i Pseudoklasy

3 stycznia, 2024

Są to narzędzia w języku CSS, które pozwalają na precyzyjne selekcjonowanie i stylizację elementów HTML. Stanowią one kluczowy element w budowaniu elastycznych i estetycznych interfejsów internetowych, umożliwiając programistom dostęp do specyficznych części dokumentu HTML i definiowanie niestandardowych stylów. Pseudoklasy Są używane do wybrania elementów na podstawie ich stanu lub położenia względem dokumentu. Są one oznaczane…
Dowiedz się więcej

Zmienne, operatory i typy danych w JS

3 stycznia, 2024

Wprowadzenie do zmiennych. Zmienne to rodzaj “pudełka”, które może przechowywać różne typy danych. (liczby, znaki, słowa itd.) Po co tworzymy zmienne? Głównie dla zaoszczędzenia czasu oraz przejrzystości kodu. Wyobraźmy sobie że piszemy taki kod: Pomyliliśmy się i zamiast 5 powinna być 4. Co prawda jest to dosyć mała ilość równań lecz w przyszłości będą się…
Dowiedz się więcej

Warunki i Pętle w Javascript

3 stycznia, 2024

Instrukcje warunkowe: if , else , switch i pętle for , while. Wprowadzenie Kiedy pracujemy z JavaScript czesto mamy potrzebe powtórzenia linijki kodu lub dodania warunku do strony. Wiedza użycia pętli i warunków jest kluczowa do dodania danych elementów. Budowa i użycie pętli while Pętle w javascript mają bardzo prosto strukture która wygląda w następujący…
Dowiedz się więcej

Znaczniki Metadanych HTML

3 stycznia, 2024

Rola i znaczenie tagów <meta> w tym znaczników SEO Wprowadzenie Meta tagi to znaczniki HTML zamieszczone w sekcji <head> kodu źródłowego strony internetowej Nie pojawiają się na rzeczywistej stronie internetowej, zamiast tego aplikacje takie jak: przeglądarki lub roboty sieciowe, mogą odczytywać dane zakodowane w tych metatagach. Część z nich jest widoczna także dla użytkownika, przez…
Dowiedz się więcej

Tabele w HTML: Tworzenie i Formatowanie

22 grudnia, 2023

Tabele w HTML składają się z komórek ułożonych w rzędy i kolumny. Podstawowe znaczniki używane do tworzenia tabel: table – zaczyna i kończy tabele tr – table row; poziomy rząd w tabeli th – table header; nagłówek kolumny w tabeli td – table data; pojedyncza komórka tabeli *Gdyby znacznik nagłówka <th> wpisać zamiast pierwszych komórek…
Dowiedz się więcej

Wprowadzenie do CSS Grid, tworzenie siatek i zarządzanie układem treści.

19 grudnia, 2023

Wprowadzenie CSS Grid jest jednym z podstawowych narzędzi, które ułatwiają projektowanie responsywnych stron internetowych. Pozwala on na elastyczne rozmieszczenie elementów na stronie w zależności od rozmiaru ekranu urządzenia, na którym jest wyświetlany. Dzięki temu strona wygląda estetycznie i czytelnie zarówno na komputerze, jak i na smartfonie czy tablecie. Do czego służy CSS Grid? CSS Grid…
Dowiedz się więcej

Moduły JS Export i Import

13 grudnia, 2023

Moduły w JavaScript są używane do organizowania kodu poprzez dzielenie go na mniejsze, bardziej zrozumiałe części. Dzięki nim możesz tworzyć funkcje, zmienne lub zestawy danych w jednym miejscu i wykorzystywać je w innych częściach projektu, co pomaga w utrzymaniu czystości i przejrzystości kodu. Podzielmy moduły na sekcje: Moduły w JavaScript 1. Czym są moduły? Moduły…
Dowiedz się więcej

JavaScript DOM: Manipulacja i Traversing

28 listopada, 2023

Wybieranie elementów DOM, zmienianie treści i atrybutów, poruszanie się po drzewie DOM. Wprowadzenie Kiedy pracujemy z stronami internetowymi, często napotykamy na potrzebę modyfikowania istniejących elementów, dodawania nowych treści, czy też poruszania się po strukturze strony internetowej. W tym kontekście, znajomość Modelu Obiektowego Dokumentu (DOM) w JavaScript jest niezwykle ważna. DOM jest reprezentacją strony HTML w…
Dowiedz się więcej