Porządkowanie kodu CSS

Na samym początku swojej przygody z tworzeniem stron WWW zupełnie nie zwracałem uwagi na porządkowanie kodu CSS. Tworzony przeze mnie kod zwykle zawierał się w jednym, spuchniętym pliku CSS. Nazwy klas co prawda ( zwykle ) opisywały czym dany element jest jednak brakowało im systematyczności. Po powrocie do takiego kodu miałem bardzo dużo momentów, gdy nie wiedziałem, czy np. klasa page-header odpowiada za nagłówek całej strony, czy też … Czytaj dalej Porządkowanie kodu CSS

O obserwatorach w JavaScript

Jeśli masz jakieś, choćby szczątkowe, doświadczenie z JavaScriptem, to zapewne zdarzyło Ci się skorzystać z listenerów. Owe listenery nasłuchują na żądane zdarzenie czy też zdarzenia, a po ich wystąpieniu wykonują jakąś zdefiniowaną akcję. Dla osób, które nie miały z tym jeszcze styczności dołączam przykładowy kod: // HTML <button id=”foo”>Foo</button> // JavaScript document.getElementById(‘foo’).addEventListener( ‘click’, function() { console.log(‘You clicked me!’); } ); Mając taki kod, za każdym … Czytaj dalej O obserwatorach w JavaScript

Znaczniki HTML, których (być może) nie znałeś.

Tym razem weźmiemy na tapet znaczniki HTML. Nie będą to jednak typowe elementy, które pojawiają się na praktycznie każdej stronie i na każdym kursie HTML. W tym wpisie chciałbym skupić swoją uwagę na znacznikach, których używanie należy raczej do rzadkości, a które niejednokrotnie okazują się być naprawdę przydatne! Nie będę się skupiał się tu na tych oznaczonych jako deprecated, ponieważ według mnie nie ma sensu na zagłębianie się w coś, czego … Czytaj dalej Znaczniki HTML, których (być może) nie znałeś.

Mikrofrontend

W ostatnim czasie przeglądając treści związane ze światem frontendu kilkukrotnie napotkałem na frazę “Mikrofrontend“. Postanowiłem nieco bardziej zgłębić temat i mam na ten temat nieco przemyśleń, którymi chciałbym się podzielić w tym wpisie. Chciałbym w tym miejscu wyraźnie zaznaczyć, że ten artykuł jest moją subiektywną opinią, z którą nie musisz się zgadzać. Ten wpis będzie skupiał się głównie na podejściu które zakłada wykorzystania kilku frameworków do budowy … Czytaj dalej Mikrofrontend

Tworzenie rozszerzeń do przeglądarek w JavaScript

Całkiem nie tak dawno temu miałem przyjemność tworzyć (a raczej współtworzyć) swoje pierwsze rozszerzenie do przeglądarki. Z tego też powodu chciałbym podzielić się w tym wpisie wiedzą, którą zdobyłem w trakcie procesu developmentu. Zasadniczo proces powstawania rozszerzenia do przeglądarki niewiele różni się od procesu tworzenia zwykłej aplikacji webowej. Mamy tu do dyspozycji te same narzędzia i technologie takie jak HTML, CSS czy JavaScript oraz wszelkie API przeglądarek, ale też … Czytaj dalej Tworzenie rozszerzeń do przeglądarek w JavaScript

Mierzenie wydajności aplikacji WWW

Jedną z kluczowych kwestii o jakie należy zadbać podczas tworzenia strony internetowej lub aplikacji WWW jest wydajność. Przede wszystkim, programista zwykle nie tworzy takiej aplikacji tylko i wyłącznie dla siebie, ale dla innych użytkowników. Z tego też powodu uważam, że szczególną uwagę należy poświęcić aspektowi komfortu odbiorcy. Jednym z aspektów, na jakie powinno się zwrócić uwagę jest wydajność, którą zajmiemy się w tym wpisie, ale nie należy zapominać … Czytaj dalej Mierzenie wydajności aplikacji WWW

Web developer – pytania rekrutacyjne cz. 6 – React

Jest to już ostatni wpis z serii wpisów z pytaniami rekrutacyjnymi na stanowisko web developera. Listę wszystkich poprzednich wpisów z tej serii znajdziesz poniżej. Zachęcam Cię do zapoznania się jeśli jeszcze nie miałeś/aś okazji: Web developer – pytania rekrutacyjne cz. 1 Web developer – pytania rekrutacyjne cz. 2 Web developer – pytania rekrutacyjne cz. 3 Web developer – pytania rekrutacyjne cz. 4 Web developer – pytania rekrutacyjne … Czytaj dalej Web developer – pytania rekrutacyjne cz. 6 – React

Web developer – pytania rekrutacyjne cz. 5

Ten wpis jest kontynuacją serii wpisów z pytaniami rekrutacyjnymi na stanowisko web developera. Pełną listę wpisów z tej serii znajdziesz poniżej: Web developer – pytania rekrutacyjne cz. 1 Web developer – pytania rekrutacyjne cz. 2 Web developer – pytania rekrutacyjne cz. 3 Web developer – pytania rekrutacyjne cz. 4 Web developer – pytania rekrutacyjne cz. 6 – React Tym razem przedstawię kolejne 15 pytań … Czytaj dalej Web developer – pytania rekrutacyjne cz. 5

Web developer – pytania rekrutacyjne cz. 4

Ten wpis jest kontynuacją serii wpisów, w której odpowiadam na pytania rekrutacyjne na stanowisko web developera. Jeśli nie czytałeś poprzednich wpisów z tego cyklu to koniecznie nadrób zaległości: Web developer – pytania rekrutacyjne cz. 1 Web developer – pytania rekrutacyjne cz. 2 Web developer – pytania rekrutacyjne cz. 3 Web developer – pytania rekrutacyjne cz. 5 Web developer – pytania rekrutacyjne cz. 6 – React Tym razem … Czytaj dalej Web developer – pytania rekrutacyjne cz. 4

Zestaw przydatnych narzędzi dla web developera

W tym artykule przedstawię ci całkiem spory zestaw narzędzi, które ułatwią Ci pracę. Część z nich wykorzystuję regularnie w trakcie swojej pracy, natomiast część traktuję jako ciekawostkę. Nie przedłużając, przejdźmy do narzędzi: Optimizilla https://imagecompressor.com – narzędzie to służy do szybkiego, prostego kompresowania zdjęć. Optimizilla umożliwia nam ustawienie stopnia kompresji oraz natychmiastowego podglądu. Możemy również skompresować kilka zdjęć jednocześnie i wygenerować gotową paczkę. Befunky https://www.befunky.com … Czytaj dalej Zestaw przydatnych narzędzi dla web developera