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…: Vanilla JS – łączymy się z API ze storny klienta / frontenduNauczymy się kilku prostych technik na wykonywanie „requesta” do zewnętrznego API i zaciąganie danych w postaci JSON, aby je następnie wyświetlić na stronie. Piszę o tym, bo w tutorialach z Reacta i Wordpressa już to robiliśmy, ale w vanilla JS jeszcze tego nie opisywałem. To taki wstęp do bardziej zaawansowanych technik.
—
-
Czytaj dalej…: WordPress JS – moduł core/block-editorBędziemy dodawać elementy wpisu z poziomu JavaScript w konsoli deweloperskiej (na stronie edycji/dodawania posta). Zabieramy się za temat ważny, który w dodatku nigdzie nie jest porządnie ani przystępnie dla początkujących opisany. Ci, który nauczyli się tego, mają to gdzieś (ewentualnie zrobili sobie cheatsheet, jeżeli jeszcze tego na pamięć nie znają) zaś inni mają po prostu…
-
Czytaj dalej…: WordPress API – używanie w blokach zewnętrznych i wewnętrznych APINauczymy się dzisiaj korzystać z zewnętrznego API w naszych własnych blokach Wordpressa. Ponadto nauczymy się tworzyć Wordpressowe bloki, które z Reacta (i wszystkich jego możliwości) korzystają zarówno w edycji jak i po zapisaniu, poznamy sposób na ich stylowanie. Nauczymy się również korzystać z wewnętrznego API Wordpressa.
-
Czytaj dalej…: WordPress projekt – piszemy blok Spis TreściPiszemy plugin z dynamicznym blokiem dla spisu treści, zawierającym możliwość edycji, dodawania elementów (z podglądem w czasie rzeczywistym), wyświetlający spis treści (lista tytułów i odnośników do kotwicy), używający własnego shortcode do wyświetlania dynamicznej treści oraz posiadający własny skrypt, dzięki któremu przejścia do kotwic są płynne. Małe podsumowanie kliku poprzednich wpisów z kategorii Wordpress.
-
Czytaj dalej…: WordPress plugin – podstawy pisania pluginówNauczymy się kilku przydatnych umiejętności przy pisaniu pluginów. Dodamy własne kolumny do zakładek postów i mediów, dodamy własny przycisk do paska administracyjnego, nauczymy się dodawać różne skrypty JavaScript z poziomu pluginu tylko wtedy, gdy tego potrzebujemy.
-
Czytaj dalej…: WordPress mini-projekt – short-code dla komponentu Spis treściZbliżamy się wielkimi krokami do napisania bloku spis treści pozwalającego na dodawanie spisu treści (razem z linkami) do naszych postów na Wordpressie. Tym razem zbudujemy grunt pod ten projekt tworząc shortcode, który treść przekazaną w odpowiednim formacie zamienia na spis treści właśnie.
-
Czytaj dalej…: WordPress mini-projekt – blok zegar z Reactem i viewScriptZanim przejdziemy do bardziej zaawansowanych projektów, chciałbym przybliżyć dwie istotne kwestie. Jedną z nich są podstawowe hooki Reacta, których możemy nie znać, jeżeli skupiamy się tylko na Wordpressie. Druga to przynajmniej podstawowe obsługiwanie atrybutu viewScript i pliku view.js służącego do frontendowego JS dla naszego bloku.
-
Czytaj dalej…: React projekt – Todo app + localStorage i hookPodsumowując wiedzę zdobytą w dwóch pierwszych częściach tutoriala React Podstawy, piszemy własną aplikację Todo App korzystając z biblioteki React. Nasza aplikacja będzie wykorzystywać wszystkie zdobyte dotychczas umiejętności wliczając w to obsługę localStorage przy użyciu własnego hooka useLocalStorage.
—
-
Czytaj dalej…: React podstawy vol. 2 – własny useLocalStorage hookPoprzednio poznaliśmy już podstawy komponentów i podstawowych hooków Reacta. Teraz napiszemy swój własny hook do obsługi localStorage czyli zapisywania i odczytywania pewnych danych w przeglądarce. Użyjemy wcześniej poznanych hooków useState i useEffect stawiając kolejny krok w drodze do napisania dobrego projektu ToDo w bibliotece React
—
-
Czytaj dalej…: React podstawy vol. 1 – popularne hooki i metody pracyPoznajemy podstawy tworzenia aplikacji Reactowych oraz komponentów funkcyjnych. Dowiadujemy się czym są props oraz jak używać podstawowych hooków takich jak useState, useEffect oraz useRef.
—
-
Czytaj dalej…: WordPress Media Inspector – plugin i blokPiszemy dość praktyczny plugin, który pozwala nam wybrać obrazek i podejrzeć jego ID. Tworzymy blok dynamiczny oraz plugin z własną stroną dodaną w panelu admina, wyświetlającą obrazki oraz ich ID. Niezwykle przydatne, szybciej to napiszemy niż znajdziemy plugin do tego.
-
Czytaj dalej…: WordPress Plugin – źródło obrazkaPiszemy plugin pozwalający nam dodać źródło obrazka dla obrazków wyświetlanych na stronie. Nauczymy się pisać pluginy, korzystać z tzw. meta-boxes i meta-properties oraz przede wszystkim z bardzo ważnego mechanizmu Wordpressa jakim są akcje oraz filtry. Ponadto nasz plugin wyposażymy w funkcjonalność sprawiającą, że obrazek jest jednocześnie linkiem do posta.
—
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.