Polski frontend

Wszystkie artykuły

Dodaj serwis
  • Piotr Kowalski — JavaScript, Front-end oraz Node.js

    • Test First

      Piotr Kowalski — JavaScript, Front-end oraz Node.js 

      Dziś miałem przyjemność zapoznać się z artykułem na blogu The Clean Code Blog, pt. Test First, autorstwa Uncle Boba. Wpis ten objaśnia, czym jest Test First… i robi to na tyle dobrze, że i ja zrozumiałem. Test Driven Development (TDD) Jak dobrze wiecie, TDD to styl wytwarzania oprogramowania, który skupia

    • Jak dodać nowe polecenie w shellu? Rozszerzamy możliwości Gita

      Piotr Kowalski — JavaScript, Front-end oraz Node.js 

      Jak dodać nowe polecenie dla Gita? Z tego artykułu dowiesz się, jak możesz rozszerzać możliwości swojego środowiska operującego na repozytoriach Git. Kroki Wykonując podane niżej kroki, dodacie nowe polecenie, którego będziecie mogli używać w każdym repozytorium, i nie tylko! Polecanie Gita możemy używać przecież w katalogach, które nie przechowują repozytorium.

    • Czy wiesz, jak działają zdarzenia w React?

      Piotr Kowalski — JavaScript, Front-end oraz Node.js 

      Podczas realizacji pewnego ficzera w aplikacji, gdzie UI zbudowany był z komponentów Reactowych, natknąłem się na problem z eventami. Jeśli też miałeś / miałaś kłopot ze zdarzeniami w Reactowej aplikacji, to zapraszam do lektury. Story time Zadanie polegało na dodanie debounce 1 do inputa, który był użyty w komponencie wyszukiwarki.

    • Diagram klas w UML (przykłady w JavaScript)

      Piotr Kowalski — JavaScript, Front-end oraz Node.js 

      Aby opisać projekt obiektowy, wykorzystujący klasy warto, jest wykorzystać Diagram Klas. Dzięki takiemu schematowi jesteśmy w stanie przedstawić relacje między klasami. Diagram Klas został opracowany za pomocą OMT — Object Modeling Technique w 1991 roku przez James Rumbaugh, który to w 1994 roku przeszedł z General Electric Research and Development

    • Co to jest runtime?

      Piotr Kowalski — JavaScript, Front-end oraz Node.js 

      Runtime — czas wykonania programu. I tutaj mógłbym zakończyć wpis, ale postanowiłem, że go jeszcze trochę rozwinę. Co to właściwie znaczy “runtime”? “Błąd został zauważony w czasie Runtime, czy Kompilacji?” Zdefiniujmy dwa ważne procesy: Kompilacja, czyli stworzenie pliku programu, na podstawie kodu źródłowego, który będzie mógł być uruchomiony w środowisku

  • Comandeer’s blog

    • Click 2022

      Comandeer’s blog 

      12 kwietnia 2022 (we wtorek) odbędzie się w formie transmisji online już 5. edycja konferencji Click. Jest to największa multitechnologiczna konferencja branżowa dostępna w formie online. Skierowana jest przede wszystkim do profesjonalistów branży IT, którzy chcą odnaleźć się w świecie najnowszych technologii i biznesu. Dostępne są cztery ścieżki technologiczne:

    • ConfrontJS 2022

      Comandeer’s blog 

      26 marca 2022 odbędzie się konferencja ConfrontJS. Wydarzenie rozpocznie się o godzinie 9 rano i będzie miało miejsce w Pałacu Kultury i Nauki w Warszawie. Konferencja poświęcona jest szeroko pojętemu frontendowi, zarówno temu bardziej JS-owemu, jak i związanemu z designem. Coś dla siebie znajdą i miłośnicy Reacta, i fanatycy CSS-a.

    • Mutowalna niemutowalność

      Comandeer’s blog 

      Istnieje sobie taka biblioteka jak Immer. W największym skrócie można powiedzieć, że jest ona w świecie niemutowalności tym, czym składnia async/await w świecie asynchroniczności – ukrywa przed nami fakt, że kod jest nie-jakiś lub jest a-jakiś. I ostatnio zaczęło mnie zastanawiać, jak działa pod spodem.

    • Najprostszy event emitter w przeglądarce

      Comandeer’s blog 

      Praca z DOM prędzej czy później wymusi na każdym zapoznanie się z event listenerami. Ten prosty mechanizm pozwala nam reagować w momencie, gdy w aplikacji sieciowej coś się dzieje – użytkownik kliknie przycisk, jakaś animacja się zakończy, wczyta się zawartość ramki… Jednak czasami taki system zdarzeń przydałby się w logice

  • Przeprogramowani YouTube

    • Raycast czyli produktywność na sterydach | Narzędzia WebDevelopera #1

      Przeprogramowani YouTube 

      Raycast to niesamowicie szybki, w pełni rozszerzalny launcher. Umożliwia on wykonywanie zadań, nawigacje po systemie, przeglądanie dokumentacji i wiele więcej. https://www.raycast.com/ Alternatywy dla Windowsa: Keypiranha, Wox, Listary. Rozkład jazdy: 0:00 Nowa seria 0:52 Co potrafi Raycast? 1:49 Ekosystem rozszerzeń 4:21 Screenflow kontratakuje 5:05 Skróty klawiszowe 6:53 Search menu items 7:29

    • Testy jednostkowe, refaktoryzacja i nie tylko - 5 sposobów na lepszy kod

      Przeprogramowani YouTube 

      W ostatnim odcinku zobaczyliście podstawową implementację automatu komórkowego o potocznej nazwie "Gra w życie". Była to pierwsza, bardzo surowa wersja kodu, która miała za zadanie pokazać działający mechanizm. Dzisiaj idziemy krok dalej - do algorytmu wprowadzamy pięć kluczowych usprawnień, które spowodują, że kod będzie łatwiejszy w utrzymaniu oraz odporny

    • Gra w Życie - Ten algorytm cię zaskoczy!

      Przeprogramowani YouTube 

      Gra w życie to najbardziej znany automat komórkowy, który od ponad 50 lat wprawia w zdumienie kolejnych programistów. Dzisiaj pokażemy ci jak zaimplementować taki algorytm, a w kolejnym odcinku pokażemy ci jak poprawić jego jakość oraz stabilność poprzez refaktoryzację i testy. Zobacz kod - https://github.com/psmyrdek/vue-game-of-life Demo - https://psmyrdek.github.io/vue-game-of-life/ Teoria

    • Vite, czyli szybsza alternatywa dla Webpack i Create React App ⚡️

      Przeprogramowani YouTube 

      Vite to najpopularniejszy tooling frontendowy nowej generacji. Na tle konkurencji, Webpacka i Create React App, wyróżnia go niesamowita szybkość serwera deweloperskiego oraz skalowalne HMR. Vite nie wymaga dodatkowej konfiguracji, aby współpracować z React, Vue, TypeScript, Lit oraz Svelte. Zobacz jak działa to narzędzie, jego zalety oraz wady. Patronem dzisiejszego odcinka

    • Rozwój programisty i sukces w IT | Krzysztof Szabelski | Przeprogramowani ft. Gość #20

      Przeprogramowani YouTube 

      Już w najbliższą środę zapraszamy na rozmowę z Krzysztofem Szabelskim - Head of Technology w Future Processing! Tematem odcinka będzie rozwój i planowanie kariery IT, ze szczególnym naciskiem na stanowiska senior developera i wyżej. Porozmawiamy o potencjalnych kierunkach rozwoju, niezbędnych umiejętnościach które odblokowują kolejne poziomy doświadczenia a także o tym,

  • Type of Web YouTube

    • Afera Fakera! Czy autor totalnie oszalał? 😱 Faker.js shakowany · RANDLAB/MEET

      Type of Web YouTube 

      Faker.js – tej biblioteki raczej nikomu przedstawiać nie trzeba. Niestety, jakiś czas temu autor tej biblioteki okazał się po prostu trollem i wprowadził do niej złośliwy kod… Opowiadają Michał Miszczyszyn i Michał Michalczuk #Faker #JavaScript #JS #FakerJS --- RANDLAB/MEET to cykl kameralnych spotkań dedykowanych deweloperom specjalizującym się w różnych technologiach.

    • Oni zarabiają na Open Source: ZOBACZ JAK · RANDLAB/MEET

      Type of Web YouTube 

      Finansowanie Open Source jest problemem od początku istnienia programowania. Jakie są na to sposoby i jak wynagradzać ludzi za ich pracę na rzecz społeczności? Opowiadają Michał Miszczyszyn i Michał Michalczuk #OpenSource #GitHub #JavaScript #OpenCollective --- RANDLAB/MEET to cykl kameralnych spotkań dedykowanych deweloperom specjalizującym się w różnych technologiach. Każdy z eventów

    • Preact vs React – Dlaczego Etsy przeszło na Preacta? · RANDLAB/MEET

      Type of Web YouTube 

      Preact vs React – Dlaczego Etsy przeszło na Preacta? Czy chodzi tylko o wielkość bundle'a Preacta? Otóż nie! Opowiadają Michał Miszczyszyn i Michał Michalczuk #React #Preact #ReactJS --- RANDLAB/MEET to cykl kameralnych spotkań dedykowanych deweloperom specjalizującym się w różnych technologiach. Każdy z eventów łączy ze sobą część merytoryczną i networkingową!

    • RANDLAB/MEET NO.1 - frontend edition

      Type of Web YouTube 

      RANDLAB/MEET to cykl kameralnych spotkań dedykowanych deweloperom specjalizującym się w różnych technologiach. Każdy z eventów łączy ze sobą część merytoryczną i networkingową! Podczas pierwszego spotkania posłuchamy i pogadamy o frontendzie. Najświeższe newsy ze świata frontendu przestawią nam szeroko znani na polskiej scenie IT - Michał Miszczyszyn i Michał Michalczuk!

    • Nowy MDN, Flightcontrol – AWS dla każdego, Chrome 100 i problemy · Web Nowinki #7

      Type of Web YouTube 

      Najciekawsze newsy ze świata frontendu i backendu. Najświeższe informacje na temat webdevu. Okraszone komentarzami Michała Miszczyszyna i Kamila Dzieniszewskiego. W co drugą środę o godzinie 18:00 na żywo na kanale Type of Web! --- 📘 Kup „TypeScript na poważnie”: https://typescriptnapowaznie.pl 🔔 Subskrybuj mój kanał: https://www.youtube.com/typeofweb?sub_confirmation=1 🔗 Znajdziesz mnie na: Blog