Polski frontend

Wszystkie artykuły

Zgłoś serwis
  • Wojciech Szućko

    • React – Higher Order Component

      Wojciech Szućko

      Komponenty powielają logikę? Twoje komponenty często używają tych samych komponentów? Higher Order Component w skrócie HOC to prosty sposób na współdzielenie kodu pomiędzy komponentami. Podstawy Co to jest Higher Order Component? To funkcja, która przyjmuję komponent, a następnie może przekazać do niego nowe propsy lub otoczyć go innym komponentem.

    • Angular – DomSanitizer

      Wojciech Szućko

      Serwis, który dba o to aby nasza aplikacja była odporna na ataki XSS usuwając niebezpieczny kod (ang. sanitizing). Pisząc aplikację w Angularze często korzystamy z dynamicznego podstawiania wartości w takich miejscach jak link lub wykorzystując atrybut innerHtml. Miejsca te mogą być potencjalnymi miejsca ataku. DomSanitizer pomaga nam w utrzymaniu bezpiecznej

    • Formaty grafik – WebP i AVIF

      Wojciech Szućko

      Na przestrzeni lat powstało wiele formatów grafiki takich jak: JPEG, GIF czy PNG, które wykorzystujemy tworząc nasze strony i aplikacje internetowe. W tym artykule przybliżę dwa z nich: WebP i AVIF – powstały one relatywnie niedawno. WebP Google w 2010 roku opublikowało format WebP, który jest 25% lżejszy od najpopularniejszych

    • Angular – Enkapsulacja styli

      Wojciech Szućko

      Nadpisywanie styli podczas pisania aplikacji webowych to problem, z którym spotkał się nie jeden początkujący jak i doświadczony programista. Jak to się dzieje, że style w Angularze nie kolidują ze sobą? Jest to możliwe dzięki ich odpowiedniej enkapsulacji. Czym jest enkapsulacja? Enkapsulacja (inaczej hermetyzacja) polega na ukrywaniu danych

    • Porównanie RxJS Subjects

      Wojciech Szućko

      W bibliotece RxJS występuje 5 rodzajów Subject. Warto wiedzieć, że wszystkie z nich są typem Observable i różnią się tym od zwykłego Observable, że wszystkie subskrypcje otrzymują wyemitowaną wartość w strumieniu w tym samym momencie tzw. multicast. Rodzaje Wśród nich możemy wyróżnić: Subject, BehaviorSubject, ReplaySubject, AsyncSubject oraz WebSocketSubject. Każdy

  • Comandeer's blog

    • Dzień Niebieskiej Czapki

      Comandeer's blog

      Dzisiaj 30 listopada – a więc Dzień Niebieskiej Czapki (ang. Blue Beanie Day). Wszystkiego najlepszego dla wszystkich webdeveloperów!

    • ASCSS

      Comandeer's blog

      Nie lubię koncepcji kryjących się za Atomic CSS i Tailwindem, ale swego czasu powiedziałem, że ASCSS byłoby o wiele lepsze niż ACSS. Nie tak dawno powtórzyłem to przekonanie. Przyszła zatem pora, by wcielić je w życie.

    • Nowe IE

      Comandeer's blog

      Od pewnego czasu krąży w środowisku webdevowym opinia, że jedna z przeglądarek zasługuje na miano “nowego IE”. Cóż, osobiście wydaje mi się, że na takie miano zasługują wszystkie trzy główne przeglądarki – każda z innego powodu.

    • Tworzymy własny bundler

      Comandeer's blog

      Bądźmy szczerzy: praktycznie wszyscy używamy jakiegoś bundlera, ale prawie nikt z nas swojego bundlera nie lubi (na Ciebie patrzę, webpack…). Może by tak zatem… stworzyć swój własny bundler?

  • webkrytyk

    • Kurs JavaScript nabierz wprawy od Codengi

      webkrytyk

      Trafiłem ostatnio przypadkiem na Codengę. Stwierdziłem zatem, że w sumie mogę rzucić okiem na jakiś kurs. Padło na Kurs JavaScript nabierz wprawy Zanim przejdzę do treści samego kursu, muszę zauważyć, że sam interfejs nie jest do końca dostępny, np. nie widać wskaźnika focusu na niektórych elementach (np. przyciskach). Przez

    • WyleczDepresje.pl

      webkrytyk

      Dzisiaj nieco bliżej przyjrzymy się stronie WyleczDepresje.pl. Wygląd i działanie W przypadku tego typu stron, których głównym celem jest przekazanie informacji jak największej liczbie osób, kluczowe jest właśnie to, by jak najwięcej osóby było w stanie je przeczytać. Dlatego strona powinna działać również w przypadku, gdy JS nie działa. Wyświetlanie

    • Wpadki i wypadki #12

      webkrytyk

      Zapraszam na kolejne Wpadki i wypadki! Dzisiaj na tapet wzięty zostanie wzorzec, który swego czasu już omawiałem: nawigacja na stronie typu one-page, płynnie przewijająca do odpowiednich sekcji na stronie. Zacznijmy od prostego przykładu: <nav class="navigation"> <ul class="navigation__menu menu"> <li class="menu__item"> <a href="#" id="about-me-link" class="menu__link">About me</a> </li> <li class="menu__item"> <a href="#"

    • sitefuture.pl

      webkrytyk

      Dawno w sumie nie było recenzji strony WWW na WebKrytyku, więc dzisiaj przyjrzymy się stronie, która od pewnego czasu leżała na stosie stron do sprawdzenia – sitefuture.pl. Wygląd i działanie Z racji tego, że mój Chrome ostatnio nie domaga (za dużo powłączanych eksperymentów), zmuszony byłem skorzystać z Firefoksa

    • Wpadki i wypadki #11

      webkrytyk

      Oto kolejny odcinek Wpadek i wypadków! Dzisiaj zajmiemy się wzorcem, który ostatnimi czasy zdobywa naprawdę sporą popularność: umieszczaniem linków w przyciskach i przycisków w linkach. Mówię tutaj o konstrukcjach typu: <a href="#"> <button>Jestem przyciskiem w linku</button> </a> <button> <a href="#">Jestem linkiem w przycisku</a> </button> Tego typu konstrukcje są złe

  • nettecode

    • Junior Front-end Developer – analiza ofert pracy [2020!]

      nettecode

      Co warto znać aplikując na stanowisko Front-end developera? Jak różnią się poszczególne oferty pracy? Co jest MUST HAVE, a co możesz zostawić na później? Wnioski z analizy kilku losowych ofert pracy dla Junior Front-end developera na 2020 rok. Artykuł Junior Front-end Developer – analiza ofert pracy [2020!] pochodzi z serwisu

    • Kierunek: Front-end na start?

      nettecode

      Co znajdziesz w dzisiejszym artykule? informacja nt. mojego ebooka „Kierunek: Front-end. Twoja ścieżka nauki, 2020+”, który w ostatnich dniach wylądował w sprzedaży! odpowiedź na dwa pytania: Czy HTML/CSS to dobry pomysł na start nauki programowania? Front-end jako trampolina do kariery programisty? Temat Front-endu wraca na tego bloga jak bumerang

    • Kierunek: Front-end. Twoja ścieżka nauki + Mały Status Update

      nettecode

      W końcu dobiega końca praca nad moim pierwszym płatnym ebookiem. Miałam mieszane uczucia co do tematyki, ale przyznam, że efekt mega mi się podoba <3 Mam wrażenie, że może przypaść do gustu i Tobie (oczywiście, o ile interesuje Cię nauka Front-endu ;) ). Po więcej szczegółów zajrzyj do artykułu

    • Po raz ostatni?

      nettecode

      Dziś mam nadzieję ostatni artykuł z cyklu: “o wszystkim i o niczym” 😀 Postanowiłam, że na blogu NetteCode nie będę już więcej pisać w tematach “różnych”, tj. “Co u mnie słychać?”, “Gdzie byłam jak mnie nie było?”, “Co w planach?”, itp. Blog NetteCode zostanie miejscem, poświęconym już tylko i wyłącznie

    • Bo co najgorszego może się stać? (Czytaj do końca :) Warto!)

      nettecode

      Muszę Wam się do czegoś przyznać. Od dłuższego czasu nosiłam się z zamiarem rezygnacji z etatu i przejścia na swoje. Z wielu powodów, których nie będę ani wymieniać ani priorytetować. Z perspektywy czasu (krótkiej, bo krótkiej ale…) widzę, że cholernie się tego bałam. Etat wydawał się tak bezpieczną opcją