◢ #unknownews ◣

Oto nowe zestawienie subiektywnie najlepszych linków z branży IT, wyłowionych przeze mnie w ostatnim tygodniu.
Pamiętaj, że zestawienia możesz otrzymywać także na maila lub przez Facebooka (linki w stopce).

1) BetaList – poznaj młode startupy działające jeszcze w trybie ‚beta’. Wrzucam link do produktów z Polski
https://betalist.com/regions/poland
INFO: pod niektórymi startupami znajdziesz kody zniżkowe na usługę.

2) Autodestrukcja historii w Google? – tak! teraz można to łatwo wyklikać

INFO: Google dodało do ustawień swoich usług ‚konfigurowalne autozapominanie’. Możesz ustawić, aby np. Twoja historia z Youtube czy Google Maps znikała po 3 miesiącach. Do tego mapy obsługują teraz tryb Incognito (Google ponoć nie zapisuje gdzie byłeś).

3) Kiedy używać checkboxów, a kiedy switchy (przełączników) w swoim projekcie aplikacji?
https://uxplanet.org/checkbox-vs-toggle-switch-7fc6e83f10b8
INFO: czasami nie jest to takie oczywiste jakby się mogło wydawać. Źle zastosowany switch może wprowadzać użytkownika w błąd (pamiętasz ustawienia prywatności Revoluta?)

4) Strona domowa pewnego developera, utrzymana w klimacie systemu Windows ME
https://ash.ms
INFO: warto zobaczyć jak zorganizowane są posty na blogu, vlogi itp. Na stronie da się nawet zmienić tapetę 😮

5) „Zbudowałem komputer z użyciem gry Magic The Gathering” (film – 23 minuty)

INFO: z użyciem kart z gry można zaimplementować dowolny algorytm, bo jak się okazało, gra ta jest „Turing Complete”

6) Jak zaimplementować na stronie notyfikacje typu Push – bez użycia zewnętrznych dostawców usług
https://itnext.io/an-introduction-to-web-push-notifications-a701783917ce
INFO: nie da się tego zaimplementować w samym JS. Potrzebujesz jeszcze serwera wysyłającego te powiadomienia (mały kod w nodeJS)

7) Standupy w firmie to zło? jak to robić lepiej?

Why Standups are Useless and How to Run Great Product Team Meetings


INFO: długi artykuł tłumaczący dlaczego zdaniem autora tego typu spotkania są bezużyteczne i jak marnują czas programistów

8) Jak wyglądają nowe Airpods PRO w środku? – serwis iFixIt sprawdził to
https://www.ifixit.com/Teardown/AirPods+Pro+Teardown/127551
INFO: tradycyjnie, serwis wystawił także ocenę w skali 0-10, jak bardzo prawdopodobne jest to, że naprawisz te słuchawki sam, domowymi sposobami. Zgadnij jaką ocenę dostały 😉

9) Poznaj podstawy zapytań GraphQL… w 10 obrazkach
https://dev.to/hexrcs/graphql-crash-course-in-10-pics-3b04
INFO: to same podstawy dla ludzi, którzy do tej pory mieli styczność tylko z RESTowym API

10) Lista 18 użytecznych narzędzi dla deweloperów
https://dev.to/christopherkade/18-devtools-for-productivity-5ia
INFO: poza samą listą, każde narzędzie krótko opisano do czego może Ci się przydać

11) Vim jako Twój podstawowy edytor do web developmentu? Czemu by nie… potrzebujesz tylko kilku dodatków
https://dev.to/fidelve/using-vim-as-your-main-editor-for-web-development-5a73

12) Chcesz umieścić na stronie generator layoutu metodą ‚drag & drop’? (nie chodzi o prosty WYSIWYG, a o pełen ‚website builder’) – to narzędzie Ci pomoże
https://grapesjs.com
INFO: projekt jest w pełni darmowy, open sourcowy i może działać w dwóch trybach: budowa layoutu strony WWW lub budowa layoutu maila (wtedy generuje się brzydki kod z masą inline-css i tabelek, ale za to działający w czytnikach mailowych).

13) Lista 13 sztuczek jakie powinien znać webdeveloper używający CSS Grid
https://dev.to/duomly/css-grid-cheatsheet-what-is-the-css-grid-and-how-to-use-it-2gp8
INFO: głównie chodzi o sprytne pozycjonowanie treści wewnątrz grida

14) Naucz się obsługi WebSocketów w JavaScript pisząc prosty chat
https://dev.to/spukas/learn-websockets-by-building-simple-chat-app-dee
INFO: backend tworzony jest w nodejs, a frontend to czysty JavaScript i HTML.

15) „Chciałbym stworzyć takiego Ubera, ale dla XYZ” – sprawdź, czy Twój pomysł na biznes jest już zajęty

“Is your startup idea taken?” — and why we love X for Y startups


INFO: Tinder dla psów? zajęte! Uber, gdzie zamiast kierowców są lekarze? zajęte! AirBnB ale zamiast domu/mieszkania wynajmujemy zjedzenie obiadu u kogoś? Za późno, już to jest. Fajna lista.

16) Microsoft zaprezentował światu webową wersję Visual Studio (działa w przeglądarce, na serwerach MS)

usługa Visual Studio Online


INFO: usługa rozliczana jest na podstawie wykorzystanego czasu i jednostek obliczeniowych (np. na potrzeby kompilacji). Wg obliczeń Microsoftu wychodzi przeciętnie $50/msc dla programisty pracującego 8h/dzień.

