Tak, to już piątek, a ja przybywam z nowym zestawieniem ciekawych linków z branży IT - zapraszam do lektury :)
1) Pełna roadmapa umiejętności wartych opanowania przez web developera https://andreasbm.github.io/web-skills/ INFO: użyj drag&drop, aby zobaczyć całą listę. Po najechaniu myszką zobaczysz linki do stron, które ułatwią Ci naukę
2) Elevator Saga - czy umiałbyś zaprogramować algorytm do obsługi windy w JavaScript? https://play.elevatorsaga.com/ INFO: stara, dobrze znana gra, do której warto wrócić po latach. Kliknij start i po każdej zmianie kodu 'Apply'. Koniecznie przeczytaj dokumentację (przykładowy kod nie obsługuje nawet naciśnięcia przycisku w windzie i operuje tylko jedną kabiną!). Wysiadłem przy 4 poziomie.
3) Untursted - gra programistyczna. Po prostu wyjdź bohaterem przez drzwi. https://alexnisnevich.github.io/untrusted/ INFO: zadanie wydaje się banalnie proste, ale wraz z kolejnymi etapami, staje się to coraz trudniejsze. Musisz modyfikować kod aplikacji widoczny na ekranie, ale część czerwona jest w trybie read-only. Gra uczy bardziej czytania cudzego kodu niż programowania.
4) Jaki film oglądnąć dziś wieczorem? https://datenightmovies.com/ INFO: w teorii to aplikacja 'dla dwojga', ale w praktyce podaj dwa filmy, które sam lubisz, a w odpowiedzi otrzymasz kilkanaście innych, które mogą mieć podobny klimat. Są tam też polskie
5) Atak 'relay' na Apple Pay z dodaną kartą Visa https://practical_emv.gitlab.io INFO: jest to atak możliwy do przeprowadzenia (zobacz film), ale raczej teoretyczny, bo takie oszustwo byłoby szybko wykryte. Nie jest to dziura w Apple Pay, ani dziura w kartach Visa, a luka w implementacji komunikacji między tymi dwoma systemami. Karty Visa np. na Androidzie nie mają tego problemu tak jak i Mastercardy na iOS
6) Obsługa CURLa jest dla Ciebie za trudna? To używaj HURLa - wersja curla dla ludzi https://hurl.dev/index.html INFO: bardzo fajne narzędzie i to nie tylko dla początkujących. Korzystając z prostego pliku TXT, można w tym napisać proste testy aplikacji webowej. Projekt pod spodem i tak korzysta z curla.
7) Na czym dokładnie polegała awaria Facebooka - techniczne wyjaśnienie problemu od Cloudflare https://blog.cloudflare.com/october-2021-facebook-outage/ INFO: ciekawe wyjaśnienie tego, czym jest ASN, jak działa DNS, na czym polega rozgłaszanie adresów po BGP. Dobra czytanka dla technicznych geeków.
9) Geo Detektyw - czy można namierzyć lokalizację zrobienia danego zdjęcia (bez metadanych!) https://www.youtube.com/playlist?list=PL_japiE6QKWqMVC3JbyONau_0CZlDTU5f INFO: ciekawy kanał (to link do playlisty), gdzie autor stara się stwierdzić, gdzie zostało zrobione dane zdjęcie. Momentami autor używa ciekawych technik (używając narzędzi tak zaawansowanych, jak MS Paint)
11) WebGoat - dziurawa aplikacja webowa od OWASP do nauki pentestingu/hackingu https://owasp.org/www-project-webgoat/ INFO: aplikacja została stworzona w Javie z użyciem popularnych komponentów. Można ją uruchomić jako obraz dockera. Projekt istnieje już wiele lat, ale 3 dni temu wydano uaktualnioną wersję.
12) Power Automate - czyli zautomatyzuj swojego Windowsa https://youtu.be/Se-g55rNr08?t=452 INFO: interesująca treść zaczyna się dopiero po około 7 minucie. Warto też rzucić okiem na inne filmy na kanale.
13) Absolutne podstawy IPv6 dla osób pracujących jedynie z adresacją IPv4 https://metebalci.com/blog/hello-ipv6/ INFO: jak zbudowane są adresy (dlaczego to 2 części po 64 bity?), dlaczego NAT jest zazwyczaj zbyteczny? gdzie się podział broadcast i wiele innych ciekawych zagadnień dla początkujących (ale nie tylko).
16) Fizyczny kalendarz zbudowany na wyświetlaczu e-Papierowym, sterowany przez Raspberry Pi i synchronizujący się z Google Calendar https://github.com/speedyg0nz/MagInkCal INFO: projekt jest bardzo prosty w budowie (dwa gotowe komponenty, bez lutowania itp). Jeśli tylko zamienimy 12-calowy, kolorowy wyświetlacz na jego monochromatyczną wersję mającą 7 cali, to z projektem zmieścimy się w 300-350zł (sam wyświetlacz 12 cali+kolor to około 1000zł)
17) Czy tryb incognito w przeglądarce zabezpieczy Cię przed śledzeniem przez reklamodawców? Niekoniecznie. https://www.nothingprivate.ml/ INFO: ten serwis udowadnia, że będąc w trybie incognito, właściciel strony nadal wie, ze to Ty. Odwiedź stronę, napisz coś, a następnie wejdź na nią w trybie incognito.
18) Jedna spójna skórka dla wszystkich elementów systemu https://themer.dev INFO: IDE, przeglądarka, terminal i wiele innych aplikacji mogą mieć jednolite kolory, a ten generator Ci to umożliwi. W polu do podawania ceny za skórkę można wpisać zero, ale może daj coś autorowi, jeśli jego praca Ci się podoba :)
19) Generator 'gładkich' animacji w CSS - ustawiamy tam ścieżki dla easing https://easyeasings.com INFO: gotowy, wygenerowany kod masz w prawym górnym rogu
20) Skrajnie prosty serwer WWW podający statyczne, zdefiniowane przez Ciebie treści https://github.com/xnbox/DeepfakeHTTP INFO: to nie jest serwer do użytku produkcyjnego. Przyda się do eksperymentów z API, do hackathonów, robienia zaślepek w aplikacji testowej itp.
21) Generator layoutów w CSS https://layout.bradwoods.io INFO: wybierz jeden z pięciu układów jako punkt startowy i
23) Do jakich kategorii reklamowych zaklasyfikowało Cię Google? https://adssettings.google.com/authenticated INFO: aby link działał, musisz być zalogowany na swoje konto. Ja dowiedziałem się, że interesuję się ponoć kwiatami, hip-hopem i wioślarstwem, ale reszta kategorii była niezwykle trafna.
24) Archivematica - narzędzie self-hosted do archiwizowania zasobów internetu https://www.archivematica.org/en/ INFO: to coś jak Web Archive, ale w prywatnej wersji, która działa na Twoich zasadach i archiwizuje to, co sam wskażesz. Działa na Windowsie, Macu i Linuksie
25) HelloSystem - otwartoźródłowy system operacyjny przeznaczony dla byłych użytkowników Maców https://www.youtube.com/watch?v=o3z9QnMTLm8 INFO: wygląda i działa niemal identycznie jak MacOS. Nie jest to dystrybucja Linuksa, a system bazujący na FreeBSD. Link do systemu (można pobrać ISO dla VM od testów) jest w opisie do filmu
26) Firefox zacznie wyświetlać reklamy kontekstowe w miejscu podpowiedzi paska adresu? https://support.mozilla.org/en-US/kb/navigate-web-faster-firefox-suggest INFO: jak podaje Mozilla, będą to "podpowiedzi od zaufanych partnerów" (np. prognoza pogody), ale dodaje też, że będą tam "wyniki sponsorowane" (czyli reklamy)
27) Atropos JS - biblioteka do tworzenia efektu 3D Parallax https://atroposjs.com/?utm_source=tldrnewsletter INFO: pomachaj myszką nad głównym zdjęciem lub obiektami z sekcji 'showcase', a natychmiast zrozumiesz, o co chodzi. Wygląda świetnie.
== LINKI TYLKO DLA PATRONÓW ==
28) Nauka Pythona od zera z interaktywnego kursu online https://uw7.org/un_6160330befe18 INFO: wykonujesz zadania krok po kroku. Jeśli nie pojawia się przycisk 'next', to znak, że albo nie zrobiłeś zadania, albo wynik nie jest taki jak oczekiwany.
29) Optymalizacja ustawień VS Code dla maksymalnej produktywności https://uw7.org/un_61603312cd9d4 INFO: łącznie 17 porad, co i jak ustawić, aby pracowało nam się przyjemniej i efektywniej
30) Tworzenie gier w JavaScript, a dokładniej to tworzenie 28 gier (playlista) https://uw7.org/un_61603318c9856 INFO: filmy są długie (przeważnie 30-50 minut), ale prowadząca youtuberka fajnie umie wszystko wytłumaczyć, więc warto oglądać.
== Chcesz, aby Twój link pojawił się tutaj? Po prostu mi go zgłoś. To zupełnie NIC nie kosztuje - dodaję jednak tylko to, co mi przypadnie do gustu. https://mrugalski.pl/suggest.html
@imlmpe: @lady_katarina: jeśli chodzi o tę kategorię, to czasem telefon przechwyci to o czym mówią osoby w biurze i później wyświetlają się reklamy tego dotyczące. W poprzedniej pracy często telefon słyszał różne nazwy producentów narzędzi bo byłem technologiem w firmie produkującej meble, to miałem pełno reklam narzędzi. Teraz znowu mam pełno reklam sprzętu IT bo sam jestem handlowcem w firmie sprzedającej komputery serwery itd. Nawet reklamy mojej firmy mam na
XDD odnośnie tych kategorii reklamowych google... PS. nie mam dzieci XD co tu się wydarzyło
@lady_katarina: też nie mam, a mam na liście "Baby care & hygiene", "Babies & Toddlers", "Child Car Seats", "Children's clothing", "Early childhood education", "Family", "Family oriented games", trochę dużo. Ale widzę też "Parental status: not a parent", więc niby wie. Może wpadliśmy w moduł eksperymentu kształtowania zachowań i potrzeb społecznych? ( ͡~ ͜ʖ͡
@imlmpe: 9) Wszedłem w kanał tego autora, posortowałem wrzutki po najpopularniejszych i tak spędziłem bardzo przyjemnie minimum 2h niedzielnego popołudnia :)
17) Przepraszam, ale wrzuciłem to dziś w Twoim formularzu, zanim doszedłem, że pojawiło się to w owym zestawieniu.
18) Ze swojej strony polecam też draculatheme.com, jeśli chcielibyśmy szybko poustawiać ten sam styl dla wielu aplikacji. Dzięki stronce z numeru 18 udało mi się jeszcze wygenerować styl Draculi dla CMD.exe,
@stylap: Jeśli chodzi o Draculę, to od tego czasu doszukałem się, że jednak jest oficjalny styl Draculi do CMD.exe i wygląda on dużo lepiej niż ten z linku numer 18.
@stylap: Ze swojej strony kupiłem wersję pro i używam jej w: * Google Chrome (plik musimy niestety przechowywać lokalnie na każdym osobnym urządzeniu) * Slack * VS Code (nawet wrzuciłem kilka screenów w tym wpisie) * Windows Terminal.
Poza tym, fajnym dodatkiem jest audiobook/książka o produktywności. Przesłuchałem jej raz w jeden dzień i tutaj podsumowałem.
Czy to wszystko jest warte swojej ceny? Nie mi to oceniać, ale jak dla mnie
1) Pełna roadmapa umiejętności wartych opanowania przez web developera
https://andreasbm.github.io/web-skills/
INFO: użyj drag&drop, aby zobaczyć całą listę. Po najechaniu myszką zobaczysz linki do stron, które ułatwią Ci naukę
2) Elevator Saga - czy umiałbyś zaprogramować algorytm do obsługi windy w JavaScript?
https://play.elevatorsaga.com/
INFO: stara, dobrze znana gra, do której warto wrócić po latach. Kliknij start i po każdej zmianie kodu 'Apply'. Koniecznie przeczytaj dokumentację (przykładowy kod nie obsługuje nawet naciśnięcia przycisku w windzie i operuje tylko jedną kabiną!). Wysiadłem przy 4 poziomie.
3) Untursted - gra programistyczna. Po prostu wyjdź bohaterem przez drzwi.
https://alexnisnevich.github.io/untrusted/
INFO: zadanie wydaje się banalnie proste, ale wraz z kolejnymi etapami, staje się to coraz trudniejsze. Musisz modyfikować kod aplikacji widoczny na ekranie, ale część czerwona jest w trybie read-only. Gra uczy bardziej czytania cudzego kodu niż programowania.
4) Jaki film oglądnąć dziś wieczorem?
https://datenightmovies.com/
INFO: w teorii to aplikacja 'dla dwojga', ale w praktyce podaj dwa filmy, które sam lubisz, a w odpowiedzi otrzymasz kilkanaście innych, które mogą mieć podobny klimat. Są tam też polskie
5) Atak 'relay' na Apple Pay z dodaną kartą Visa
https://practical_emv.gitlab.io
INFO: jest to atak możliwy do przeprowadzenia (zobacz film), ale raczej teoretyczny, bo takie oszustwo byłoby szybko wykryte. Nie jest to dziura w Apple Pay, ani dziura w kartach Visa, a luka w implementacji komunikacji między tymi dwoma systemami. Karty Visa np. na Androidzie nie mają tego problemu tak jak i Mastercardy na iOS
6) Obsługa CURLa jest dla Ciebie za trudna? To używaj HURLa - wersja curla dla ludzi
https://hurl.dev/index.html
INFO: bardzo fajne narzędzie i to nie tylko dla początkujących. Korzystając z prostego pliku TXT, można w tym napisać proste testy aplikacji webowej. Projekt pod spodem i tak korzysta z curla.
7) Na czym dokładnie polegała awaria Facebooka - techniczne wyjaśnienie problemu od Cloudflare
https://blog.cloudflare.com/october-2021-facebook-outage/
INFO: ciekawe wyjaśnienie tego, czym jest ASN, jak działa DNS, na czym polega rozgłaszanie adresów po BGP. Dobra czytanka dla technicznych geeków.
8) Używasz aplikacji do generowania kodów (OTP) w stylu Authy lub Google Authenticatora? Czas na nowe zagrożenie...
https://krebsonsecurity.com/2021/09/the-rise-of-one-time-password-interception-bots/
INFO: powstają boty wycelowane w użytkowników tego rodzaju aplikacji. Może już czas kupić klucz U2F?
9) Geo Detektyw - czy można namierzyć lokalizację zrobienia danego zdjęcia (bez metadanych!)
https://www.youtube.com/playlist?list=PL_japiE6QKWqMVC3JbyONau_0CZlDTU5f
INFO: ciekawy kanał (to link do playlisty), gdzie autor stara się stwierdzić, gdzie zostało zrobione dane zdjęcie. Momentami autor używa ciekawych technik (używając narzędzi tak zaawansowanych, jak MS Paint)
10) W jaki sposób działa "Find My iPhone", gdy telefon jest wyłączony?
https://naehrdine.blogspot.com/2021/09/always-on-processor-magic-how-find-my.html?m=1
INFO: Apple opracowało ciekawą metodę namierzania nawet wyłączonych urządzeń.
11) WebGoat - dziurawa aplikacja webowa od OWASP do nauki pentestingu/hackingu
https://owasp.org/www-project-webgoat/
INFO: aplikacja została stworzona w Javie z użyciem popularnych komponentów. Można ją uruchomić jako obraz dockera. Projekt istnieje już wiele lat, ale 3 dni temu wydano uaktualnioną wersję.
12) Power Automate - czyli zautomatyzuj swojego Windowsa
https://youtu.be/Se-g55rNr08?t=452
INFO: interesująca treść zaczyna się dopiero po około 7 minucie. Warto też rzucić okiem na inne filmy na kanale.
13) Absolutne podstawy IPv6 dla osób pracujących jedynie z adresacją IPv4
https://metebalci.com/blog/hello-ipv6/
INFO: jak zbudowane są adresy (dlaczego to 2 części po 64 bity?), dlaczego NAT jest zazwyczaj zbyteczny? gdzie się podział broadcast i wiele innych ciekawych zagadnień dla początkujących (ale nie tylko).
14) Jakie słowo jest najczęściej wpisywane w wyszukiwarkę Bing?
https://www.bbc.com/news/technology-58749525
INFO: nie będę robił spoilera...
15) Czy tokeny NFT to po prostu MLMy dla ludzi technicznych?
https://every.to/napkin-math/nft-projects-are-just-mlms-for-tech-elites
INFO: ciekawa analiza modelu biznesowego stojącego za NFT i wyszczególnienie cech wspólnych z MLM i schematem Ponziego
16) Fizyczny kalendarz zbudowany na wyświetlaczu e-Papierowym, sterowany przez Raspberry Pi i synchronizujący się z Google Calendar
https://github.com/speedyg0nz/MagInkCal
INFO: projekt jest bardzo prosty w budowie (dwa gotowe komponenty, bez lutowania itp). Jeśli tylko zamienimy 12-calowy, kolorowy wyświetlacz na jego monochromatyczną wersję mającą 7 cali, to z projektem zmieścimy się w 300-350zł (sam wyświetlacz 12 cali+kolor to około 1000zł)
17) Czy tryb incognito w przeglądarce zabezpieczy Cię przed śledzeniem przez reklamodawców? Niekoniecznie.
https://www.nothingprivate.ml/
INFO: ten serwis udowadnia, że będąc w trybie incognito, właściciel strony nadal wie, ze to Ty. Odwiedź stronę, napisz coś, a następnie wejdź na nią w trybie incognito.
18) Jedna spójna skórka dla wszystkich elementów systemu
https://themer.dev
INFO: IDE, przeglądarka, terminal i wiele innych aplikacji mogą mieć jednolite kolory, a ten generator Ci to umożliwi. W polu do podawania ceny za skórkę można wpisać zero, ale może daj coś autorowi, jeśli jego praca Ci się podoba :)
19) Generator 'gładkich' animacji w CSS - ustawiamy tam ścieżki dla easing
https://easyeasings.com
INFO: gotowy, wygenerowany kod masz w prawym górnym rogu
20) Skrajnie prosty serwer WWW podający statyczne, zdefiniowane przez Ciebie treści
https://github.com/xnbox/DeepfakeHTTP
INFO: to nie jest serwer do użytku produkcyjnego. Przyda się do eksperymentów z API, do hackathonów, robienia zaślepek w aplikacji testowej itp.
21) Generator layoutów w CSS
https://layout.bradwoods.io
INFO: wybierz jeden z pięciu układów jako punkt startowy i
22) Baza kanałów YT dla uczniów i studentów
https://docs.google.com/spreadsheets/d/1WYv42MiodovhUDb8XwRVbn24gS1AgIY57xDc8OcXRz4/edit?usp=sharing
INFO: arkusz Google z zebranymi linkami do kanałów związanych z nauczaniem matematyki, biologii, historii i innych
23) Do jakich kategorii reklamowych zaklasyfikowało Cię Google?
https://adssettings.google.com/authenticated
INFO: aby link działał, musisz być zalogowany na swoje konto. Ja dowiedziałem się, że interesuję się ponoć kwiatami, hip-hopem i wioślarstwem, ale reszta kategorii była niezwykle trafna.
24) Archivematica - narzędzie self-hosted do archiwizowania zasobów internetu
https://www.archivematica.org/en/
INFO: to coś jak Web Archive, ale w prywatnej wersji, która działa na Twoich zasadach i archiwizuje to, co sam wskażesz. Działa na Windowsie, Macu i Linuksie
25) HelloSystem - otwartoźródłowy system operacyjny przeznaczony dla byłych użytkowników Maców
https://www.youtube.com/watch?v=o3z9QnMTLm8
INFO: wygląda i działa niemal identycznie jak MacOS. Nie jest to dystrybucja Linuksa, a system bazujący na FreeBSD. Link do systemu (można pobrać ISO dla VM od testów) jest w opisie do filmu
26) Firefox zacznie wyświetlać reklamy kontekstowe w miejscu podpowiedzi paska adresu?
https://support.mozilla.org/en-US/kb/navigate-web-faster-firefox-suggest
INFO: jak podaje Mozilla, będą to "podpowiedzi od zaufanych partnerów" (np. prognoza pogody), ale dodaje też, że będą tam "wyniki sponsorowane" (czyli reklamy)
27) Atropos JS - biblioteka do tworzenia efektu 3D Parallax
https://atroposjs.com/?utm_source=tldrnewsletter
INFO: pomachaj myszką nad głównym zdjęciem lub obiektami z sekcji 'showcase', a natychmiast zrozumiesz, o co chodzi. Wygląda świetnie.
== LINKI TYLKO DLA PATRONÓW ==
28) Nauka Pythona od zera z interaktywnego kursu online
https://uw7.org/un_6160330befe18
INFO: wykonujesz zadania krok po kroku. Jeśli nie pojawia się przycisk 'next', to znak, że albo nie zrobiłeś zadania, albo wynik nie jest taki jak oczekiwany.
29) Optymalizacja ustawień VS Code dla maksymalnej produktywności
https://uw7.org/un_61603312cd9d4
INFO: łącznie 17 porad, co i jak ustawić, aby pracowało nam się przyjemniej i efektywniej
30) Tworzenie gier w JavaScript, a dokładniej to tworzenie 28 gier (playlista)
https://uw7.org/un_61603318c9856
INFO: filmy są długie (przeważnie 30-50 minut), ale prowadząca youtuberka fajnie umie wszystko wytłumaczyć, więc warto oglądać.
==
Chcesz, aby Twój link pojawił się tutaj?
Po prostu mi go zgłoś. To zupełnie NIC nie kosztuje - dodaję jednak tylko to, co mi przypadnie do gustu.
https://mrugalski.pl/suggest.html
Podobało się? To daj plusa :)
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #programowanie #webdev #frontend #ciekawostki #technologia #internet #komputery
źródło: comment_1633695255vkSVbu6t9kYZTeqISPdA2r.jpg
Pobierz➤ ➤ ➤ https://unknow.news
źródło: comment_1633695409653EI19aqtjpLd79vuNQah.jpg
PobierzJuż traciłem pomysły co ze sobą jeszcze 2.5 godziny robić w pracy. Dzięki!
Komentarz usunięty przez autora
@Cesarz_Polski: Dlaczego? Reklamy i tak się pojawiają, więc czy nie lepiej dostosować je pod siebie niż otrzymywać randomowe?
@imlmpe: fajna gierka, ale pewnie sporo przeszedłem inaczej niż twórca zgadywał xD
źródło: comment_16337113189pmddEHNJu8dPKHkC3JZS8.jpg
Pobierz@lady_katarina: też nie mam, a mam na liście "Baby care & hygiene", "Babies & Toddlers", "Child Car Seats", "Children's clothing", "Early childhood education", "Family", "Family oriented games", trochę dużo. Ale widzę też "Parental status: not a parent", więc niby wie. Może wpadliśmy w moduł eksperymentu kształtowania zachowań i potrzeb społecznych? ( ͡~ ͜ʖ͡
@j557: fuck, ja mam
i jak kliknę w to, to:
hmm.. czy ja o czymś nie wiem..? ;)
17) Przepraszam, ale wrzuciłem to dziś w Twoim formularzu, zanim doszedłem, że pojawiło się to w owym zestawieniu.
18) Ze swojej strony polecam też draculatheme.com, jeśli chcielibyśmy szybko poustawiać ten sam styl dla wielu aplikacji. Dzięki stronce z numeru 18 udało mi się jeszcze wygenerować styl Draculi dla CMD.exe,
* Google Chrome (plik musimy niestety przechowywać lokalnie na każdym osobnym urządzeniu)
* Slack
* VS Code (nawet wrzuciłem kilka screenów w tym wpisie)
* Windows Terminal.
Poza tym, fajnym dodatkiem jest audiobook/książka o produktywności. Przesłuchałem jej raz w jeden dzień i tutaj podsumowałem.
Czy to wszystko jest warte swojej ceny? Nie mi to oceniać, ale jak dla mnie