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 – tło jako gradient liniowyGradient liniowy to bardzo ciekawa i w sumie prosta funkcja, która odpowiednio użyta może ulepszyć wygląd naszej strony. Technicznie nie jest to w żaden sposób skomplikowane, choć jeżeli nigdy z gradientów nie korzystaliśmy, mogą się one na początku wydawać odrobinę dziwne.
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – trójkąt oraz zmienne i calcUczymy się tworzyć kształt trójkąta za pomocą CSS. Poznajemy zmienne CSS oraz funkcję calc, za pomocą której napiszemy trójkąt o dowolnej wielkości. Do dzieła!
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – animacja, która „zostaje”Tworzymy animację przesuwania się, która wykona się jeden raz i „zostanie”, nie wróci do pozycji początkowej, tylko zostanie tam, gdzie się skończyła. Poznajemy właściwość animation-fill-mode ustawioną na forwards.
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – 2D transformsIstnieją 4 główne funkcje, które możemy przekazać do transform (translate, rotate, scale oraz skew) + ich odpowiedniki dla konkretnych osi X i Y (a nawet osi Z czyli z-index). Korzystanie z transform jest bardzo dobre pod względem wydajności animacji, zaś korzystanie z właściwości pokroju width, height i tym podobne jest całkowitą przeciwnością i czymś, czego…
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – alternate animation directionNauczymy się robić animacje, które działają „w dwie strony” na przykładzie elementu, który rośnie i maleje. Zrobimy to korzystając z animation direction ustawionego na alternate, czyli tak, jak się to robić powinno, zamiast stosować różne obejścia.
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – patent na pracę z media queriesPo poznaniu tej sztuczki czy raczej swego rodzaju wzorca i bezwzględnym przestrzeganiu go już nigdy nie zdarzy się nam dość częsta na różnych stronach sytuacja, w której mamy responsywność względem do pierwotnej wielkości okna, ale w momencie, gdy zaczynamy je zwężać i rozsuwać rzeczy blokują się nam na jakimś widoku i nie chcą wracać.
—
in CSS -
Czytaj dalej…: Bardzo szybki CSS – rotate zamienia + na xBardzo prosta a zarazem ciekawa sztuczka, która zamienia znak plusa na znak zamykania (X) przy użyciu jednej ikony lub znaku + oraz transform rotate o 45 stopni. Genialne w swojej prostocie.
—
in CSS -
Czytaj dalej…: Szybki JS – OOP + DOM 2Kontynuujemy naukę obiektowego podejścia do pisania kodu JavaScript, wykonując hover effect z kolorem na każdej literze tagu z pewnym opóźnieniem. Piszemy klasę JS, która obiekt o podanej klasie CSS zamieni na jednoliterowe elementy , które z odpowiednim opóźnieniem będą wykonywały efekt zmiany koloru.
—
-
Czytaj dalej…: Szybki JS – OOP + DOMNauczymy się odtworzyć efekt ScrollIntoView używając bardziej obiektowego podejścia w JS pisząc klasy i zapewniając większą modularność naszego kodu, możliwość aktywowania efektu jedną linijką.
—
-
Czytaj dalej…: Bardzo szybki CSS – tworzymy serceUczymy się tworzyć kształt serca wykorzystując tylko CSS oraz pseudo-elementy before i after w kreatywny sposób. Podstawy bardziej zaawansowanego CSSa.
—
in CSS -
Czytaj dalej…: WordPress szybki blok – piszemy lepsze detailsWordpress posiada swój własny, wbudowany blok details. Ma on jednak pewne ograniczenia – możemy tam ładować tylko tekst. Nie możemy osadzać innych bloków, na przykład bloków z kodem. Napiszemy własny details, korzystając z tagów HTML5 oraz bloków zagnieżdżonych.
-
Czytaj dalej…: Laravel podstawy vol. 6 – relacja wiele do wielu polimorficznieRelacja polimorficzna wiele do wielu wymaga dogłębnego zrozumienia, dlatego doczekała się osobnego tutoriala. Poznajemy ją od strony migracji, modelu, używania oraz od strony SQLowej i bazodanowej. Po tym artykule powinniśmy wszystko doskonale rozumieć.
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.