17) OneFetch – prosty program (CLI), który z użyciem jednego polecenia pokazuje podstawowe informacje o repozytorium w którym pracujesz
https://github.com/o2sh/onefetch
INFO: pokazuje między innymi liczbę linii kodu, rozmiar repo, liczbę commitów, użyte języki programowania i procentowy udział programistów

18) Shopify Scripts – prowadzisz (lub Twój szef prowadzi) sklep na Shopify i stale dochodzisz do wniosku, że czegoś się tam nie da zrobić? Oto rozwiązanie
frompolandwithdev.com/shopify-scripts/
INFO: to mechanizm pozwalający na uruchamianie dodatkowych skryptów w języku Ruby w ramach Twojego sklepu.

19) “Railway oriented programming?” – większość materiałów na temat programowania funkcyjnego przedstawia tzw „Happy Path”, czyli sytuację bezproblemową (film – 1h)

INFO: co zrobić, gdy na pewnym etapie wykonywania naszych funkcji coś pójdzie źle lub user wykona nieprzewidzianą akcję? jak to zaimplementować?

20) Tworzenie klasycznego layoutu webowego z użyciem CSS Grid (film ~9 minut)

INFO: wydawało mi się, że znam podstawy grida, ale to co się dzieje od 6:40, to już jakaś magia – ale jaka piękna magia!

21) Interesujący, techniczny wywiad z developerem pracującym w portalu rozrywkowym VOD o którym kiedyś wspominał Ci kolega

Interview with a Pornhub Web Developer


INFO: sporo odpowiedzi na temat używanych technologii i metod pracy. Ciekawostka: podczas developmentu nie używają placeholderów 😉

22) Woah.css – biblioteka do animacji CSS dla skrajnie ekscentrycznych webdeveloperów
https://www.joerezendes.com/projects/Woah.css
INFO: powiedzmy, że efekty z tej biblioteki momentami przywodzą na myśl kiepskie prezentacje z PowerPoint, ale jeśli chcesz zrobić zabawną stronę, to może się przydać

23) Quine – czyli program wypisujący na ekranie swój własny kod źródłowy (przykład implementacji w Ruby)
https://juliu.is/quine-quine/
INFO: kolekcji tego typu programów jest bardzo wiele, ale ten artykuł rozkłada rozwiązanie na kolejne kroki, tłumacząc jak to działa

24) Headroom.js – biblioteka implementująca ukrywanie (animowane) nagłówka na stronie. Pojawia się on tylko gdy jest potrzebny
https://wicky.nillia.ms/headroom.js/
INFO: efekt używany w wielu serwisach. Wchodzisz na stronę i masz nagłówek. Przewijasz tekst i nagłówek znika. Przewijasz w górę, a nagłówek wraca na miejsce. Implementacja w 1,5kb JS.

25) Fingerprinting przeglądarki na podstawie… analizy dźwięków. Ciekawy pomysł
https://iq.opengenus.org/audio-fingerprinting/
INFO: fingerprinting polega na pobraniu unikalnego ‚odcisku palca’ przeglądarki aby wiedzieć, że Ty, to Ty (nawet gdy włączysz np. tryb incognito)

26) AWK Online – konsolowe narzędzie dostępne jako aplikacja webowa
https://www.outpan.com/app/7ed1cd9b2f/online-awk
INFO: Po lewej wklejasz plik źródłowy, u góry definiujesz skrypt AWK, a po prawej masz wynik (lub error). Dobre do nauki lub dla ludzi z utrudnionym dostępem do terminala (smartfon/tablet)

== LINKI TYLKO DLA PATRONÓW ==

27) Lista 10 darmowych kursów z Udemy na temat: Jenkins (duuużo Jenkinsa), Maven, Docker
http://uw7.org/un_5dc53c0235f8d
INFO: wszystkie kursy były dostępne za darmo w momencie tworzenia tego zestawienia

28) Podstawy-podstaw elektroniki – użyteczne aby zrozumieć jakikolwiek tutorial związany z elektroniką (dłuuugie, ale z obrazkami! :D)
http://uw7.org/un_5dc53b013232f
INFO: jest tu praktycznie wszystko co powinieneś wiedzieć na start. Wszystkie układy pokazane na zdjęciach, schematy i bardzo przystępne opisy.

29) Lista ponad 260 narzędzi i zasobów dla designerów, developerów i twórców
http://uw7.org/un_5dc53b0621da1
INFO: Wszystkie podzielone na kategorie + serwis posiada wyszukiwarkę. Można się zakopać na dłużej przy przeglądaniu tego.

30) Ponad 70 pytań rekrutacyjnych z JavaScript, zaprezentowanych w postaci quizu – sprawdź ile zaliczysz poprawnie
http://uw7.org/un_5dc53b0e1a554
INFO: po udzieleniu każdej odpowiedzi otrzymasz bardzo dokładne wyjaśnienie tematu. Ja popełniłem błąd już na pierwszym pytaniu 😉

31) Przygotowujesz się do certyfikacji z AWS lub chcesz poszerzyć swoją wiedzę w tej dziedzinie?
http://uw7.org/un_5dc53b12f0d91
INFO: zbiór map myśli przeprowadzających Cię przez zagadnienia które powinieneś poznać. Jest tego sporo. Przeglądaj na desktopie.

==
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

Podobało się?
Może warto zostać patronem? https://patronite.pl/unknow

************

[Obserwuj mnie na FB] – [Chcesz być wołany?] – [Zostań patronem] – [Wersja RSS] – [Subskrybuj przez email] – [Grupa na Telegramie]

Tagi: #webdev #javascript #frontend #design #startup #technologia #programowanie #nodejs #aws #css #vim