Ta strona korzysta z ciasteczek, aby zapewnić Ci najlepszą możliwą obsługę. Informacje o ciasteczkach są przechowywane w przeglądarce i wykonują funkcje takie jak rozpoznawanie Cię po powrocie na naszą stronę internetową i pomaganie naszemu zespołowi w zrozumieniu, które sekcje witryny są dla Ciebie najbardziej interesujące i przydatne.
Follow the codeline!
Zbiór tutoriali, artykułów i wpisów o programowaniu napisanych głównie z myślą o początkujących i średnio-zaawansowanych koderach
Najnowsze:
-
Czytaj dalej…: Bardzo szybki CSS – dynamiczny pasek ładowaniaPracujemy na znalezionym w internecie kodzie. Zamieniamy animację paska ładowania na dynamiczny pasek ładowania. Odkrywamy, że funkcja 'attr’ nie jest w stanie zawsze nas poratować, ale są inne rozwiązania, takie jak wstrzykiwanie zmiennych CSS na przykład.
—
in CSS -
Czytaj dalej…: WordPress mini-plugin – tooltip shortcodePiszemy mini-plugin dodający tooltipy w CSS oraz własny shortcode, który nam te tooltipy generuje. Bardzo prosty, łatwy plugin, wręcz drobne ćwiczenie w porównaniu z tym, co już robiliśmy, a zarazem rzecz bardzo praktyczna i świetne utrwalenie poznanych już jakiś czas temu umiejętności.
-
Czytaj dalej…: Bardzo szybki CSS – wyciemnienie obrazka na hoverZrobienie wyciemnienia obrazka po najechaniu na niego myszką jest w dzisiejszych czasach banalnie proste. Wykorzystamy pseudo-selektor :hover oraz właściwość filter z odpowiednio ustawionym brightness. Pamiętajmy też o właściwości transition na animowanym elemencie – nie chcemy, aby efekt zadziałał od razu.
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – hacky text fillOmawiamy kolejne rozwiązanie znalezione w internecie. Tym razem – efekt wypełnienia tekstu innym kolorem po najechaniu myszą. Nie jest to najlepsze rozwiązanie do efektu text-fill, ale pokazuje kilka ciekawych konceptów, więc je sobie omówimy.
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – invalid input shakeNauczymy się tworzyć atrybut pattern dla elementów input, pisać animacje oraz poznamy pseudo-klasę invalid. Nauczymy się też przeszukiwać internet w celu odnajdywania nowych, dobrych rozwiązań dla naszego CSS.
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – transition i opóźnienie animacjiTo już podstawy podstaw animowania elementów, ale dla kronikarskiego obowiązku o tym wspominam. Tworzymy animację pseudo-klasą hover, która ma się wykonywać płynnie, z pewnym opóźnieniem – różnym dla każdej animowanej właściwości, jeżeli trzeba.
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – animacja podkreśleniaTworzymy animację podkreślenia wykorzystując pseudoelement ::after, pseudoklasę :hover oraz właściwość transition-origin. Jest to łatwiejsze, niż nam się wydaje. Świetny wstęp do dalszych, bardziej zaawansowanych animacji.
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – tooltipZapomnijmy o obiektowym JS, event-listenerach na 'mouseenter’ i 'mouseleave’, customowych komponentach z shadow-rootem albo zewnętrznych biblioteczkach – wykorzystując nowości CSS możemy sami napisać tooltip bardzo szybko.
—
in CSS -
Czytaj dalej…: React mini-projekt – komponent CountDownTworzymy w React prosty komponent CountDown, który odlicza od przekazanej w props wartości w dół co każdą sekundę. W momencie, gdy odliczanie się zakończy, komponent wyświetla wartość przekazaną w JSX pomiędzy jego otwierającym i zamykającym tagiem (poznajemy props.children). Wykonujemy pierwszy prop forwarding.
—
-
Czytaj dalej…: WordPress bloki – piszemy blok wewnętrzny do spisu treściPrzygotowujemy się do napisania naszego spisu treści od nowa – tym razem żadnych shortcodes ani innych „klasycznych” Wordpressowych rozwiązań tudzież adapterów pomiędzy klasycznymi a blokowymi czasami. Piszemy blok wewnętrzny (pojedynczy element spisu treści), który posiada tytuł, kotwicę, potrafi płynnie przechodzić do nagłówka oraz potrafi dynamicznie dodawać w edytorze nagłówek przy pomocy skryptu wp.data.
-
Czytaj dalej…: Bardzo szybki JS – scrollTo, scrollIntoViewNauczymy się robić kotwice do elementów na stronie WWW przy pomocy tagu oraz odpowiedniego ID, następnie zajmiemy się bardziej płynnym scrollowaniem z poziomu JavaScript, wykorzystując funkcje scrollTo oraz scrollIntoView.
—
-
Czytaj dalej…: React podstawy vol. 3 – ugruntowanie wiedzyPrzypominamy sobie podstawowe hooki Reacta – useState, useEffect, useRef oraz useReducer. Uczymy się korzystać z API zewnętrznych oraz instalować i wykorzystywać zewnętrzne biblioteki Reacta. Przypominamy sobie własne komponenty oraz ich propsy.
—
Z pasji do programowania
Przyjrzyj się naszej ofercie – może właśnie tego szukasz i nasz blog stanie się dla ciebie miejscem, które będziesz często odwiedzać
Z myślą o początkujących
Tak bardzo, jak to możliwe – staramy się nie przytłaczać początkujących zbyt skomplikowanymi przykładami i wypośrodkować pomiędzy prezentowaniem wyzwania a byciem przyjaznym dla nowych koderów
Jeżeli projekty, to tylko „smakowite kąski”
To nie Github. Nie znajdziesz tutaj projektów po 1000 plików 1000 linijek kodu każdy. Staramy się przedstawiać tylko „smakowite kąski”. Projekty są omawiane – ale w formie opisowej i krótkich, prostych przykładów.
Jeżeli zadania to konkretnie
Jeżeli prezentujemy zadania programistyczne, to staramy się przedstawić różne podejścia, od tych łatwych do bardziej skomplikowanych i omówić każdy temat obszernie
Popularne języki programowania
Nieważne, czy interesuje Cię frontend, backend czy AI – znajdziesz tu najpopularniejsze języki programowania, takie jak Python, PHP i JavaScript
Wstęp do frameworków
Projekty to jedna rzecz, w której nie da się czytelnika „poprowadzić za rączkę”. Każdy musi sam przejść tę drogę. U nas poza klasycznymi zadaniami znajdziesz dobre podstawy wprowadzające do nauki popularnych frameworków.
Bonus dla wielojęzycznych
Uczyć należy się jednego języka programowania i dopiero później poznawać kolejne. Jeżeli jednak znasz więcej niż jeden język – możesz tu znaleźć materiały z pograniczna dwóch języków, łączące umiejętności w obu albo przenoszące funkcjonalność znaną z jednego do drugiego.
Nauka programowania
Programować może nauczyć się każdy. Wystarczą chęci i czas oraz plan co chcemy osiągnąć
Dlaczego warto:
- Dzięki programowaniu lepiej rozumiemy coraz bardziej cyfrowy, otaczający nas świat i zawsze jesteśmy na czasie z nowościami, które mają wpływ na nasze życie
- Dzięki sztucznej inteligencji oraz mnogości zasobów internetowych nauka programowania jest łatwiejsza niż kiedyś
- Programowanie może okazać się dla nas nie tylko niedzielnym hobby czy pasją, ale sposobem na zarabianie pieniędzy
Jak zacząć:
- Wybrać jeden język programowania
- Stworzyć plan wypośrodkowany pomiędzy ambicją a realizmem
- Jak najwięcej tworzyć, nie zrażając się błędami ani prostotą naszych pierwszych programów i skryptów
Żadna wiedza, którą zdobędziemy nigdy nie będzie zmarnowana. A już na pewno nie wiedza o branży IT, która coraz bardziej wpływa na nasze życie
Powiedzmy sobie szczerze – nie nauczysz się tańczyć, oglądając jak robią to inni. Masz jednak pojęcie czym jest taniec, czynność, której wpływ na nasze życie jest dość ograniczony.
Z programowaniem, AI oraz branżą IT jest odwrotnie – nie wiesz nic, jak coś, co bezpośrednio wpływa na Twoje życie funkcjonuje, nie masz nawet mglistego pojęcia, jak to sobie wyobrazić.
Dlatego warto interesować się tematem – choćby po to, aby lepiej oceniać produkty stworzone przez innych, łatwiej się nimi posługiwać, mieć wiedzę jak na poziomie konceptu one działają „pod spodem” i być na bieżąco z trendami IT.