Love Coding

Blog o programowaniu, błędach w kodzie, debugowaniu i refaktoryzacji

Przejdź do bloga

// Dev notes

function deploySafely()

if (isFriday()) {

console.warn(„Do not touch production.”);

return;

}

deploy();

}

Notatki programistki

Kod jest jak dowcip. Jeśli musisz go wyjaśniać, jest kiepski

Praktyczny kod

Pigułka wiedzy

Make scroll or touch listeners more performant – tell the browser you won’t call preventDefault()

window.addEventListener(
  'scroll',
  onScroll,
  { passive: true }
);

You can combine destructuring and rest syntax to extract what you need and keep the rest.

const { id, ...info } = { id: 1, name: "Alice", role: "Admin" };
console.log(info);      // { name: "Alice", role: "Admin" }

You can make an event listener run only once – it removes itself automatically after the first trigger.

button.addEventListener(
  'click',
  handler,
  { once: true }
);

Kategorie

13 posts

CSS

Porady i techniki stylizacji, które pomogą tworzyć piękne i responsywne strony

4 posts

HTML

Dobre praktyki pisania czystego, semantycznego i dostępnego kodu

16 posts

JavaScript

Nowoczesne wskazówki i poradniki do tworzenia dynamicznych stron

3 posts

Linux

Przewodniki dla programistów, którzy chcą opanować Linuxa i terminal

4 posts

Mindset programisty

Rozwój sposobu myślenia, koncentracji i umiejętności rozwiązywania problemów

7 posts

Narzędzia Front-end Developera

1 post

PHP

Praktyczne porady do tworzenia wydajnych i bezpiecznych aplikacji webowych

13 posts

Przykładowe projekty juniora

Przykładowe projekty, jakie może napisać junior Front-end Developer w ramach nauki i do portfolio.

8 posts

React

Budowa szybkich komponentów wielokrotnego użytku

12 posts

React Native

Poradniki do tworzenia aplikacji mobilnych na wiele platform z React Native

Blog

Najnowsze posty

CSS

04/10/2019 Joanna

Stylowanie wybranych linków w css – jak zmienić wygląd niektórych rodzajów linków

W poprzednim wpisie: stylowanie linków za pomocą pseudoklas opisałam, jak można zmienić kolor linków aktywnych, klikniętych lub hoverowanych. Teraz pokażę,…

Stylowanie linków za pomocą pseudoklas :hover :active :focus :visited

Standardowy wygląd linków na stronie internetowej zależny jest od przeglądarki. Każdy browser może wyświetlać linki i ich warianty (z różnymi…

Początkujący

Czytaj więcej

Narzędzia Front-end Developera

18/09/2019 Joanna

Podstawowe komendy git

Komendy git możesz wykonać między innymi: – w konsoli cmd (widnows start -> cmd. Otworzy się aplikacja Command Prompt. Aby…

Rem, em – jednostki miary w css

Jednostki rem i em w CSS są niezwykle przydatne, jeśli chcesz tworzyć skalowalne, responsywne i dostępne interfejsy. Pomagają w zarządzaniu…

Responsywne obrazki dla różnych ekranów w HTML5

Często spotykanym problemem przy projektowaniu stron internetowych są zdjęcia. Wyświetlenie większego zdjęcia na większym ekranie to lepsze wrażenia dla użytkownika,…