Polski frontend

Wszystkie artykuły

Zgłoś serwis
  • webroad.pl

    • Laravel: porządek w migracjach bazy danych

      webroad.pl 

      Piątek wieczór – czas w sam raz na ostre cięcie na produkcji :-) Dzisiaj krótki wpis, który uporządkuje katalog z klasami migracji bazy danych w Laravelu. Z biegiem czasu straszliwie puchnie i warto go co jakiś czas trochę odchudzić. Jak zrobić zrzut struktury bazy danych do pliku? Służy do tego

    • Dostosowywanie klawiatury urządzenia mobilnego w polach formularza

      webroad.pl 

      Polami formularza możemy manipulować za pomocą atrybutu type. Nie zawsze jednak urządzenie mobilne wie dokładnie, jaką klawiaturę wysunąć użytkownikowi, szczególnie w różnego typu specyficznych przypadkach. Nie zawsze chcemy też polegać na domyślnym wyborze przeglądarki. Możemy temu w prosty sposób zaradzić i samodzielnie zdefiniować widok klawiatury urządzenia mobilnego. Wykorzystamy w tym

    • Jak wyśrodkować element w kontenerze – 3 sposoby: Flexbox, Grid i Block

      webroad.pl 

      Po świąteczno-noworocznej przerwie pora rozruszać stawy palcach. Dzisiejszym tematem będzie centrowanie elementu znajdującego się w kontenerze. Rzecz prosta, lecz często poszukiwana w wyszukiwarkach, szczególnie przez początkujących web-developerów. O tym, jak wyśrodkować element za pomocą trzech sposobów – Flexbox, Grid i Block – przeczytasz poniżej. Załóżmy, że znaleźliśmy się w sytuacji,

    • Wykrywanie systemowych preferencji trybu ciemnego lub jasnego w CSS

      webroad.pl 

      Ostatnio bardzo modny ale i za razem praktyczny – z punktu widzenia użytkownika – jest temat udostępniania wszem i wobec ciemnych wersji interfejsu aplikacji webowych. Sam jestem zwolennikiem tego ruchu i z utęsknieniem wypatruję kolejnych usług, które taką formę oferują. Co ciekawe, za pomocą CSS3 i reguł dostępnych w Media

    • Jak zaznaczyć poprawnie i błędnie wypełnione pola formularza w CSS?

      webroad.pl 

      Znacie ten ból podczas wypełniania formularza na stronie internetowej? Ciągłe komunikaty – wypełnij to pole, niepoprawny format. Klikamy i klikamy, czasem kilka razy w przycisk wysyłania, za każdym razem dowiadując się o błędach walidacji. Co zrobić, aby takim jak my, żyło się lepiej? Zaoferować choćby minimalną, niewielką pomoc w postaci

  • overment

    • Asynchroniczność w JavaScript krok po kroku

      overment 

      Asynchroniczność w JavaScript z jednej strony daje duże możliwości a z drugiej stawia przed nami wyzwania dotyczące zapanowania nad kodem aplikacji. W tym warsztacie poznasz najważniejsze zagadnienia i kontekst, które pozwolą Ci lepiej zrozumieć asynchroniczność oraz różne techniki przydatne w praktyce. Mowa m.in. o Higher-Order Functions, Currying oraz Promise

    • Closure w praktyce, czyli zrozumieć JavaScript | overment

      overment 

      Closure w JavaScript występuje niemal na każdym kroku i daje ogromne możliwości. Z tego powodu często pojawia się w rozmowach rekrutacyjnych. I nawet pomimo tego często sprawia wiele problemów nawet doświadczonym programistom. W tym filmie wyjaśnię: 👉 Czym jest closure? 👉 Kilka istotnych definicji (np. funkcje jako First-Class Objects)

    • Tworzymy grę Snake w Funkcyjnym JavaScript z Ramda.js

      overment 

      Tworzenie prostych gier to świetny sposób nauki programowania. Dlatego w tym filmie pokażę w jaki sposób możemy stworzyć grę Snake, wykorzystując programowanie funkcyjne (a raczej jego podstawy) w JavaScript z pomocą biblioteki Ramda.js. Wykorzystamy tutaj techniki omówione w serii o Programowaniu Funkcyjnym (https://www.youtube.com/playlist?list=PLjHmWifVUNMLR1Oz3WYK7XRLEY5LvSOPu), dlatego jeżeli ten materiał jest dla Ciebie

  • Solution Chaser

    • Back-end w Node.js z Nest.js (REST API #1)

      Solution Chaser 

      Dzień dobry! Mam nadzieje, że wszystko u was w porządku, 2020 był ciężki, trzymajcie się!Dzisiaj zabiorę Was na przygodę z Nest.js - biblioteką która wprowadza poważne wzorce i architekturę do aplikacjach opartych na Express.js. Uczciwie przyznam, że od dawna spoglądam tam w poszukiwaniu inspiracji i rozwiązań, więc

    • Docker Compose dla początkujących

      Solution Chaser 

      Dzień dobry!Mam nadzieje, że jesteście zdrowi i chętni do nauki, bowiem ruszamy z kolejną częścią serii o konteneryzacji. Pierwszą możecie przeczytać tutaj gdzie wyjaśniam podstawy dockera :)Oczywiście polecam mojego instagrama oraz staram się wrócić na Twittera ze śmieszną poezją developerską. Serio.Segment reklamowy zakończony, więc kodujmy:Zastanawiałam się jak

    • Vue Router i TypeScript - jak zrobić frontowy routing?

      Solution Chaser 

      Dzień dobry! Mam nadzieje, że macie się dobrze, wakacje minęły pogodnie i jesteście głodni wiedzy. Dzisiaj powrócimy do Vue zaliczając kolejny, niezbędny element z stacku Vue: Vue Router. Zaczniemy prosto dlatego zapraszam wszystkich początkujących do nauki!Krótki blok reklamowy: Facebook, Instagram. Implementacja - jak zawsze - w TypeScriptcie.Konfiguracja Typescripta

    • Podstawy Continuous Integration&Delivery na przykładzie Github Actions

      Solution Chaser 

      Continuous Integration i Continous Delivery to terminy, które powinny być znane każdemu programiście. Continuous Integration to praktyka regularnego mergowania kodu dzięki której powstało mnóstwo świetnych praktyk i narzędzi. Jest związana z pojęciem Continous Delivery, które odnosi się do regularnego wydawania na produkcję małych funkcjonalności. Dzisiaj spróbuję początkującym wyjaśnić z czym

  • hello roman

    • Błędy code review ⌨️ hello roman #146

      hello roman 

      Code review to jeden z najważniejszych procesów developmentu – nie tylko pozwala nam uniknąć poważnych błędów, ale przede wszystkim nauczyć się tony rzeczy, dzięki współpracy z innymi programistami! W tym odcinku wymieniam najczęstsze błędy popełniane przez programistów podczas code review. ⭐️ Wesprzyj kanał za 34,99 zł na miesiąc i uzyskaj

    • Animowane prezentacje w Figmie ⌨️ hello roman #145

      hello roman 

      Figma to nie tylko doskonałe narzędzie do tworzenia projektów interfejsów, aplikacji czy całych design systemów. W tym odcinku pokażę Wam, jak dzięki Figmie stworzycie animowane prezentacje i jak łatwo w Figmie animować dowolne elementy. Prezentacja: https://www.figma.com/file/fmrWSxvnlwn2aTkZbA9cp7/Grady-Presentation-Template-Community?node-id=0%3A1 Animacja: https://www.figma.com/proto/fmrWSxvnlwn2aTkZbA9cp7/Grady-Presentation-Template-(Community)?node-id=1%3A2&scaling=min-zoom ⭐️ Wesprzyj kanał za 34,99 zł na miesiąc i uzyskaj dostęp

    • Czy no-code / low-code zastąpi programistów? ⌨️ hello roman #143

      hello roman 

      Czy rozwiązania no-code i low-code zastąpią kiedyś programistów? Czy maszyny przejmą kontrolę nad światem i starzy dobrzy developerzy nie znajdą już dla siebie miejsca? Obecnie obserwujemy prawdziwy wysyp rozwiązań, które przy pomocy interfejsu oferują nam tworzenie całych aplikacji. Pytanie tylko – czy to ma sens? ⭐️ Wesprzyj kanał za 34,99

    • Jak przeżyłem 2020? 🎉 hello roman #142

      hello roman 

      ⭐️ Wesprzyj kanał za 34,99 zł na miesiąc i uzyskaj dostęp do wszystkich moich kursów na kanale: https://www.youtube.com/channel/UCq8XmOMtrUCb8FcFHQEd8_g/join 📓 Kup Hello Notes na https://sklep.helloroman.pl 🔔 Subskrybuj mój kanał - https://www.youtube.com/helloroman?sub_confirmation=1 📌 Sprawdź też: Instagram - http://instagram.com/siemaroman Facebook - https://facebook.com/helloroman.vlog Moja strona - https://helloroman.com 📫 Mój newsletter - https://helloroman.com/newsletter ✉️ Kontakt

    • Co warto wiedz... bez sensu! ⌨️ hello roman #141

      hello roman 

      ⭐️ Wesprzyj kanał za 34,99 zł na miesiąc i uzyskaj dostęp do wszystkich moich kursów na kanale: https://www.youtube.com/channel/UCq8XmOMtrUCb8FcFHQEd8_g/join 📓 Kup Hello Notes na https://sklep.helloroman.pl 🔔 Subskrybuj mój kanał - https://www.youtube.com/helloroman?sub_confirmation=1 📌 Sprawdź też: Instagram - http://instagram.com/siemaroman Facebook - https://facebook.com/helloroman.vlog Moja strona - https://helloroman.com 📫 Mój newsletter - https://helloroman.com/newsletter ✉️ Kontakt