Polski frontend

Wszystkie artykuły

Dodaj serwis
  • koduje YouTube

    • Mobile first - widok mobilny messenger: Flexbox

      koduje YouTube 

      W tym praktycznym ćwiczeniu stworzymy widok mobilny aplikacji czatu - messenger. Wykorzystamy do tego CSS Flexbox oraz ikony SVG. 00:00 - Wprowadzenie 01:07 - Darmowe ikony SVG 02:28 - Tworzymy dolny pasek nawigacyjny 04:54 - Tworzymy górne menu nawigacyjne 08:50 - Pole wyszukiwarki 12:13 - Tworzenie listy konwersacji (emmet) 17:53

    • Jak działa CSS counters? Liczniki w CSS

      koduje YouTube 

      W tym wideo przeprowadzę Cię przez kilka przykładów gdzie potencjalnie możemy wykorzystać CSS Counters - z zaznaczeniem, gdzie warto z nich korzystać, a gdzie lepiej ich unikać. 00:00 - Intro / Wprowadzenie 01:47 - Omówienie początkowych styli css 02:33 - Stylowanie punktorów list nienumerowanych 04:14 - Selektor znaków unicode 05:06

    • Progressive Enhancement i clip-path: Interaktywna mapa województw

      koduje YouTube 

      Zobacz czym jest progressive enhancement w warsztacie w którym stworzymy interaktywną mapę województw, funkcjonalną bez względu na stos technologiczny. 00:00 - Wprowadzenie 01:46 - Problem ze znacznikami map i area 02:34 - Progressive enhancement w pigułce 02:58 - Bazowy CSS do przykładu 05:14 - Dostępny, ukryty tekst 06:07 - Wykorzystujemy

    • Certyfikat NodeJS - czy warto? Podchodzę do certyfikacji JSNSD

      koduje YouTube 

      Czy warto podejmować się certyfikatów dla programistów? Czy ułatwia to znalezienie pracy? Czy dam radę zdać egzamin z NodeJS? 00:00 - Intro & Wprowadzenie 01:56 - Koszt certyfikatu i budżety szkoleniowe 02:52 - Treść egzaminu 05:08 - Trudność i forma egzaminu 06:56 - Zapis na egzamin 07:35 - Jak wygląda

    • Współczesny responsive web design: jak tworzyć rensponsywne strony?

      koduje YouTube 

      W tym wideo opowiadam jak według mnie może wyglądać współczesny web design. 00:00 - Intro 00:07 - Tworzymy markup 00:47 - Stylujemy karty 01:14 - Krótkie wyjaśnienie różnych wartości display 01:46 - Tworzymy responsywny layout w gridzie 05:42 - @media queries 09:50 - O breakpointach 11:49 - grid-auto-flow: dense 13:05

  • Frontlive.pl by Olaf Sulich

  • Type of Web YouTube

    • Nowoczesny Frontend: GraphQL, TypeScript, React Hooks [LIVE]

      Type of Web YouTube 

      Jak tworzyć wydajne aplikacje dzięki API GraphQL? Czy GraphQL ma sens przy statycznie generowanych stronach? W jaki sposób generować typy, a nawet gotowe hooki na podstawie API GraphQL? Na te i inne pytania odpowiadają Michał Miszczyszyn i Jakub Neander w trakcie dyskusji i live codingu. ⚠️ Kurs Nowoczesny Frontend już

    • Nowoczesny Frontend: Next.js Incremental Static Regeneration [LIVE]

      Type of Web YouTube 

      ⚠️ Kurs Nowoczesny Frontend już dostępny! https://next.hyperfunctor.com?utm_source=youtube_live1 Czy dynamiczne aplikacje da się implementować jako statyczne strony? Jak budować nowoczesny frontend? Dlaczego Next.js to najlepszy wybór do tworzenia rozbudowanych frontendów? Na te i inne pytania odpowiadają Michał Miszczyszyn i Jakub Neander w trakcie dyskusji i live codingu. #nextjs #react #frontend #next

    • Sesja Q&A – Preact | Svelte | DX | Dokumentacja | Open Source · RANDLAB/MEET

      Type of Web YouTube 

      Timeline: 00:23 – Jak widzimy przyszłość Preact? 01:27 – Jak powinien wyglądać podział zysków w projekcie Open Source pomiędzy kontrybutorów? 03:26 – Opinie o Svelte. 04:46 – Trendy w DX (Developer Experience) 07:38 – Cechy dobrej dokumentacji Odpowiadają Michał Miszczyszyn i Michał Michalczuk #meetup #qa #randlab #preact #svelte #dx #docs

    • 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

  • Comandeer’s blog

    • Światowy Dzień Świadomości Dostępności 2022

      Comandeer’s blog 

      Dzisiaj obchodzimy Światowy Dzień Świadomości Dostępności (ang. Global Accessibility Awareness Day), który obchodzony jest w każdy trzeci czwartek maja. Celem tego święta jest podwyższanie świadomości tego, jak istotna jest cyfrowa dostępność i jak można ją poprawiać w naszym najbliższym, cyfrowym otoczeniu.

    • dev.js Summit 2022 – slajdy

      Comandeer’s blog 

      28 kwietnia odbyła się konferencja dev.js Summit 2022, dlatego dzisiaj wrzucam na bloga slajdy z prelekcji (PDF)! Samą prelekcję będzie można z kolei już wkróce obejrzeć na kanale dev.js na YouTubie.

    • dev.js Summit 2022

      Comandeer’s blog 

      Już 28 kwietnia 2022 roku odbędzie się kolejna edycja dev.js Summit – największej polskiej konferencji poświęconej JavaScriptowi i frontendowi! Będzie to wydarzenie całkowicie bezpłatne i będzie można się nim rozkoszować z zacisza własnego fotelu przed kominkiem.

    • CSS Naked Day 2022

      Comandeer’s blog 

      W końcu się udało! Tym razem nie zapomniałem i dodałem skrypt wyłączający CSS na blogu na 9 kwietnia każdego roku. Wszystko po to, by uczcić CSS Naked Day.

    • 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: