Cześć!

Dziś zestawienie wyszło wyjątkowo "webowe", ale za tydzień obiecuję poprawę ;)

 

◢ #unknownews ◣

1) Pepsi zaliczyło wpadkę na 32 miliardy dolarów... przez błąd w oprogramowaniu w fabryce (Manila)
https://medium.com/better-marketing/pepsis-40-billion-typo-caused-deadly-riots-3d671295d1bd
INFO: zrobili konkurs, w którym butelki były numerowane i losowano kto dostanie $40k nagrody. Problem w tym, że przez buga, wszystkie butelki miały ten sam numer, który akurat wygrał...

2) Wszystko, co chciałbyś wiedzieć (a może i więcej...) o media selectorach w CSS
https://polypane.app/blog/the-complete-guide-to-css-media-queries/
INFO: bardzo przystępnie opisane zagadnienie plus mnóstwo przykładów użycia

3) Zagraj w CounterStrike 1.6 online, w przeglądarce - za darmo (pierwsze załadowanie gry może trwać kilka minut)
https://cs-online.club/pl/servers
INFO: no to tyle dziś popracowałeś...

4) Pathfinder - wyobraź sobie, że ktoś wrzucił 'spinacza' (Clippy) ze starego office do Vima. Tylko ten jest użyteczny
https://github.com/AlphaMycelium/pathfinder.vim
INFO: plugin wykrywa jeśli robisz coś nieoptymalnie i podpowiada Ci, jakiego skrótu/polecenia mogłeś użyć, aby to zoptymalizować. Dobre do nauki VIMa

5) Używać grida, czy flexboxa? Grid dla layoutu, flexbox dla komponentów.
https://ishadeed.com/article/grid-layout-flexbox-components/
INFO: dobre wyjaśnienie na przykładach, kiedy powinniśmy czego używać.

6) Chciałbyś w końcu nauczyć się JavaScriptu? oto kompletna roadmapa z rozpisanymi tematami, które kolejno powinieneś poznawać
https://dev.to/zinox9/road-map-to-study-javascript-4o3c
INFO: jest tego dużo, ale autor posortował wiedzę w logiczną całość, więc da się to przyswoić

7) Lista metod obiektu String w JavaScript, które mogą Ci się przydać do operacji na ciągach znaków
https://dev.to/nialljoemaher/26-built-in-string-methods-javascript-56p
INFO: includes, lastIndexOf, normalize, repeat i inne - kilku nie znałem

8) Cypress - wstęp do tworzenia testów end-to-end (film, 22 minuty)
https://www.youtube.com/watch?v=MKxE8pCBT7g
INFO: tutaj na przykładzie wypełniania formularza w aplikacji webowej

9) Ghost eSim - wirtualna karta sim, dzięki której zachowasz prywatność w internecie (działa w Polsce!)
https://www.ghostbymcafee.com/ghostesim/
INFO: ruch sieciowy z tej karty przechodzi przez wiele serwerów, adres IP wybierany jest z puli ~2000 dostępnych, dodatkowo traffic przechodzi przez VPN

10) Jak wykorzystać akcje na GitHub do deploya aplikacji na własny serwer (po każdym commicie)
https://dev.to/knowbee/how-to-setup-continuous-deployment-of-a-website-on-a-vps-using-github-actions-54im
INFO: w praktyce, nie musi to być Twój serwer, a dowolny komputer z dostępem przez SSH (z Raspberry Pi też pójdzie)

11) Przeglądarka Brave dokleja w locie kody afiliacyjne do odwiedzanych stron ('bug' już poprawiony)
https://twitter.com/cryptonator1337/status/1269201480105578496
INFO: dlaczego to jest złe? Wynagrodzenie za polecenie Ci danego produktu dostaje nie np. bloger, który Ci go polecił, a twórcy przeglądarki.

12) Podstawy pracy w terminalu w systemie Linux
https://www.youtube.com/watch?v=hTNEVYcG1kc
INFO: Obsługa narzędzi takich jak grep, find, tar, gzip, a także zupełne podstawy, czyli ls/rm/mv/cd itp

13) Motionia - lekka biblioteka do tworzenia animacji w JavaScript
https://dev.to/abhiprojectz/motionia-js-on-demand-lightweight-animation-library-54kj
INFO: warto przejść także na stronę repozytorium na Githubie. Tam są przykłady jak zacząć od zera.

14) Lista programistów prowadzących regularne pogadanki technologiczne na Instagramie (InstaStory)
https://30devstories.crd.co
INFO: lista jest stale rozwijana. Warto obserwować wymienione tam osoby.

15) Możliwie proste wyjaśnienie, o co chodzi w GraphQL
https://hackernoon.com/graphql-in-10-minutes-thing-i-wish-someone-told-me-when-i-started-12a598e40001
INFO: dosłownie kilkanaście akapitów z przykładami wystarczającymi do zrozumienia koncepcji.

16) Jak zaimplementować funkcję "zaloguj przez Google" w NestJS
https://levelup.gitconnected.com/how-to-implement-login-with-google-in-nest-js-81b0c584c987
INFO: opis logowania z wykorzystaniem oauth od Google, wraz z opisem krok po kroku, jak wyklikać odpowiednie dostępy na platformie Google

17) Wstęp do web workerów - jak zacząć z nich korzystać i jak stworzyć pierwszy taki twór?
https://www.html5rocks.com/en/tutorials/workers/basics/
INFO: to rozwiązanie przydaje się np. do asynchronicznego wykonywania operacji w JS

18) Jak pobrać obraz z przedniej i tylnej kamery w smartfonie w JavaScript?
https://www.digitalocean.com/community/tutorials/front-and-rear-camera-access-with-javascripts-getusermedia
INFO: pełen tutorial z gotowym kodem źródłowym

19) Klasyczne funkcje i te 'strzałkowe' (arrow functuons) - co je różni poza sposobem zapisu
https://dmitripavlutin.com/differences-between-arrow-and-regular-functions/
INFO: lista 5 podstawowych różnic

20) Szybki wstęp do Vagranta - jak sprawnie stawiać wirtualne maszyny? (film 22 minuty)
https://sysadmincasts.com/episodes/42-crash-course-on-vagrant-revised
INFO: wszystkie polecenia, materiały, jak i pełen transkrypt tego co mówi prowadzący, jest pod filmem.

21) Sendportal - narzędzie selfhosted do wysyłania malilingów/newletterów
https://sendportal.io
INFO: współpracuje z wieloma technologiami, w tym AWS SES.

22) Uppload - świetna biblioteka do obsługi uploadu obrazków (wspiera 30+ pluginów)
https://uppload.js.org
INFO: upload można zrobić z dysku, z Facebooka, z kamery, z bezpośredniego linka, Instagrama i wielu innych źródeł

== LINKI TYLKO DLA PATRONÓW ==

23) Pełen podręcznik do WebGL online
https://uw7.org/un_5ee3815e971aa
INFO: przykłady tworzenia grafiki 2D i 3D.

24) Naucz się praktycznego JavaScriptu pisząc grę od podstaw - tutaj: Tetris (film 1,5h)
https://uw7.org/un_5ee381687c03c
INFO: przystępnie wytłumaczony cały proces, od tworzenia UI po pisanie kodu i składanie wszystkiego w całość.

25) Świetny wykład (+notatki do niego) prowadzony na MIT na temat VIMa (film, 48 minut)
https://uw7.org/un_5ee38172b7c8b
INFO: dobrze wytłumaczone podstawy i częste operacje wykonywane w edytorze

 

Zostań patronem

 

pozdrawiam

Jakub 'unknow' Mrugalski
https://mrugalski.pl

 

Jeśli nie chcesz więcej otrzymywać ode mnie wiadomości, zawsze możesz się wypisać.

Zapisz się na ten newsletter!