Oto i nowe zestawienie - tym razem dość zróżnicowane tematycznie (nie tylko webdev). Każdy znajdzie coś dla siebie :)
1) "Mój drugi rok jako solo developer" - świetna historia gościa, który rzucił pracę w Google i ruszył z własnym biznesem https://mtlynch.io/solo-developer-year-2/ INFO: przedstawienie projektów, omówienie wydatków i sporo opowieści o tym jak to się dzieje, że mu się to opłaca. Wciągająca lektura.
2) Produkcja muzyki na komputerze Amiga - jak to wyglądało w latach 90? (film, 23 minuty) https://www.youtube.com/watch?v=i9MXYZh1jcs INFO: wspaniały kawał historii, a do tego przedstawiony w interesujący sposób. Warto zobaczyć inne filmy autora (i dać mu suba).
4) Współczesne strony internetowe mocno bazują na zewnętrznych bibliotekach JS - a jak często je aktualizują? Prawie nigdy. https://blog.cloudflare.com/javascript-libraries-are-almost-never-updated/ INFO: analiza requestów przygotowana przez CloudFlare, która wskazuje, że raz osadzona na stronie biblioteka najczęściej już nigdy się nie zmienia
5) Walka z podglądaczami i cenzurą - zabawna historia studenta chcącego pozbyć się monitoringu na szkolnym komputerze https://martinrue.com/coding-stories-me-vs-vnc/ INFO: szkolny komputer był monitorowany przez zainstalowany na nim serwer VNC. Studentowi się to nie podobało...
6) Porównanie wydajności "Clear Linux" (to nazwa dystrybucji) z Fedora i Ubuntu na tanim laptopie ($199) https://www.phoronix.com/scan.php?page=article&item=clear-199-laptop INFO: artykuł ma 9 stron, ale stronnicowanie jest tak zrobione, że trudno się tego domyślić. Odnośnie testu, to ClearLinux wypada naprawdę świetnie w wielu testach.
7) Lepsza, a może i nieskończona historia poleceń w Bashu? https://www.soberkoder.com/unlimited-bash-history/ INFO: zbiór ciekawych porad odnośnie tego, jak zoptymalizować ustawienia pliku z historią poleceń (brak duplikatów, lepsze timestampy, pozbycie się limitów itp)
8) Jak wysłać mailem całe repozytorium GITa? - dobre dla rekruterów chcących widzieć kolejne kroki pracy kandydata nad zadaniami https://statagroup.com/articles/git-bundle INFO: wrzucenie repo do ZIPa i wysłanie mailem, to nie jest najlepszy pomysł. GIT ma wbudowaną natywną funkcję do robienia takiej paczki.
9) Galeria responsywnych pixelartów - pomachaj myszką i zobacz jak zachowuje się grafika https://essenmitsosse.de/pixel/ INFO: szczególnie polecam projekt 'Zeus' - tam nie tylko zmienia się rozmiar grafiki, ale i jej zawartość.
10) Stary CSS i "nowy CSS" - czyli jak zmieniał się sposób stylowania stron (i możliwości samego języka) na przestrzeni lat https://eev.ee/blog/2020/02/01/old-css-new-css/ INFO: wiele przykładów i sporo mocno oldschoolowych stron pokazanych na początek (znasz stronę SpaceJam? :D)
11) iHateRegex - ściąga z wyrażeniami regularnymi oraz narzędzie do wizualizacji ich działania https://ihateregex.io INFO: ciągle potrzebujesz wyrażeń wyszukujących maila, adresu IP czy dat? tutaj masz je wszystkie w jednym miejscu i to z objaśnieniami
12) Onboarding nowych użytkowników w Twojej aplikacji - jak to robią znane firmy? https://www.useronboard.com/user-onboarding-teardowns/ INFO: świetna analiza onboardingów rozpisanych krok po kroku na części składowe.
13) Serverless - krótkie wyjaśnienie czy jest ta technologia i kiedy się sprawdza, a kiedy niekoniecznie (film ~15 minut) https://www.youtube.com/watch?v=msN4DwFSHjw INFO: w filmie pada odpowiedź na odwieczny zarzut "ale przecież w serverless są serwery!" :D
16) Strategie robienia nowych branchy w GIT - jak sobie poradzić w większym zespole? https://pradeeploganathan.com/git/git-branching-strategies/ INFO: artykuł przedstawia 3 najpopularniejsze strategie: Gitflow, Githubflow oraz Gitlabflow (każda z opisem działania, wadami, zaletami itp)
17) Czy zawsze potrzebujesz bazy danych? jak inaczej można przetrzymywać dane? https://beepb00p.xyz/unnecessary-db.html INFO: relacyjne bazy danych są bardzo wygodne i gdy ktoś raz się już do nich przyzwyczai, używa ich stale jako domyślne rozwiązanie, niezależnie od tego, czy naprawdę ich potrzebuje.
18) Przyjemnie i zrozumiale opisany kurs tworzenia stron WWW (HTML + CSS). Łącznie 6 głównych lekcji + materiały pomocnicze https://kevq.uk/category/web-design/ INFO: autor używa Neocities jako hostingu i edytora, więc do rozpoczęcia nauki nie potrzebujesz literalnie niczego.
19) Co to jest API Gateway i dlaczego powinieneś rozważyć jego użycie w swoim projekcie? https://dev.to/bearer/what-is-an-api-gateway-42i6 INFO: artykuł pozwala zrozumieć koncepcję istnienia takich gatewayów i wyjaśnia ich wady i zalety.
20) PopperJS - malutka (3KB) biblioteka JavaScript do tworzenia popoverów, czyli takich 'dymków nad obiektem' https://popper.js.org INFO: warto przeglądnąć przykłady użycia aby zrozumieć
21) Dwa pliki PHP wykradzione z Facebooka w 2007 roku - index.php oraz search.php https://gist.github.com/nikcub/3833406 INFO: nic ciekawego i tajnego tam nie znajdziesz, ale pokazuje to styl kodowania w tym portalu (komentarze są raczej mało pozytywne)
22) Kształt Twojego kodu źródłowego i jego formatowanie może sugerować jaką logikę zastosowałeś i gdzie są ewentualne miejsca do ulepszeń https://www.fluentcpp.com/2020/01/14/the-shapes-of-code/ INFO: ciekawa analiza przeprowadzona przez autora. Nie wiem w jak wielkim odsetku kodów to się sprawdza, ale i tak brzmi ciekawie
24) Phoenix - menadżer okien dla Maca. Od konkurencji odróżnia go to, że jest skryptowalny, darmowy i można go w pełni customizować https://github.com/kasper/phoenix INFO: nie musisz kompilować źródeł. W opisie projektu masz sekcję 'download' z której ściągniesz gotową do użycia binarkę.
25) Proxyman - lokalne, webowe proxy dla Maca pozwalające w bardzo wygodny sposób debugować ruch sieciowy https://proxyman.io INFO: to coś +/- jak Burp/ZAP. Wersja darmowa ma limit do analizy jednej sesji na raz (limit jednego otwartego taba).
27) Zbiór 20 uniwersyteckich wykładów na temat programowania w języku Swift (łącznie prawie 24h filmów!) https://uw7.org/un_5e3d2e3c25598 INFO: profesor opowiada na przykładzie "iOS 11", bo materiał został nagrany około 2 lata temu. W opisie do filmów są lini do slajdów.
28) Nauka JavaScriptu poprzez rozwiązywanie quizów (pytania z omówieniem odpowiedzi) https://uw7.org/un_5e3d32154663a INFO: odpowiedz na pytania i dowiedz się, dlaczego prawdopodobnie się pomyliłeś ;)
29) Lista 20 projektów webowych pisanych w czystym JavaScript, bez żadnych zewnętrznych bibliotek (wszystkie kody źródłowe do pobrania + live demo) https://uw7.org/un_5e3d2e298776a INFO: podlinkowane projekty to materiały do płatnego kursu. Nie musisz jednak go zaliczać aby uczyć się z tych projektów
30) Rozwiązanie jednego, PRAWDZIWEGO zadania programistycznego z rekrutacji do Google (długi tekst + film 19 minut) https://uw7.org/un_5e3d2e229d0c8 INFO: zadanie nie jest takie proste jakby się mogło wydawać, a do tego rozwiązanie rekurencyjne jest zbyt złożone obliczeniowo. Jak to zoptymalizować?
== 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://bit.ly/unDodaj
@imlmpe: coś się chyba popsuło, nie dostałem tego zestawienia na mojego maila. Za to dostałem od ciebie maila z linkiem do jakiegoś pdf'a, a link ten z kolei wymaga podania mojego adresu email. Po co pytasz o mój adres skoro go już znasz bo mi na niego przesłałeś ten link? A może to scam jakiś, bo w sumie tak wygląda xD
@obserwator_z_prawem_interwencji: Mailing był wczoraj wysyłany. Sprawdź np w spamie. Co do drugiego maila to sprawa ma związek z RODO. To, że znam Twojego maila, nie znaczy, że mogę Ci wysłać co zechcę. Zgodziłeś się na newsy, to je dostajesz. Zgodnie z prawem, chcąc Ci wysłać coś innego, muszę na nowo poprosić o zgodę. Takie zasady... co poradzić ( ͡°͜ʖ͡°)
1) "Mój drugi rok jako solo developer" - świetna historia gościa, który rzucił pracę w Google i ruszył z własnym biznesem
https://mtlynch.io/solo-developer-year-2/
INFO: przedstawienie projektów, omówienie wydatków i sporo opowieści o tym jak to się dzieje, że mu się to opłaca. Wciągająca lektura.
2) Produkcja muzyki na komputerze Amiga - jak to wyglądało w latach 90? (film, 23 minuty)
https://www.youtube.com/watch?v=i9MXYZh1jcs
INFO: wspaniały kawał historii, a do tego przedstawiony w interesujący sposób. Warto zobaczyć inne filmy autora (i dać mu suba).
3) Reverse engineering firmware z routera - opis analizy krok po kroku
https://embeddedbits.org/reverse-engineering-router-firmware-with-binwalk/
INFO: autor używa programu 'binwalk' do wyciągnięcia kolejnych elementów składowych oprogramowania z obrazu firmware.
4) Współczesne strony internetowe mocno bazują na zewnętrznych bibliotekach JS - a jak często je aktualizują? Prawie nigdy.
https://blog.cloudflare.com/javascript-libraries-are-almost-never-updated/
INFO: analiza requestów przygotowana przez CloudFlare, która wskazuje, że raz osadzona na stronie biblioteka najczęściej już nigdy się nie zmienia
5) Walka z podglądaczami i cenzurą - zabawna historia studenta chcącego pozbyć się monitoringu na szkolnym komputerze
https://martinrue.com/coding-stories-me-vs-vnc/
INFO: szkolny komputer był monitorowany przez zainstalowany na nim serwer VNC. Studentowi się to nie podobało...
6) Porównanie wydajności "Clear Linux" (to nazwa dystrybucji) z Fedora i Ubuntu na tanim laptopie ($199)
https://www.phoronix.com/scan.php?page=article&item=clear-199-laptop
INFO: artykuł ma 9 stron, ale stronnicowanie jest tak zrobione, że trudno się tego domyślić. Odnośnie testu, to ClearLinux wypada naprawdę świetnie w wielu testach.
7) Lepsza, a może i nieskończona historia poleceń w Bashu?
https://www.soberkoder.com/unlimited-bash-history/
INFO: zbiór ciekawych porad odnośnie tego, jak zoptymalizować ustawienia pliku z historią poleceń (brak duplikatów, lepsze timestampy, pozbycie się limitów itp)
8) Jak wysłać mailem całe repozytorium GITa? - dobre dla rekruterów chcących widzieć kolejne kroki pracy kandydata nad zadaniami
https://statagroup.com/articles/git-bundle
INFO: wrzucenie repo do ZIPa i wysłanie mailem, to nie jest najlepszy pomysł. GIT ma wbudowaną natywną funkcję do robienia takiej paczki.
9) Galeria responsywnych pixelartów - pomachaj myszką i zobacz jak zachowuje się grafika
https://essenmitsosse.de/pixel/
INFO: szczególnie polecam projekt 'Zeus' - tam nie tylko zmienia się rozmiar grafiki, ale i jej zawartość.
10) Stary CSS i "nowy CSS" - czyli jak zmieniał się sposób stylowania stron (i możliwości samego języka) na przestrzeni lat
https://eev.ee/blog/2020/02/01/old-css-new-css/
INFO: wiele przykładów i sporo mocno oldschoolowych stron pokazanych na początek (znasz stronę SpaceJam? :D)
11) iHateRegex - ściąga z wyrażeniami regularnymi oraz narzędzie do wizualizacji ich działania
https://ihateregex.io
INFO: ciągle potrzebujesz wyrażeń wyszukujących maila, adresu IP czy dat? tutaj masz je wszystkie w jednym miejscu i to z objaśnieniami
12) Onboarding nowych użytkowników w Twojej aplikacji - jak to robią znane firmy?
https://www.useronboard.com/user-onboarding-teardowns/
INFO: świetna analiza onboardingów rozpisanych krok po kroku na części składowe.
13) Serverless - krótkie wyjaśnienie czy jest ta technologia i kiedy się sprawdza, a kiedy niekoniecznie (film ~15 minut)
https://www.youtube.com/watch?v=msN4DwFSHjw
INFO: w filmie pada odpowiedź na odwieczny zarzut "ale przecież w serverless są serwery!" :D
14) Używaj Raspberry Pi jako swojego serwera developerskiego - od czego zacząć?
https://dev.to/pluralsight/using-a-raspberry-pi-as-your-development-server-28c
INFO: pełen opis konfiguracji od wyjęcia malinki z pudełka aż do postawienia działającej aplikacji w React (pod spodem: nginx+git+npm)
15) Lista 10 użytecznych narzędzi do tworzenia ilustracji - część darmowych, część dostępnych online (SaaS)
https://dev.to/creativetim_official/10-cool-illustration-tools-for-designers-to-use-in-2020-227g
INFO: większości nie znałem, więc istnieje szansa, że również i Ty znajdziesz tam coś nowego dla siebie
16) Strategie robienia nowych branchy w GIT - jak sobie poradzić w większym zespole?
https://pradeeploganathan.com/git/git-branching-strategies/
INFO: artykuł przedstawia 3 najpopularniejsze strategie: Gitflow, Githubflow oraz Gitlabflow (każda z opisem działania, wadami, zaletami itp)
17) Czy zawsze potrzebujesz bazy danych? jak inaczej można przetrzymywać dane?
https://beepb00p.xyz/unnecessary-db.html
INFO: relacyjne bazy danych są bardzo wygodne i gdy ktoś raz się już do nich przyzwyczai, używa ich stale jako domyślne rozwiązanie, niezależnie od tego, czy naprawdę ich potrzebuje.
18) Przyjemnie i zrozumiale opisany kurs tworzenia stron WWW (HTML + CSS). Łącznie 6 głównych lekcji + materiały pomocnicze
https://kevq.uk/category/web-design/
INFO: autor używa Neocities jako hostingu i edytora, więc do rozpoczęcia nauki nie potrzebujesz literalnie niczego.
19) Co to jest API Gateway i dlaczego powinieneś rozważyć jego użycie w swoim projekcie?
https://dev.to/bearer/what-is-an-api-gateway-42i6
INFO: artykuł pozwala zrozumieć koncepcję istnienia takich gatewayów i wyjaśnia ich wady i zalety.
20) PopperJS - malutka (3KB) biblioteka JavaScript do tworzenia popoverów, czyli takich 'dymków nad obiektem'
https://popper.js.org
INFO: warto przeglądnąć przykłady użycia aby zrozumieć
21) Dwa pliki PHP wykradzione z Facebooka w 2007 roku - index.php oraz search.php
https://gist.github.com/nikcub/3833406
INFO: nic ciekawego i tajnego tam nie znajdziesz, ale pokazuje to styl kodowania w tym portalu (komentarze są raczej mało pozytywne)
22) Kształt Twojego kodu źródłowego i jego formatowanie może sugerować jaką logikę zastosowałeś i gdzie są ewentualne miejsca do ulepszeń
https://www.fluentcpp.com/2020/01/14/the-shapes-of-code/
INFO: ciekawa analiza przeprowadzona przez autora. Nie wiem w jak wielkim odsetku kodów to się sprawdza, ale i tak brzmi ciekawie
23) Jak zrobić pionowy pasek postępu pokazujący jaki procent artykułu na stronie przeczytałeś?
https://dev.to/xtrp/create-a-reading-scroll-progress-bar-for-your-blog-in-javascript-and-css-1jmc
INFO: jest to rozwiązanie znane np. z platformy 'Medium' i kilku portali newsowych. Przyjemne dla oka i dość proste do zrobienia.
24) Phoenix - menadżer okien dla Maca. Od konkurencji odróżnia go to, że jest skryptowalny, darmowy i można go w pełni customizować
https://github.com/kasper/phoenix
INFO: nie musisz kompilować źródeł. W opisie projektu masz sekcję 'download' z której ściągniesz gotową do użycia binarkę.
25) Proxyman - lokalne, webowe proxy dla Maca pozwalające w bardzo wygodny sposób debugować ruch sieciowy
https://proxyman.io
INFO: to coś +/- jak Burp/ZAP. Wersja darmowa ma limit do analizy jednej sesji na raz (limit jednego otwartego taba).
26) Firma Bosch przedstawiła prototyp swoich nowych smart-okularów (coś jak Google Glass).
https://spectrum.ieee.org/tech-talk/consumer-electronics/gadgets/bosch-ar-smartglasses-tiny-eyeball-lasers
INFO: Okulary rzucają obraz prosto na siatkówkę (nie mają wyświetlacza)
== LINKI TYLKO DLA PATRONÓW ==
27) Zbiór 20 uniwersyteckich wykładów na temat programowania w języku Swift (łącznie prawie 24h filmów!)
https://uw7.org/un_5e3d2e3c25598
INFO: profesor opowiada na przykładzie "iOS 11", bo materiał został nagrany około 2 lata temu. W opisie do filmów są lini do slajdów.
28) Nauka JavaScriptu poprzez rozwiązywanie quizów (pytania z omówieniem odpowiedzi)
https://uw7.org/un_5e3d32154663a
INFO: odpowiedz na pytania i dowiedz się, dlaczego prawdopodobnie się pomyliłeś ;)
29) Lista 20 projektów webowych pisanych w czystym JavaScript, bez żadnych zewnętrznych bibliotek (wszystkie kody źródłowe do pobrania + live demo)
https://uw7.org/un_5e3d2e298776a
INFO: podlinkowane projekty to materiały do płatnego kursu. Nie musisz jednak go zaliczać aby uczyć się z tych projektów
30) Rozwiązanie jednego, PRAWDZIWEGO zadania programistycznego z rekrutacji do Google (długi tekst + film 19 minut)
https://uw7.org/un_5e3d2e229d0c8
INFO: zadanie nie jest takie proste jakby się mogło wydawać, a do tego rozwiązanie rekurencyjne jest zbyt złożone obliczeniowo. Jak to zoptymalizować?
==
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://bit.ly/unDodaj
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #technologia #javascript #grafika #biznes #internet #serwery #hosting #google #ciekawostki #programowanie #css