-
◢ #unknownews ◣
Oddaje w wasze ręce najnowsze zestawienie znalezisk technologicznych z ubiegłego tygodnia. Zapraszam do lektury :)
1) Jak wygląda infrastruktura Internet Archive? Serwery, dyski, sieć itp. (film 27 minut)
https://archive.org/details/jonah-edwards-presentation
INFO: najbardziej zaskakująca i przerażająca jest dla mnie szybkość rozrostu tego projektu, co też pokazuje, jak szybko rozszerza się Internet.
2) Lista 25 porad na zwiększenie motywacji i produktywności u ludzi z branży IT
https://dev.to/gedalyakrycer/25-ways-i-stay-motivated-productive-2fbm
INFO: każdy człowiek jest inny, ale może przynajmniej kilka z wymienionych porad działających na autora, zadziała także i u Ciebie
3) Narzędzie online do tekstowego tworzenia flowchartów (wykresów)
https://flowchart.fun
INFO: wpisujesz tekst, a liczba spacji na początku linijki definiuje poziom zagłębienia obiektu. Fajne!
4) Jak porzucony projekt realizowany po godzinach stał się biznesem przynoszącym 700mln dolarów rocznie
https://entrepreneurshandbook.co/a-web-designer-turned-his-side-project-into-a-700m-year-revenue-business-without-vc-money-55cd13ee560
INFO: historia usługi Mailchimp. Ciekawe :)
5) Częste wpadki w konfiguracji serwera Nginx tworzące luki w bezpieczeńśtwie
https://blog.detectify.com/2020/11/10/common-nginx-misconfigurations/
INFO: na końcu artykułu jest link do obrazu dockera z błędnie skonfigurowanym serwerem, na którym można przetestować skutki błędnej konfiguracji
6) Z portalu społecznościowego GAB wyciekło około 70GB danych userów przez dziurę w SQL Injection
https://arstechnica.com/gadgets/2021/03/rookie-coding-mistake-prior-to-gab-hack-came-from-sites-cto/
INFO: na szkoleniach które prowadzę (web security) często słyszę od uczestników "SQL Injection wymarło wiele lat temu" - GAB jest innego zdania.
7) Twoja przeglądarka potrafi modyfikować źródła plików CSS na dysku - czyli czym są Workspaces (film ~5 minut)
https://christianheilmann.com/2021/03/02/syncing-css-changes-in-browser-developer-tools-with-workspaces/
INFO: bawisz się ustawieniami w inspektorze elementów, a następnie przepisujesz wprowadzone zmiany do pliku CSS? Jest na to lepszy sposób.
8) Może to już czas na zamianę Google Analytics na jakąś alternatywę?
https://casparwre.de/blog/stop-using-google-analytics/
INFO: autor wyjaśnia, dlaczego szukanie alternatywy dla tego produktu, to dobre posunięcie
9) Zaciekawił Cię dziwny wzór na spadochronie robota Perseverance (misja na Marsa)?
https://github.com/tanyafish/parachute/blob/main/The%20Parachute%20Message.pdf
INFO: ciekawe wyjaśnienie skąd wziął się ten wzór i jakie ma ukryte znaczenie
10) Cuboid - zbuduj własny oczyszczacz powietrza z filtrami HEPA
https://dynomight.net/better-DIY-air-purifier.html
INFO: jedna z prostszych konstrukcji tego typu (jeszcze prostszy model jest podlinkowany w pierwszym paragrafie)
11) Ghostwriter - prosty, pozwalający się skupić na pisaniu edytor tekstu wspierający Markdown
https://wereturtle.github.io/ghostwriter/
INFO: ciekawa jest opcja 'Hemingway Mode', która blokuje klawisze backspace i delete, zmuszając użytkownika do ciągłego pisania, a nie edytowania. Aplikacja działa na Windows/Linux
12) Narzędzie online do scalania PDFów - działa w pełni w przeglądarce (dane nie są wysyłane na serwer)
https://localpdf.tech
INFO: wrzucasz np. PDFa mającego 10 stron i takiego mającego ich 30. W efekcie działania programu powstanie 40-stronnicowy PDF
13) Jak w JavaScript obsługiwać duże liczby (powyżej 2^53)? - użyj BigInt
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt
INFO: Wszystkie przeglądarki obsługują tę nową funkcję. A to czerwone pole na liście kompatybilności? To jest Internet Explorer, tam się nie zapuszczamy...
14) Wizualizacja satelitów niskoorbitowych
https://platform.leolabs.space/visualization
INFO: fajna zabawka dla miłośników kosmicznych technologii
15) Jedyny, słuszny format zapisu daty, czyli ISO 8601
https://kirby.kevinson.org/blog/iso-8601-the-better-date-format/
INFO: wyjaśnienie co to jest i dlaczego powinieneś go używać (jeśli programujesz od lat, to prawdopodobnie już to robisz)
16) Jak pisać bardziej zgrabne instrukcje warunkowe w Bashu
https://timvisee.com/blog/elegant-bash-conditionals/
INFO: naprawdę fajne metody zapisu warunków z pominięciem IFów. Może to bardzo poprawić czytelność niektórych skryptów
17) Budowa interaktywnej tablicy multimedialnej (multi-touch) z użyciem Wiimote (pilot od Wii)
https://www.youtube.com/watch?v=5s5EvhHy7eQ
INFO: do śledzenia ruchu wymagane jest zaopatrzenie się w świecący wskaźnik/długopis, ale i tak wykonanie robi wrażenie
18) Material Icons - fonty webowe z ikonami od Google
https://fonts.google.com/icons
INFO: coś jak FontAwesome, ale zupełnie darmowe. Jeśli ktoś boi się śledzenia przez Google, to fonta można używać w wersji self hosted
19) Ciekawe podejście twórcy Minecrafta do kwestii piractwa komputerowego
https://torrentfreak.com/piracy-is-theft-ridiculous-lost-sales-they-dont-exist-says-minecraft-creator-110303/
INFO: "jeśli piractwo jest nielegalne, bo tracimy przez nie sprzedaż, to negatywne opinie o produktach także powinny być nielegalne?"
20) Quizy o elektronice i programowaniu. Sprawdź ile wiesz
https://forbot.pl/blog/quizy-o-elektronice-i-programowaniu-sprawdz-ile-juz-umiesz-id47457
INFO: Quizy z tematów takich jak podstawy Arduino, historia ważnych wynalazków, czytanie schematów elektronicznych, itp.
21) Problemy z technologiami Open Source
https://www.howtogeek.com/287113/the-downsides-of-open-source-software/
INFO: Zbiór przemyśleń na temat projektów opensource. Wyjaśnia między innymi, dlaczego dzisiejszy Open Office stał się LibreOffice, oraz dlaczego umarł CyanogenMod. Artykuł z 2017 roku, ale nadal aktualny
22) Sztuczki w edytorze VIM dla zaawansowanych
https://thevaluable.dev/vim-advanced/
INFO: wszędzie pełno jest poradników jak zacząć i jak wyjść z VIMa, a co z power-userami? Oto coś dla nich
23) Wszystko, co powinieneś wiedzieć o cieniach w webdesignie
https://css-tricks.com/getting-deep-into-shadows/
INFO: długi i dobrze rozpracowujący temat artykuł.
24) Stylowanie uszkodzonych/usuniętych obrazków z użyciem CSS
https://dev.to/sasscrafter/how-to-style-broken-images-with-css-4il2
INFO: hotlinkujesz grafikę z innego serwera, a plik nagle znika. Jak wtedy wygląda Twoja strona? Da się to naprawić.
25) Zwykły PING jest asymetryczny - co to znaczy i jakie to ma konsekwencje dla Ciebie?
https://blog.benjojo.co.uk/post/ping-with-loss-latency-split
INFO: pakiety w Internecie nie zawsze są wysyłane i odbierane tą samą drogą, więc ping np. 109s nie mówi nam, ile trwało nadawanie pakietu, a ile jego odbiór. Artykuł ma fajne animacje.
== LINKI TYLKO DLA PATRONÓW ==
26) Ogromna lista ściąg do różnych technologii i języków programowania
https://uw7.org/un_6040e3f8c95f1
INFO: skorzystaj ze spisu treści na początku. Kolekcja rozbita jest na dwie podstrony.
27) Ataki na aplikacje oparte na parsowaniu JSONa (security)
https://uw7.org/un_6040e3f3268f4
INFO: wiele przykładów na to, jak błędnie zbudowany plik JSON może zostać inaczej zrozumiany przez różne systemy i jakie to może mieć konsekwencje
28) Które z podatności OWASP TOP10 mogą dotyczyć aplikacji pisanych w Angularze?
https://uw7.org/un_6040e3ec5b19d
INFO: obszerny i dość szczegółowy artykuł omawiający potencjalne podatności. Zdecydowanie warto rzucić okiem (są obrazki! :D)
==
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 plusika.
Czytasz moje zestawienia regularnie? Dołącz do patronów:
https://patronite.pl/unknow
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #programowanie #security #technologia #webdev #ciekawostki pokaż całość-
Narzędzie online do tekstowego tworzenia flowchartów (wykresów)
https://flowchart.fun
INFO: wpisujesz tekst, a liczba spacji na początku linijki definiuje poziom zagłębienia obiektu. Fajne
@imlmpe: rzuć okiem na to: https://app.code2flow.com/ flowchartu na podstawie pseudokodu.+: imlmpe -
@imlmpe:
Narzędzie online do tekstowego tworzenia flowchartów (wykresów)
https://flowchart.fun
INFO: wpisujesz tekst, a liczba spacji na początku linijki definiuje poziom zagłębienia obiektu. Fajne
BitDefender blokuje
-
-
◢ #unknownews ◣
W ostatniej chwili, ale udało się! Przygotowałem zestawienie na ten tydzień. Zapraszam do lektury
1) Ogrzewanie domu poprzez... kopanie Ethereum (kryptowaluta)
https://blog.haschek.at/2021/how-i-heat-my-home-by-mining.html
INFO: autor do tej pory ogrzewał dom prądem. Koparka pokrywa 50% kosztów ogrzewania domu i zarabia na swoje utrzymanie.
2) Oh My GIT! - 'karcianka' w wersji komputerowej, osadzona w świecie GITa oczywiście ;)
https://ohmygit.org
INFO: zobacz film, aby zrozumieć, jak to wygląda. Gra działa na Windowsie, Linuksie i Macu
3) DEV Radio - kalendarz polskich spotkań dla branży IT na Clubhouse
https://dev-radio.pl/
INFO: Agregator eventów dla branży IT. Sporo tematów. Od twardych po miękkie, związane z programowaniem, architekturą czy chmurą
4) Jak i dlaczego warto używać GITa, pracując lokalnie i samodzielnie nad projektem?
https://mikkel.ca/blog/git-is-my-buddy-effective-solo-developer/
INFO: GIT jest świetnym narzędziem do pracy grupowej, ale może przydać Ci się także gdy pracujesz sam
5) HTMX - a gdyby tak móc programować w czystym HTMLu? Ciekawa koncepcja
https://htmx.org
INFO: to biblioteka JavaScript, która rozszerza możliwości HTMLa o gotowe funkcje JS. Można napisać requesty Ajaxa, edytować dane itp. A to wszystko bez ani jednej linijki pisanego JS.
6) To nie branża WEB się zmieniła - to Ty się zmieniłeś
https://remysharp.com/2021/02/11/the-web-didnt-change-you-did
INFO: "dawniej to łatwo było tworzyć strony, a teraz próg wejścia jest tak niesamowicie wysoki..." - czyżby? ciekawe przemyślenia
7) Automat do przejmowania serwerów (autoexploiter)
https://github.com/liamg/traitor
INFO: wrzucasz na serwer, uruchamiasz jako zwykły user i jeśli system ma jakąkolwiek podatność, to jesteś rootem
8) Jak zupełnie za darmo zorganizowano konferencję online FOSDEM dla ponad 30 tysięcy osób?
https://matrix.org/blog/2021/02/15/how-we-hosted-fosdem-2021-on-matrix
INFO: wykorzystano do tego sieć "Matrix". Ciekawe rozwiązanie techniczne.
9) Lubisz znaczniki Markdown? To rozszerzenie pozwoli Ci ich używać wszędzie gdzie zechcesz
https://markdown-here.com
INFO: dodajesz rozszerzenie do przeglądarki (Chrome/Opera/Safari/Firefox) lub programu pocztowego i możesz np. pisać maile w Markdown, a odbiorca otrzyma je jako pięknie sformatowany HTML
10) Prosta tablica (w stylu kanban) do organizacji tasków. Działa w pełni offline i trzyma dane w local storage
https://github.com/apankrat/nullboard
INFO: użyj linka do podglądu wersji DEMO, aby zobaczyć, jak to działa w praktyce
11) "Zaangażowanie użytkowników" to współczesny synonim na "uzależnienie"?
https://medium.com/swlh/user-engagement-is-code-for-addiction-a2f50d36d7ac
INFO: artykuł o tym, jak manipulują nami media społecznościowe, abyśmy spędzali w nich jeszcze więcej czasu
12) JetBrains Code With Me - teraz ze wsparciem dla wideo/audio konferencji
https://blog.jetbrains.com/blog/2021/02/16/code-with-me-beta-support-for-audio-and-video-calls/
INFO: Dodane niedawno rozwiązanie JetBrains, "Code With Me" pozwalające na wspólne kodowanie w czasie rzeczywistym, testuje właśnie obsługę wbudowanych videokonferencji.
13) Jak poprawnie zbudować formularz na stronie, aby przeglądarka z łatwością sama go uzupełniła?
https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete
INFO: poprawne nazewnictwo pól, połączone z odpowiednimi typami zawartości pól może bardzo ułatwić życie użytkownikom Twojej aplikacji webowej
14) Prosta biblioteka Pythona do tworzenia atrakcyjnych interfejsów tekstowych
https://github.com/willmcgugan/rich
INFO: zobacz na screena, a zrozumiesz o co chodzi :)
15) Lista alternatywnych powłok Linuksowych - zamienników dla klasycznego Basha, czy ZSH
https://github.com/oilshell/oil/wiki/Alternative-Shells
INFO: niektóre z nich są bardziej wymyślne. Warto rzucić okiem np. na Fish Shell, czy Nushell
16) Flameshot - świetne narzędzie do robienia screenshotów z adnotacjami na Linuksie
https://github.com/flameshot-org/flameshot/
INFO: zobacz koniecznie animację jak to wyglada. Fajne!
17) Co nas czeka w świecie wolnego oprogramowania jeszcze w tym roku?
https://librearts.org/2021/01/foss-in-2021-preview/
INFO: zapowiedzi ciekawych funkcji w znanych aplikacjach
18) Drobne usprawnienia w CSS, które zachowują kompatybilność wsteczną - dobrze wyglądają w starych i nowych przeglądarkach
https://ishadeed.com/article/tiny-enhancements-in-css/
INFO: pędząc stale przed siebie z nowinkami technologicznymi w CSS, zapominamy, że nie na każdej przeglądarce działają one tak samo (a nie kiedy nie działają wcale)
19) Czas pożegnać się z formatem JPEG?
https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpeg
INFO: porównanie nowoczesnych formatów plików graficznych, przy których tradycyjny JPEG wypada raczej kiepsko
20) Mapa wszystkich stacji nadawczych (BTSów) telefonii komórkowej na świecie
https://alpercinar.com/open-cell-id/
INFO: mapę można zoomować, a dane na niej prezentowane da się pobrać (tylko to około 40 milionów punktów!)
21) Niesamowite możliwości, jakie daje powłoka ZSH - jak je wykorzystać?
https://www.twilio.com/blog/zsh-tricks-to-blow-your-mind
INFO: powłoka ta słynie z ciekawych sztuczek jak i sprytnych dodatków. Na tej stronie znajdziesz 9 mniej znanych trików z jej wykorzysaniem
22) Dlaczego video calle (np. na Zoomie) są takie męczące?
https://newatlas.com/telecommunications/zoom-fatigue-video-exhaustion-tips-help-stanford/
INFO: jeśli czujesz się po nich naprawdę zmęczony, to niekoniecznie ze względu na to, że jesteś introwertykiem ;)
23) Strony startupów jak i technologicznych gigantów wyglądają podobnie i mają "te śmieszne, rysowane postacie"?
https://eyeondesign.aiga.org/dont-worry-these-gangley-armed-cartoons-are-here-to-protect-you-from-big-tech/
INFO: o co w tym chodzi i skąd się to wzięło? Artykuł z wyjaśnieniem. Przy okazji rzuć okiem, o jakie grafiki chodzi
24) Rok 2021 to początek końca Dockera? - przemyślenia
https://webmastah.pl/rok-2021-to-poczatek-konca-dockera/
INFO: Rozbudowana analiza obecnej sytuacji z Dockerem, po tym jak Kubernetes ogłosił, że się z nim żegna.
25) Używasz 'ikonowych fontów' - autor tego artykułu wyjaśni Ci, dlaczego nie powinieneś tego robić
https://www.irigoyen.dev/blog/2021/02/17/stop-using-icon-fonts/
INFO: według autora 'icon fonts' to zło i wszyscy powinniśmy przejść na ikony w SVG. Ma na to oczywiście argumenty
== LINKI TYLKO DLA PATRONÓW ==
26) Zaawansowane funkcje GITa, których nie wiedziałeś, że potrzebujesz ;)
https://uw7.org/un_6038080c03e12
INFO: garść ciekawych usprawnień zwiększających produktywność
27) Czy ten kod napisał człowiek, czy GPT3?
https://uw7.org/un_603807aed93da
INFO: prosty quiz. Rzuć okiem na kod źródłowy i powiedz, czy Twoim zdaniem napisała go sztuczna inteligencja, czy może człowiek
28) Usługi i aplikacje dostępne za darmo dla developerów lub oferujące darmowe, limitowane pakiety (free usage tier)
https://uw7.org/un_603807b549e75
INFO: wszystko podzielono na kategorie. Są tam do wyboru SaaSy, IaaSy, PaaSy i wszystko inne, co trudno zaklasyfikować
29) Wszystkie ściągi do testowania security, opublikowane przez OWASPa
https://uw7.org/un_603807bc65183
INFO: jak wykonać i załatać XSS, jak testować SQL Injection i wiele innych
==
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ę? Dołącz do patronów:
https://patronite.pl/unknow
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #technologia #ciekawostki #git #linux #programowanie #webdev #frontend pokaż całość -
◢ #unknownews ◣
Dzisiejsze zestawienie ma sponsora, wiec link numer 7 pochodzi właśnie od niego - fajne narzędzie.
1) Lista 20 najczęstszych problemów z zarządzaniem sobą w czasie i metody ich rozwiązania
https://dev.to/actitime/20-most-common-time-management-problems-solutions-3abb
INFO: większość z tych problemów może wystąpić u ludzi rozwijających swoje poboczne projekty i biznesy
2) Zagraj w kultowe gry w swojej przeglądarce - nie ma potrzeby instalacji dodatkowego softu (produktywność -1000)
https://playclassic.games
INFO: na liście hitów znajdziesz Heroes II, Civilization, Warcraft II, Theme Hospital, Settlers II czy Wormsy
3) A gdyby tak zrobić "apt" (apt instal XYZ), ale dla fontów? - mówisz, masz!
https://github.com/alexmyczko/fnt
INFO: narzędzie działa na Linuksie oraz Macu i oferuje dostęp do około 2700 fontów
4) Użycie uczenia maszynowego do wygrania miliona dolarów w konkursie Mountain Dew
https://blog.roboflow.com/mountain-dew-contest-computer-vision/
INFO: zadanie polega na podaniu liczby butelek napoju widocznych w reklamie. Zwróć uwagę na screenach, jak trudno przeoczyć te butelki
5) SuperCookie - czyli metoda śledzenia użytkowników na stronach np. przez faviconę
https://github.com/jonasstrehle/supercookie
INFO: możesz czyścić cache, usuwać ciastka, otwierać tryb incognito, uruchamiać VPNa, a właściciel strony i tak wie, że to Ty...
6) Czy policjanci z USA puszczają chronioną prawami autorskimi muzykę, aby zabezpieczyć się przed nagrywaniem? - ciekawa teoria
https://torrentfreak.com/are-cops-playing-music-while-being-filmed-to-trigger-copyright-filters-210210/
INFO: nagranie zawierające taką muzykę zostanie szybko usunięte z YouTube, Instagrama, Facebooka i wielu sieci społecznościowych
7) Strona będąca nakładką na Allegro, przyspieszająca i ułatwiająca znalezienie przedmiotu, którego szukasz
https://www.welcomehot.com/allegrohot/
INFO: wpisujesz frazę, która Cię interesuje i widzisz czytelne zdjęcia towarów, bez zbędnych reklam, promowanych kategorii, automatycznie posortowane tak, aby możliwie dobrze pasowały do szukanej frazy. Testowałem szukając taniej Yerby. Działa OK ;)
8) Wszystko, co musisz wiedzieć o tunelach SSH
https://robotmoon.com/ssh-tunnels/
INFO: wiedza niezbędna dla adminów i fanów Linuksa. Bardzo przystępnie wyjaśnione. Są przykłady gotowych poleceń
9) Github1s - chcesz na szybko przeanalizować kod źródłowy z GitHuba, ale w VSCode?
https://github1s.com/conwnet/github1s
INFO: zmień domenę GitHub w dowolnym projekcie na Github1s, a repozytorium samo się sklonuje i odpali w VSCode Online
10) Zrób wyjątkowe screenshoty na swoją stronę, czy do prezentacji (3D)
https://www.screenstab.com/
INFO: wrzucasz zwykłego screena, a następnie scrollując (np. kółkiem myszki) ustawiasz parametry widoku 3D. Efekty są przyjemne dla oka ;)
11) UrlCast - narzędzie do ujawniania linka o wskazanej porze (skracacz + scheduler)
https://urlcast.io/
INFO: aplikacja przygotowuje odliczanie, dzięki czemu możesz rozesłać linka do eventu (np. streama na YT) wszystkim zainteresowanym, ale dopiero o wskazanej porze dowiedzą się oni, jaki jest właściwy URL.
12) O co chodzie w koncepcji mikrofrontendów? Artykuł + film.
https://dev.to/alexandrudanpop/microfrontends-explained-22i1
INFO: pomysł podobny z założenia do mikroserwisów i dziedziczący po nich niektóre zalety
13) PenPot - otwartoźródłowy odpowiednik Figmy do prototypowania interfejsów aplikacji
https://penpot.app
INFO: umożliwia pracę w teamie i hostowanie na własnym serwerze (selfhosted)
14) Aspect-ratio - nowa właściwość w CSS. Jak działa i jaki problem rozwiązuje?
https://web.dev/aspect-ratio/
INFO: jeszcze jest za wcześnie, aby z tego korzystać, ale dobrze wiedzieć, że niebawem będzie to rozwiązanie ogólnodostępne
15) Porównanie 7 szyfrowanych komunikatorów pod względem poziomu bezpieczeństwa i prywatności, jaki oferują
https://protonmail.com/blog/whatsapp-alternatives/
INFO: ProtonMail porównał Signal, Telegram, Threema, Wickr Me, Wire, Element oraz Keybase
16) Prosta weryfikacja poprawności formularzy w HTML + CSS
https://www.bram.us/2021/01/28/form-validation-you-want-notfocusinvalid-not-invalid/
INFO: do wyświetlania komunikatów z błędami i do oznaczania błędnie wypełnionych pól nie potrzebujesz JavaScript
17) Czytnik ebooków w przeglądarce - wrzucasz książkę i czytasz
https://www.loudreader.com
INFO: nie musisz instalować aplikacji do EPUB/Mobi/azw3/PDF, aby móc zapoznać się z dowolnym plikiem z tego formatu
18) Jak poprawnie używać atrybutu tabindex w HTML?
https://www.a11yproject.com/posts/2021-01-28-how-to-use-the-tabindex-attribute/
INFO: przegląd mitów związanych z tym atrybutem i przykłady jego poprawnego i błędnego użycia
19) Efekty przejścia w CSS wyjaśnione w interaktywny sposób
https://www.joshwcomeau.com/animation/css-transitions/
INFO: dzięki temu poradnikowi zrozumiesz różnice między np. ease-out / ease-in-out.
20) Facebook2rss - jak nazwa wskazuje, narzędzie umożliwiające czytanie FB za pomocą RSSa (profile, grupy, fanpage itp)
https://github.com/yshalsager/facebook2rss
INFO: do działania wymagane jest posiadanie konta w tej sieci. Wpisz jakieś fake (nie polecam używania automatyzacji na prywatnym).
21) Podstawy .bashrc, czyli jak zautomatyzować swoją powłokę
https://itnext.io/easiest-guide-to-bashrc-7ad0063d37eb
INFO: dodawanie funkcji, obsługa warunkowego wykonania kodu itp. Wiedza przyda się nie tylko przy pracy z bashrc, ale także z samym Bashem
22) Zdjęcie nieba w rozdzielczości około 10 terapixeli. Złożono je z ponad 6 miliardów mniejszych zdjęć
https://viewer.legacysurvey.org/
INFO: warto przeczytać FAQ na stronie, które wyjaśnia, o co chodzi, jak to działa i jak zbierano dane
23) Współdzielenie danych między JavaScript i CSS
https://christianheilmann.com/2021/02/08/sharing-data-between-css-and-javascript-using-custom-properties/
INFO: bezpośredni odczyt danych z CSS bywa często utrudniony, ale korzystając z 'custom properties' da się to sprytnie osiągnąć
24) Używasz edytora "nano" na Linuksie? On potrafi znacznie więcej niż Ci się wydaje
https://www.noa-s.org/nano.html
INFO: wystarczy dopisać kilka dodatkowych przełączników do nanorc (plik konfiguracyjny) i poznać kilka skrótów klawiszowych, aby efektywniej używać nano
25) exeCute - aplikacja do uruchamiania plików EXE (głównie gier) na Linuksie
https://gitlab.com/es20490446e/exeCute
INFO: pod spodem ma Wine oraz Dosboxa. To, co ją odróżnia od innych, to automatyczne montowanie np. obrazu CD (niezbędne do grania w niektóre gry)
== LINKI TYLKO DLA PATRONÓW ==
26) Ogromna lista ciekawych AMA (Ask Me Antyhing) z programistami i ludźmi z branży IT (UX, PM, designerzy itp)
https://uw7.org/un_602ceb3d728fd
INFO: projekt dopiero startuje, więc niektóre AMA są ubogie, ale można znaleźć kilka super perełek :)
27) Lista gier uczących programowania - z podziałem na języki
https://uw7.org/un_602ceb372c115
INFO: na liście poza topowymi językami jak Python, Java czy Ruby, są także gry uczące programowania ogólnie (co to zmienna, pętla itp)
28) Jak pisać dobre dokumentacje i tutoriale? Poradnik online i ebook zarazem
https://uw7.org/un_602ceb2c15b12
INFO: aby pobrać ebooka (Epub/PDF/HTML) kliknij strzałkę w lewym dolnym rogu okna (koło wersji dokumentu)
29) Sto najczęściej zadawanych pytań o JavaSript na rozmowach o pracę (pytania + odpowiedzi)
https://uw7.org/un_602ceb2682936
INFO: to jest część pierwsza zestawienia zawierająca pierwsze 21 pytań. Kolejne będą podlinkowane przez autora pod tym samym adresem.
==
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
Lubisz moje zestawienia? Dołącz do patronów:
https://patronite.pl/unknow
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
tagi: #technologia #ciekawostki #webdev #programowanie #devops #frontend #backend pokaż całość-
@RoadRunner: @Aaaaarghhh:
wyszukiwarka została dopracowana (zgodnie z obietnicą) dodane zostały bardziej zaawansowane operatory, dla przypomnienia co robią:
+ to AND
- to NOT
słowa/frazy bez operatorów działają jak OR
* to wildcard np pizz* znajdzie pizza pizzy itd
"" to szukanie dokładnej frazy np "kamień do pizzy"
@int to dystans określający czy dwa lub więcej słów zaczyna się w określonej odległości od siebie używa się z cudzysłowami np. "word1 word2 word3" @8
( ) to grupowanie słów fraz również razem z operatorami i nawiasy mogą być też zagnieżdzane
~ to taki miękki NOT czyli odrzuca dane słowo dopóki już naprawdę nie ma co wyświetlić w kolejnych wynikach
> < to operatory zwiększające/zmniejszające udział słowa np '+kamień +(>pizzy <harry)' wyświetli najpierw kamienie do pizzy i od razu po nich kamienie Harrego Pottera i dopiero potem sosy do pizzy itp pokaż całość+: RoadRunner
-
-
◢ #unknownews ◣
Oto i jest - nowe zestawienie :)
1) Zagraj w Sokobana (przesuwanie skrzynek) w świecie nietrzymającym zasad klasycznej geometrii (trudne i wciąga!)
https://sokyokuban.com
INFO: chodzenie po liniach prostych może powodować obrót, a kształty figur mogą się zmieniać. Po zaliczeniu każdego poziomu trzeba samemu kliknąć kolejną gwiazdkę na dole
2) Czy jesteś w stanie odróżnić fake newsa od prawdziwego? Zagraj w grę.
https://fakey.osome.iu.edu
INFO: możesz pominąć instrukcję i grać anonimowo, bez konta na FB/Twitterze. Jeśli myślisz, że dany post jest OK, to klikasz Like lub Share. Jeśli myślisz, że to fake news, klikasz 'Fact-check'. Na górnym pasku masz swoją skuteczność w odszukiwaniu fejków.
3) Przenośne oczyszczacze powietrza z marketów vs domowej roboty oczyszczacz
https://www.cbc.ca/news/business/portable-air-purifier-tests-marketplace-1.5900782
INFO: w teście udział wzięło 5 modeli oczyszczaczy, a ich konkurentem była domowej roboty konstrukcja z filtrem HEPA. Jak poszło projektowi DIY?
4) Lista wpadek znanych firm przy pracy z Kubernetes
https://k8s.af
INFO: wszystkie świetnie opisane, zarówno pod względem przyczyny wpadki, jak i jej rozwiązania
5) Wyjaśnienie kluczowych pojęć i procesów związanych z UX
https://uxdesign.cc/a-comprehensive-list-of-ux-design-methods-deliverables-2021-2feb3e70e168
INFO: wiesz, czym się różni 'service blueprint' od 'journey mapy' albo 'analizy ekosystemu'?
6) WTF Python - czyli zwiększ rozumienie tego języka, analizując nietypowe fragmenty kodu
https://github.com/satwikkansal/wtfpython
INFO: jest to zbiór kodów źródłowych, które dają niespodziewany wynik działania lub zupełnie nie działają, a na pierwszy rzut oka powinny
7) Synology wprowadza vendor locking w swoich NASach z serii enterprise
https://www.servethehome.com/synology-launches-enterprise-hard-drive-line-and-nases/
INFO: w skrócie chodzi o to, że do najwyższej półki urządzeń wsadzisz tylko dyski sprzedawane przez Synology (inne nie zadziałają)
8) Jak dodać do swojego smartfona z Androidem diodę powiadomień (jak za dawnych lat w telefonach)?
https://www.instalki.pl/aktualnosci/software/46308-notifybuddy-aplikacja-dioda-powiadomien.html
INFO: okazuje się, że istnieje do tego aplikacja, która wykorzystuje prostą sztuczkę. Fajne!
9) Wywiad z pierwszym pracownikiem Reddita - jak wyglądała praca w tym serwisie u początków jego rozwoju?
https://blog.ycombinator.com/chris-slowe-interview/
INFO: "Employee #1" to seria wywiadów przeprowadzana przez YCombinator z pierwszymi pracownikami znanych firm
10) Chciałbyś udzielać się w projektach OpenSource i jeszcze na tym zarobić? To serwis dla Ciebie
https://rysolv.com/issues
INFO: to lista bugów w aplikacjach, za poprawienie których wyznaczono nagrodę (przeważnie od $9 do $100). Znajdziesz tam także trochę darmowych bugów dla nabrania doświadczenia
11) Jak dobrać kolor fonta i tła, aby sprostać ograniczeniom postrzegania Twoich czytelników?
https://whocanuse.com/
INFO: analiza kolorów widzianych przez ludzi z 12 różnymi zaburzeniami wzroku.
12) FFScreenCast - proste, wieloplatformowe (Win/Lin/Mac) narzędzie do nagrywania obrazu z pulpitu i webcamery
https://github.com/cytopia/ffscreencast
INFO: obsługa odbywa się za pomocą linii poleceń, ale jest dość prosta
13) Blog z papierowymi modelami starych komputerów
http://rockybergen.com/papercraft
INFO: jeśli masz kolorową drukarkę, klej i nożyczki, to masz także zabawę na kolejne godziny. Zbuduj sobie Amigę 500 albo Apple II
14) Podrain - aplikacja webowa (selfhosted) do słuchania podcastów.
https://github.com/podrain/podrain
INFO: Włącz sobie demo, aby zobaczyć, jak to działa. Zaciąga podcasty z iTunes i potrafi je trzymać w cache do słuchania offline.
15) Używasz narzędzia JQ do operowania na plikach JSON? Interaktywne JQ (iJQ) może Ci się spodobać
https://sr.ht/~gpanders/ijq/
INFO: rzuć okiem na osadzony na stronie film, aby zrozumieć jak to działa
16) Firefox Relay - usługa anonimowych adresów mailowych od Mozilli
https://relay.firefox.com/?ref=link
INFO: instalujesz rozszerzenie w przeglądarce i za każdym razem gdy jesteś pytany o maila, przeglądarka wkleja Ci anonimowego i losowego maila-przekierowanie, który przesyła wiadomości do Ciebie
17) Szukasz alternatywnej przeglądarki WWW? Świat nie kończy się na Brave
https://tilde.club/~acz/shadow_wiki/browsers.xhtml
INFO: lista kilkudziesięciu mniej i bardziej niszowych projektów wraz z (subiektywną) oceną poziomu zagrożenia dla prywatności
18) Kolekcja ponad 109 tysięcy ikon na wolnej licencji, zdatnych do użycia we własnym projekcie
https://iconduck.com
INFO: ikony nadają się do użycia komercyjnego
19) Optymalizator plików JPG - skrajnie prosty i działający w pełni po stronie użytkownika
https://jpeg.rocks
INFO: żadne dane nie są wysyłane na serwer. Wszystko odbywa się w Twojej przeglądarce. Efektem działania narzędzia jest zmniejszenie rozmiaru grafiki przeważnie o 40-80%
20) BotSlayer - narzędzie do wykrywania botów dezinformacyjnych (np. rządowych trolli) na Twitterze
http://osome.iuni.iu.edu/tools/botslayer/
INFO: aby pobrać soft, trzeba tylko wypełnić krótkie podanie w Google Forms. Narzędzie działa na Windowsie i Linuksie. Jest także dostępne jako obraz dockera.
21) Analizator pochodzenia informacji na Twitterze - kto rozsiał plotkę? od kogo to się zaczęło?
https://hoaxy.osome.iu.edu/
INFO: zaloguj się przez Twittera i spróbuj np. namierzyć powiązanie Billa Gatesa z tematem szczepionek (po angielsku). Okaże się, że że jest jedno, ciekawe źródło tych rewelacji
22) Ciekawa koncepcja komunikatora bazującego na poczcie e-mail
https://delta.chat/pl/
INFO: brak własnego serwera dla komunikatora połączony z możliwością rozmawiania z ludźmi bez komunikatora (bo to w końcu email...) sprawia, że pomysł wygląda ciekawie
23) Marzy Ci się Linux na Twoim smartfonie? Zobacz jak wyglądają postępy wdrażania systemu na platformy mobilne
https://datahorde.org/?p=1980
INFO: powiedzmy, że jest to rynek rozwijający się i jeśli nie jesteś posiadaczem jednego ze smartfonów wspieranych przez postmarketOS lub Ubuntu Touch to możesz mieć problem
24) Lista wszystkich domen i subdomen używanych przez duże firmy (FB, Apple, Amazon itp) - na wypadek, gdybyś chciał je zablokować
https://github.com/jmdugan/blocklists/tree/master/corporations
INFO: przydatna kompilacja dla ludzi dbających o swoją prywatność. Lista domen jest także dostępna w formie pliku do Adblocka (*.easylist)
25) AudiBlogs - rozszerzenie do Chrome zmieniające dowolny artykuł w podcast (wersję audio)
https://audiblogs.com/
INFO: tak zbudowany podcast można wysłać na telefon lub słuchać w przeglądarce. Zbudowanie pliku dźwiękowego zajmuje około 1 minuty. Ma wsparcie dla języka polskiego
== LINKI TYLKO DLA PATRONÓW ==
26) Wszystko, co powinieneś wiedzieć o webscrapingu z użyciem Pythona
https://uw7.org/un_60265361babdc
INFO: przykłady z użyciem BeautifulSoup, PySpider, Selenium, Scrapy itp.
27) Uczysz się języka Rust? Oto dostępny online, darmowy i niezwykle rozbudowany podręcznik
https://uw7.org/un_6026537037c54
INFO: nie nadaje się do nauki od zera, a działa bardziej jak książka kucharska z przepisami na rozwiązanie konkretnych problemów
28) Lista (kilka tysięcy sztuk) blogów dla developerów z podziałem na technologię czy stack technologiczny
https://uw7.org/un_60265376b6f8c
INFO: jeśli nie widzisz na liście po prawej tematu, którego szukasz, to lista wszystkich zagadnień jest na samym dole strony.
==
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
Lubisz moje zestawienia? Zostań patronem
https://patronite.pl/unknow
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
tagi: #technologia #ciekawostki #webdev #programowanie #devops pokaż całość-
INFO: instalujesz rozszerzenie w przeglądarce i za każdym razem gdy jesteś pytany o maila, przeglądarka wkleja Ci anonimowego i losowego maila-przekierowanie, który przesyła wiadomości do Ciebie
@imlmpe: brzmi jak Apple ( ͡° ͜ʖ ͡°) https://support.apple.com/pl-pl/HT210425
-
◢ #unknownews ◣
W tym tygodniu, link numer 4 jest sponsorowany przez firmę @Forbot
1) Jak w banalny sposób ogarnąć ciągła komunikację klient-server, ale bez websocketów?
https://jvns.ca/blog/2021/01/12/day-36--server-sent-events-are-cool--and-a-fun-bug/
INFO: przyznam, że nie znałem tej metody, a wygląda naprawdę prosto.
2) Uważaj jeśli chcesz 'wyciec' spotkanie/szkolenie na Zoomie - metody zabezpieczeń
https://theintercept.com/2021/01/18/leak-zoom-meeting/
INFO: krótko mówiąc, możliwe jest stwierdzenie, kto takie nagranie przygotował i udostępnił. Na końcu tekstu są porady jak utrudnić identyfikację
3) Metody na ominięcie cenzury internetu, czyli jak dostać się na zablokowane strony internetowe
https://avlab.pl/i2p-tor-freenet-zeronet-na-wypadek-cenzury-co-musisz-wiedziec-o-prawdziwie-wolnym-internecie/
INFO: garść prostych porad. Nigdy nie wiadomo, kiedy te porady mogą być nam potrzebne, więc warto poznać je zawczasu.
4) KONKURS: Napisz artykuł o elektronice, podziel się wiedzą i wygraj 2000 zł
https://bit.ly/2YXa4yV
INFO: Mile widziane artykuły o elektronice, Arduino, Raspberry Pi oraz o takich temat jak np.: Grafana, TensorFlow, RISC-V, bezpieczeństwo IoT i wiele, wiele innych.
5) Symulator ruchu drogowego, uwzględniający wiele parametrów, znaków drogowych, sygnalizację itp
https://traffic-simulation.de
INFO: pobaw się parametrami tak, aby spowodować/rozładować korek. Elementy na środku planszy można umieszczać na drodze.
6) Deskreen - aplikacja zmieniająca dowolne urządzenia (telefon, tablet itp) w Twój drugi monitor
https://deskreen.com
INFO: jest zupełnie darmowa. Obsługuje wiele monitorów i działa na Windowsie, Linuksie i Macu. Potrafi nawet transmitować obraz po WiFi
7) Zmień swoje Raspberry Pi w centrum muzyki - zupełnie za darmo
https://volumio.org
INFO: darmowa, opensourcowa aplikacja dość mocno przypominająca Spotify, ale korzystająca z Twojej biblioteki muzycznej
8) Tymczasowe numery SMSowe, kontrolowane z terminala (CLI) i zupełnie darmowe
https://github.com/sdushantha/tmpsms
INFO: przy rejestracji do niektórych usług trzeba podać "swój" numer telefonu. Oto generator "Twoich" numerów.
9) Jak bezpiecznie przesłać hasło w aplikacji webowej, nawet w przypadku braku SSLa?
https://owlspace.xyz/cybersec/steam-login/
INFO: artykuł zawiera analizę tego, jak radzi sobie z tym Steam. Ciekawe rozwiązanie.
10) Tworzenie ilustracji złożonych z jednego DIVa + CSS
https://www.albertwalicki.com/fall-in-love-with-single-div-images
INFO: bardzo ciekawe wyjaśnienie, jak to działa, jak się do tego zabrać i jak zorganizować swoją pracę nad kodem.
11) Bug w YouTube umożliwiał podglądanie prywatnych filmów - bez dźwięku, klatka po klatce
https://bugs.xdavidhu.me/google/2021/01/11/stealing-your-private-videos-one-frame-at-a-time/
INFO: opis interesującej luki w API serwisu i sposobu jej użycia i odkrycia
12) NovelWriter - narzędzie do tworzenia książek w Markdown
https://novelwriter.io
INFO: działa na Windowsie i Linuksie. Aplikacja jest darmowa
13) Używasz Adblocka/uBlocka/AdGuarda? Dodaj do listy blokad domeny podawane przez CERT
http://hole.cert.pl/domains/domains_adblock.txt
INFO: to domeny wyłudzające dane osobowe, podszywające się po znane strony WWW i rozsiewające malware. Wklej tego urla jako nową listę filtrów
14) Świetnie opisany bug w YouTube pozwalający przeglądnąć cudzą historię uploadowanych i lajkowanych filmów
https://bugs.xdavidhu.me/google/2021/01/18/the-embedded-youtube-player-told-me-what-you-were-watching-and-more/
INFO: błąd został usunięty pod koniec 2019 roku, ale jego opracowanie jest wartościowe, więc wrzucam
15) EXA - alternatywa dla klasycznego 'ls' znanego z Linuksa. Potrafi współpracować z GITem
https://the.exa.website
INFO: działa na Linuksie i Macu. Nie tylko ładnie wyświetla output, ale także pokazuje np. które pliki nie zostały wrzucone do repozytorium
16) JingOS - dystrybucja Linuksa naśladująca wyglądem i zachowaniem iPada
https://en.jingos.com
INFO: wygląda całkiem przyjemnie. Używanie tego na desktopie może nie mieć sensu, ale jako "Linux na tablet" zapowiada się ciekawie.
17) FontJoy - czy te fonty pasują do siebie? Narzędzie online
https://fontjoy.com
INFO: font dla tytułu artykułu, podtytułu i treści. Jak je dobrać? To narzędzie pozwoli Ci stwierdzić, jak trzy wybrane przez Ciebie fonty współgrają ze sobą.
18) Czytałeś kiedyś politykę prywatności i regulamin jakiegokolwiek serwisu, w którym masz konto?
https://tosdr.org/en/frontpage
INFO: ta usługa skraca polityki serwisów do kilku podpunktów, robiąc z tego "TL;DR". Fajne!
19) Ciekawa historia o tym jak dzieci pomogły znaleźć dość poważnego buga w wygaszaczu ekranu (Linux)
https://github.com/linuxmint/cinnamon-screensaver/issues/354
INFO: okazuje się, że wygaszacz nie wytrzyma naporu znaków wprowadzanych chaotycznie z wielu urządzeń jednocześnie
20) SSR - Server Side Rendering od podstaw
https://dev.to/alexsergey/server-side-rendering-from-zero-to-hero-2610
INFO: autor przekształca typową aplikację Reacta do formatu SSR
21) Ticker - terminalowe narzędzie śledzące na żywo sytuację na giełdzie
https://github.com/achannarasappa/ticker
INFO: narzędzie pozwoli Ci na żywo obserwować jak topnieje Twój majątek zainwestowany w akcje GME ;)
22) To, że mam pionowy ekran, nie oznacza, że oglądam stronę na smartfonie!
https://shkspr.mobi/blog/2021/02/just-because-i-have-a-vertical-screen-doesnt-mean-im-on-a-phone/
INFO: niekiedy twórcy stron na podstawie proporcji ekranu ustalają, czy wyświetlić wersję mobilną, czy desktopową. A co z ludźmi z pionowo ustawionym monitorem?
23) Mastodon - co to właściwie za komunikator i na czym polega 'fediwersum' (fediverse)?
https://blog.joinmastodon.org/pl/2018/08/przewodnik-po-mastodonie/
INFO: bardzo fajne wprowadzenie do tematu.
24) Currying w JavaScript - czyli jak nie powielać zbytecznie kodu i sprytnie używać już napisanych funkcji
https://dev.to/anuradha9712/currying-in-javascript-3l1j
INFO: artykuł tłumaczy w skrajnie prosty sposób, jak to działa i do czego może nam się przydać
25) Historia najsłynniejszego routera Linksys w historii - WRT54G (jest szansa, że miałeś w domu taki)
https://tedium.co/2021/01/13/linksys-wrt54g-router-history/
INFO: nie był za tani, nie oferował super parametrów, a jednak skradł serca użytkowników, bo miał w sobie... :)
26) Wielkie porównanie szyfrowanych komunikatorów - który wybrać
https://www.securemessagingapps.com
INFO: wygląda na to, że mamy przynajmniej dwóch konkurentów, którzy bardzo poważnie (i podobnie zarazem) podeszli do tematu bezpieczeństwa.
27) Generator miniatur z artykułów - do użycia na potrzeby social mediów.
https://thumbnail.ai
INFO: nawet jeśli Twój tekst nie posiada grafik, to ten generator zrobi dla niego schludną miniaturę do osadzenia np. na FB.
== LINKI TYLKO DLA PATRONÓW ==
28) Ogromne opracowanie tematów związanych z wydajnością frontendu + checklista w PDF
https://uw7.org/un_601cdfc5060b8
INFO: sama checklista jest umieszczona na końcu tekstu w sekcji z plikami do pobrania
29) Lista gier online hostowanych na GitHubie (gry przeglądarkowe, w które możesz zagrać)
https://uw7.org/un_601cdfcb5f45e
INFO: nie chodzi o hostowanie kodu źródłowego (to oczywiście też), ale o hostowanie całej gry na Github Pages
30) Kolekcja stron 'demo' z licznymi podatnościami w bezpieczeństwie - czyli zobacz, co można źle zaimplementować
https://uw7.org/un_601cdfd0f3a63
INFO: błędne implementacje JWT, CSP, CORS itp - łącznie 21 kategorii
31) Materiały dla ludzi zajmujących się cybersecurity - zarówno zawodowo, jak i hobbystycznie
https://uw7.org/un_601cdfd81f450
INFO: świetne opracowanie, podzielone na dziesiątki rozdziałów z licznymi linkami. Sprawdź np. dział "Phishing" z poradami testów phishingowych.
==
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.
Jeśli czytasz moje zestawienia regularnie, to może warto zostać patronem?
https://patronite.pl/unknow
Patroni otrzymują dostęp do wszystkich (także i przeszłych) linków z zestawień:
https://mrugalski.pl/linki.php
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #technologia #programowanie #linux #devops #ciekawostki #internet #webdev pokaż całość-
@imlmpe: 22
Sam ustawia monitor wertykalnie, daje 1.5 ratio przez co ma małą rozdzielczość i ja mam się domyślić, że on jest na komputerowym monitorze?
Powinien albo przestać kombinować, albo zmienić ustawienia w przeglądarce i usunąć ratio, albo na stronie powinien być przycisk z zapisaniem ciastka, żeby ustawić stronę jako desktop. Ależ użytkownik niech go jasny gwint.
-
-
◢ #unknownews ◣
Czas na kolejny przegląd ciekawych linków z branży IT. Dzisiaj link numer 4 pochodzi od sponsora, ale jest na tyle ciekawy, że sam się zapisałem :)
1) Dark Patterns - rozwiązania utrudniające wykonanie pewnych akcji na stronie, a dające benefity ($$$) ich twórcom
https://darkpatterns.org
INFO: ciekawy przegląd wprowadzających w błąd lub utrudniających życie rozwiązań. Na początek zobacz film, a później kliknij "Types of Dark Pattern"
2) Podstawy ditheringu - czyli jak uzyskać paletę kolorów gdy... masz do dyspozycji jeden kolor
https://surma.dev/things/ditherpunk/
INFO: była to technika często stosowana w starych grach, działających w trybie 16 kolorów. Jeśli nie interesuje Cię matematyka, to przynajmniej zobacz fotki ;)
3) DALL-E - projekt od OpenAI do tworzenia obrazów na podstawie opisu. Mówisz co chcesz, a on to utworzy.
https://openai.com/blog/dall-e/
INFO: rozwiązanie bazuje na GPT-3. Kliknij "Edit prompt" pod przykładowym obrazkiem i pozmieniaj parametry. Nazwa pochodzi od połączenia Salvatora Dali z robotem Wall-E
4) Seria darmowych webinarów na temat Dockera i Kubernetes - codziennie o 20:00 przez 7 dni. Wymagana rejestracja
https://wkontenerach.pl
INFO: warto się zarejestrować, bo jeśli nie będzie Cię na spotkaniach na żywo, to mailem dostaniesz linka do powtórek
5) Text-to-speech z użyciem głosów postaci z kreskówek i seriali
https://15.ai
INFO: baza głosów jest skromna i większości niestety nie znam, ale jakość generowanego głosu robi wrażenie!
6) Krótki quiz na temat błędnych założeń związanych z UX
https://10ideesrecuesenuxdesign.castoretpollux.com/en/
INFO: to nie tylko pytania, ale też wyjaśnienia, dlaczego taka odpowiedź jest akurat prawidłowa. Warte przemyślenia.
7) Szczepionka na Covid jest OpenSource, a jej źródła można znaleźć w Internecie - oto analiza tych źródeł
https://berthub.eu/articles/posts/reverse-engineering-source-code-of-the-biontech-pfizer-vaccine/
INFO: autor rozpisał całą sekwencję - co oznacza, jak działa i dlaczego akurat tak. Dość nerdowski tekst ;)
8) TabFS - podmontuj swoje taby z przeglądarki jako filesystem na Linuksie/Macu
https://omar.website/tabfs/
INFO: Wszystkie zakładki widoczne są jako pliki i katalogi. Dzięki temu można parsować zawartość odwiedzanych stron, a usunięcie któregoś katalogu z dysku, automatycznie zamyka wskazanego taba w Chrome/Firefox.
9) Przegląd interfejsów użytkownika ze znanych filmów i seriali
https://www.saji8k.com/kit-fui/
INFO: sporo zdjęć i filmów przedstawiających, jak twórcy przeróżnych produkcji wyobrażali sobie jak powinien wyglądać UI
10) ComicSans Mono - to nie żart, to nowa, ulepszona wersja tego wspaniałego fonta!
https://dtinth.github.io/comic-mono-font/
INFO: autor usunął największą bolączkę fonta i nadał mu stałą szerokość znaku. Sprawiło to, że... nadaje się ona do programowania (cała podlinkowana strona jest w niej stworzona)
11) Konsola od KFC - nikt do końca nie jest przekonany, czy to aby na pewno żart (jeśli to żart, to trwa już odrobinę za długo)
https://landing.coolermaster.com/kfconsole/
INFO: konsola to w zasadzie mocno tuningowany PC przystosowany do VR z wbudowanym... podgrzewaczem do kurczaków.
12) Jak działa historia operacji w Google Docs? Reverse Engineering projektu
http://features.jsomers.net/how-i-reverse-engineered-google-docs/
INFO: dość wnikliwa analiza tego, jak to się dzieje, że możemy przeglądać historię zmian od wielu userów i odtwarzać ją na timeline
13) TiddlyWiki - prywatna Wiki do prowadzenia notatek w sposób nieliniowy. Działa na każdym systemie (i to offline!) i wymaga jedynie przeglądarki
https://tiddlywiki.com
INFO: aplikacja napisana jest w HTML+CSS+JS. Warto przeczytać (w 'Getting Started') jak sprawić, aby wpisywane w niej dane nam nie przepadły
14) Projektowanie komponentów webowych (wizualnie) nie jest takie proste jak się wydaje - przykład
https://ishadeed.com/article/building-real-life-components/
INFO: autor pokazuje z jak wieloma problemami spotkamy się przy projektowaniu np. dymka z powiadomieniem z messengera
15) Jak sprytnie radzić sobie z elementami o nieznanej długości w CSS
https://ishadeed.com/article/css-short-long-content/
INFO: nie wiadomo jak długi tekst wpisze użytkownik, ile linii tekstu on zajmie, a jednak musimy go jakoś wyświetlić. Oto kilka rozwiązań tego problemu.
16) Lista 10 najpopularniejszych bibliotek pythona z 2020 roku
https://tryolabs.com/blog/2020/12/21/top-10-python-libraries-of-2020/
INFO: na liście są jedynie aktywne projekty, których development rozpoczął się w 2020 roku i które jednocześnie są warte polecenia
17) Napisz program, który ma ZERO linii kodu (przynajmniej według softu liczącego te linie)
https://codegolf.stackexchange.com/questions/215705/hello-world-in-zero-lines-of-code
INFO: ciekawa zabawa. Warto przeglądnąć nadesłane rozwiązania i postarać się zrozumieć, dlaczego liczone są jako zero linii.
18) Prosty monitoring stron WWW napisany w Bashu
https://raymii.org/s/software/Bash_HTTP_Monitoring_Dashboard.html
INFO: sprawdza, czy strona działa i trzyma historię wszystkich awarii. Wyniki działania prezentuje w formie webowej (gotowy dashboard).
19) Dlaczego timer na iPhone pokazuje fałszywy czas, a jednocześnie działa poprawnie? Taka ciekawostka
https://lukashermann.dev/writing/why-the-iphone-timer-displays-fake-time/
INFO: ciekawe wyjaśnienie zastosowanego rozwiązania. Ponoć zastosowano to, aby 'łatwiej było ludziom odczytać pozostały czas'
20) Zegarek stworzony w czystym CSS - bez JS i prawie bez HTMLa (użyty jest tylko tag osadzający CSS)
https://www.quaxio.com/pure_css_digital_clock.html
INFO: traktuj źródło tego CSSa jako pewnego rodzaju inspirację, jak można zautomatyzować w CSS pewne akcje i jak uzależnić je od godziny
21) Twoja firma myśli o zaczęciu pracy z JIRA? Oto 30 argumentów, aby im to wybić z głowy
https://whyjirasucks.com
INFO: niektóre z argumentów posiadają screenshoty z wyjaśnieniem, o co chodzi. Trzeba kliknąć tytuł, aby je zobaczyć
22) Jak zbudować własne CA (Certificate Authority) do podpisywania certyfikatów z użyciem Raspberry Pi + YubiKey
https://smallstep.com/blog/build-a-tiny-ca-with-raspberry-pi-yubikey/
INFO: rozwiązanie dla pasjonatów Linuksa. Nawet jeśli tego nie zbudujesz, z tutoriala i tak nauczysz się kilku użytecznych rzeczy
23) Jak osiągnąć "efekt confetti" w programowaniu? Bardzo fajne wyjaśnienie jak to zrobić 'matematycznie'
https://varun.ca/confetti/
INFO: to efekt, w którym obiekt na początku zostaje szybko wystrzelony, a później powoli opada w losowy sposób. Nie tak prosto osiągnąć naturalny wygląd tego efektu
24) Generator patternów graficznych - trudno to opisać, ale po kliknięciu 'shuffle' wszystko staje się jasne
https://doodad.dev/pattern-generator/
INFO: wygenerowane wzory można pobrać jako PNG/SVG/CSS. Baza startowych patternów jest dość rozbudowana + mam y 5 możliwych transformacji
== LINKI TYLKO DLA PATRONÓW ==
25) Uproszczenie developerskiego workflow z użyciem programu Make - czyli jak automatyzować akcje w terminalu
https://uw7.org/un_600802b6613f8
INFO: autor pokazuje przykładowe Makefile do obsługi projektu w Pythonie, Dockerów oraz Kubernetes
26) Uwierzytelnianie i autoryzacja wyjaśnione raz, a dobrze - do tego z użyciem kolorowych dinozaurów ;)
https://uw7.org/un_600802bc55a70
INFO: zdecydowanie warto podążyć za linkami podanymi na końcu tekstu. Uzupełnią one Twoją wiedzę.
27) Postaw własny, domowy serwer multimediów (pełen poradnik)
https://uw7.org/un_600802c2b4001
INFO: wszystko bazuje na Linux+ZFS. Autor dorzuca do serwera Plexa, NextClouda, WireGuarda itp.
28) Tworzenie botów do gier na Androidzie, bazując na sztucznej inteligencji (film)
https://uw7.org/un_600802c8cc7d0
INFO: autor pokazuje koncepcje przechodzenia pewnej gry zręcznościowej z użyciem OpenCV
==
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.
Czytasz te zestawienia regularnie i doceniasz moją pracę? Dołącz do patronów:
https://patronite.pl/unknow
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #technologia #komputery #informatyka #ciekawostki #webdev #programowanie #linux pokaż całość-
Krótki quiz na temat błędnych założeń związanych z UX
błędnym założeniem jest, że niedziałający kod jest spoko
edit: ogólnie tam są twierdzenia, które są źle rozumiane przez wielu
owszem, nadmiar opcji może przytłaczać, ale nie znaczy to, że trzeba użytkownika pozbawić jakiegokolwiek wyboru, po prostu dajesz mu domyślne, ale jak ma taką potrzebę to sobie dostosuje raz i będzie później znacznie bardziej zadowolony z produktu, czy fotel ergonomiczny jest przytłaczający, bo ma możliwość regulacji w X miejscach? no nie, jak raz go ustawisz to już nie zmieniasz! (co później jest zaznaczone wyraźnie: każdy użytkownik jest inny, więc dajmy im wybór! nie każmy mu wybierać 123425 rzeczy zanim cokolwiek zobaczy, ale w miarę poznawania naszego produktu niech go pod siebie dostosowuje!)
czy wolne przestrzenie są zawsze złe? nie, ale gdy masz do zaprezentowania konkretny zestaw danych to może zamiast robić pół ekranu białą planszą i kazać mi klikać po 3x żeby zobaczyć szczegóły każdego rekordu zaprezentuj trochę więcej? pokaż całość -
@imlmpe: Czy w tym zestawieniu jest już brany pod uwagę wynik ankiety? Zauważalnie więcej jest o designie, webdev. Nie żebym narzekał, czy coś. Po prostu jestem ciekaw :) BTW jak ogólnie poszła ankieta?
-
-
◢ #unknownews ◣
Rzutem na taśmę, ale się udało - jest zestawienie w tym tygodniu!
1) Naucz się X robiąc Y - zbiór ciekawych tutoriali
https://aquadzn.github.io/learn-x-by-doing-y/
INFO: baza jest dość spora (83 strony), więc skorzystaj z wyszukiwarki i wpisz tam np. 'raspberry' czy 'led'
2) Co najbardziej spowalnia Internet? Autorzy tekstu przeanalizowali proces renderowania miliona stron WWW
https://itnext.io/we-rendered-a-million-web-pages-to-find-out-what-makes-the-web-slow-72bbba9ade96?gi=bfb044180b2c
INFO: wygląda na to, że dwie dobrze znane wszystkim firmy za tym stoją ;)
3) Symulator roku 2020 - całkiem popularna ostatnio platformówka ;)
https://2020game.io
INFO: trochę z przymrużeniem oka, ale świetnie podsumowuje, co działo się w ubiegłym roku w USA
4) Bezpieczeństwo haseł online - co będzie jeszcze lepsze od menadżera haseł?
https://kaizoku.dev/double-blind-passwords-aka-horcruxing
INFO: okazuje się, że przechowywanie haseł w menadżerze posiada pewne wady (ale autor i ja mówimy: UŻYWAJ menadżerów i 2FA!), które można samodzielnie usunąć
5) Dollar Street - ciekawy projekt prezentujący, w jakich warunkach żyją ludzie na świecie w zależności od dochodów
https://www.gapminder.org/dollar-street
INFO: pobaw się suwakiem dochodów i przeglądaj różne kategorie zdjęć. Niektóre zdjęcia dają do myślenia. Nie ma jeszcze Polski - może ktoś chciałby się dodać?
6) Podstawowe koncepcje używane w NginX - niezbędne do rozpoczęcia z nim pracy
https://dev.to/aemiej/nginx-concepts-i-wish-i-knew-years-ago-23o0
INFO: co to jest server, root, proxy, reverse-proxy, load balancing itp (wszytkie te pojęcia w odniesieniu do nginx oczywiście)
7) Badaczom udało się załamać zabezpieczenie klucza U2F Google Titan
https://nakedsecurity.sophos.com/2021/01/11/google-titan-security-keys-hacked-by-french-researchers/
INFO: artykuł mówi jak do tego doszło i wyjaśnia, że raczej nie powinieneś się tym przejmować [użycie ataku w realnej sytuacji jest mało prawdopodobne]
8) Historia ratowania serwera po bardzo szerokim "rm -rf" (usunięto /etc, /lib, /dev itp), ale... serwer działał
https://www.ee.ryerson.ca/~elf/hack/recovery.html
INFO: tekst nie tylko opowiada ciekawą historię (z 1996r), ale przede wszystkim uczy, co można zrobić w takiej sytuacji. Pomysłowe.
9) Telegram wprowadził czaty głosowe i zrobił to w wyjątkowo fajny sposób
https://telegram.org/blog/voice-chats/pl?ln=a
INFO: przeczytaj, czym to się różni od typowych konferencji. Wprowadzony "Voice Chat Overlay" jest świetny, ale niestety przeznaczony tylko dla Androida :(
10) Otwartoźródłowe oprogramowanie skoncentrowane na prywatności
https://opensourcestash.com
INFO: dobra lista alternatyw dla ludzi, którzy nie chcą dzielić się informacjami o sobie z dużymi korporacjami
11) Blob Opera - wygeneruj arię operową z użyciem uczenia maszynowego od Google (uwaga: pochłaniacz czasu+++)
https://artsandculture.google.com/experiment/blob-opera/AAHWrq360NcGbw?cp=e30
INFO: każdego gniotka konfigurujesz ciągnąc myszką pionowo i poziomo. Na koniec włącz tryb świąteczny (choinka na dole) i wybierz jakiś znany utwór ;)
12) Jak wiele współcześnie potrafi protokół HTTP? Ciekawy pokaz możliwości
https://dev.to/nwtgck/the-power-of-pure-http-screen-share-real-time-messaging-ssh-and-vnc-5ghc
INFO: udostępnianie ekranu, SSH, strumieniowe przesyłanie wideo i dźwięków, transfer plików p2p i wiele innych, a to wszystko za pośrednictwem HTTP
13) GitHub na swoim blogu wyjaśnia podstawowe koncepcje GITa i robi to zadziwiająco przystępnie
https://github.blog/2020-12-17-commits-are-snapshots-not-diffs/
INFO: nie ma tutaj głębokiego wchodzenia we wnętrzności GITa i jego algorytmów. Sporo wiedzy dla początkujących.
14) Optymalizacja rozmiaru dockera z 1.43GB do... 22MB
https://medium.com/javascript-in-plain-english/how-i-reduced-docker-image-size-from-1-43-gb-to-22-4-mb-84058d70574b
INFO: ciekawy przykład na to, jak dwie proste sztuczki pozwalają tworzyć mniejsze obrazy
15) Jaki jest najszybszy sposób na przerzucenie 100k malutkich plików między serwerami?
https://bash-prompt.net/guides/bash-rsync-speedup/
INFO: autor testuje kilka rozwiązań: scp, rsync oraz tar+ssh - które wypada najlepiej?
16) Jak zbudować 'wykrywacz meteorów' z użyciem Raspberry Pi + małej kamery
https://www.skyatnightmagazine.com/advice/diy/raspberry-pi-meteor-detector/
INFO: urządzenie dzięki dołączonemu oprogramowaniu wyłapuje na niebie wszystko, co wygląda jak meteor, robi temu zdjęcia i wysyła je do Global Meteor Network
17) Jak pracować z JSONami w terminalu, czyli krótki przewodnik po JQ
https://sequoia.makes.software/parsing-json-at-the-cli-a-practical-introduction-to-jq-and-more/
INFO: to narzędzie bardzo przydaje mi się przy pracy z różnymi API, które jako output zwracają JSONa
18) Internet Archive pracuje nad nowym interfejsem do przeglądania swojego księgozbioru - fajne!
https://blog.openlibrary.org/2020/12/16/introducing-the-open-library-explorer/
INFO: kliknij załączony film. Akcja zaczyna się w okolicach 21:22. To rozwiązanie ma przypominać przeglądanie prawdziwej, fizycznej biblioteki.
19) Dlaczego YAML nie lubi Norwegii? ;)
https://hitchdev.com/strictyaml/why/implicit-typing-removed/
INFO: wpisanie dwuznakowego kodu tego kraju do Yamla może być zinterpretowane w dość nietypowy sposób
20) Convos - persystentny, webowy klient IRC działający na Twoim serwerze
https://serhack.me/articles/convos-web-client-persistent-irc/
INFO: "Kto jeszcze używa IRC?! :o" - odpowiedzią na to pytanie niech będzie komiks od XKCD załączony do tekstu ;)
21) Skrajnie prosta ściąga z flexboxa (CSS) wyjaśniająca wszystko na kotach i pieskach
https://dev.to/joyshaheb/flexbox-cheat-sheets-in-2021-css-2021-3edl
INFO: tam są koty i pieski. Muszę coś więcej pisać, abyś kliknął linka?
22) Proste narzędzie do ustalania priorytetów zadań
https://prioritize.songthamtung.com
INFO: nadaje się bardziej do planowania tego, co masz dzisiaj do zrobienia, bo dane nie są nigdzie zapisywane. Po prawej u góry możesz zmienić opisy pól.
23) Nie przepadasz za produktami od FB? Oto lista alternatyw dbających o prywatność
https://nomorefacebook.xyz/
INFO: niekoniecznie musisz się przesiadać na któreś z rozwiązań, ale warto wiedzieć, że takie rozwiązania istnieją i co oferują
24) Snap Camera - wirtualna webkamera działająca na Windowsie i Macu. Umożliwia używanie filtrów ze Snapchata
https://snapcamera.snapchat.com/
INFO: ja niczego nie sugeruję, ale filtr 'too many meetings' bardzo może Ci się pzydać w trakcie nudnych spotkań...
== LINKI TYLKO DLA PATRONÓW ==
25) Interesuje Cię hacking i tematyka security? Zacznij od łamania zabezpieczeń na TryHackMe (solucja krok po kroku)
https://uw7.org/un_600196371c430
INFO: autor pokazuje, w jaki sposób można przejąć jedną i przykładowych maszyn w serwisie. Jeśli zamiast czytać, wolisz oglądać, to w tekście jest też nagranie wszystkich kroków.
26) Pełen wideo kurs Vue.JS dla początkujących (nauka od zera)
https://uw7.org/un_6001963d041d5
INFO: łącznie 12 filmów na około 5-6h nauki.
27) Dokładnie 327 pytań rekrutacyjnych na stanowisko React Developera
https://uw7.org/un_600196452d439
INFO: wszystkie oczywiście opracowane z odpowiedziami
28) Lista kilkudziesięciu odznak i certyfikatów z IT, które możesz zdobyć zaliczając darmowe kursy
https://uw7.org/un_6001964a2c77c
INFO: może to wzbogacić Twoje CV. Są szkolenia z Security, Frontendu, Backendu, Big Data, Machine Learningu itp. Na przerobienie każdego potrzebujesz od 3 do 300 godzin (to raczej poważne tematy)
==
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 :)
Czytasz moje zestawienia regularnie? Zostań patronem: https://patronite.pl/unknow
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #programowanie #frontend #security #internet #linux #serwery #ciekawostki #technologia #webdev pokaż całość -
◢ #unknownews ◣
Witam w nowym roku. Nadal żyję i mam się dobrze, więc wrzucam najnowsze zestawinie newsów ;)
Zachęcam do zapoznania się z linkiem numer 7, bo on jako jedyny ma ograniczoną datę ważności (działa tylko dziś do północy).
1) Stan Internetu na rok 2020 - analiza we współpracy z Web Archive
https://almanac.httparchive.org/en/2020/
INFO: kliknij "Start exploring" i zanurz się w potoku cyferek i statystyk ;)
2) Uzależnienie od smartfona - najczęstsze (nienarkotyczne) uzależnienie ludzkości. Jak je wykryć i z nim walczyć?
https://cognitiontoday.com/phone-addiction-coping-solutions-research-statistics/
INFO: to uzależnienie wydaje się być niegroźne, ale odpowiada za wiele problemów psychicznych. Warto poczytać.
3) Zagraj w hity z PSX w swojej przeglądarce i do tego w trybie multiplayer (można grać ze znajomymi - załóż własny pokój)
https://psxparty.kosmi.io
INFO: nie musisz niczego instalować, ani się rejestrować. Wchodzisz i grasz, a Twoja dzisiejsza produktywność po prostu znika...
4) Statystyki szczepień na COVIDa - mapa i możliwie świeże liczby
https://covid-19-vaccine.live/
INFO: zobacz, gdzie już szczepią się ludzie i jaki procent obywateli został już zaszczepiony
5) Poświęć 2 minuty na wypełnienie ankiety, dzięki której lepiej dostosuję te zestawienia do Twoich potrzeb
https://forms.gle/T1aL4mKpoSBime1W9
INFO: ankieta ma tylko 2 obowiązkowe pytania + pole na komentarz, więc nie zajmie Ci wiele czasu :)
6) Mały startup, czy wielka korporacja? - momentami granice w branży IT się zacierają
https://scattered-thoughts.net/writing/small-tech/
INFO: czy wiesz, że najczęściej używany software, dostępny w każdym telefonie, komputerze PC, Mac, w niemal każdym języku programowanie... jest budowany przez 'malutki startup' złożony z 5 osób?
7) Trwa największa, doroczna wyprzedaż ebooków na Ebookpoint - ponad 36 tysięcy tytułów jest przecenionych o 40-90%.
https://ebookpoint.pl/pagec/3976o/4/promocja/10039
INFO: zachęcam do kliknięcia po lewej działu 'informatyka'. Akcja kończy się dziś o północy.
8) Układ okresowy technologii webowych - ciekawy przegląd tego, co aktualnie potrafią przeglądarki
http://wwwperiodictable.surge.sh
INFO: to, co mnie martwi w tym układzie, to spora ilość niebieskiego koloru, oznaczającego technologię wspieraną (obecnie) TYLKO przez Chrome
9) Pytania (12 sztuk) rekrutacyjne z GITa - przygotuj się do rozmowy o pracę
https://devszczepaniak.pl/web-developer-pytania-rekrutacyjne-git/
INFO: warto rzucić okiem na pozostałe wpisy z pytaniami rekrutacyjnymi z innych technologii (podlinkowane na początku wpisu)
10) O co chodzi z tajemniczym "błędem 40ms" na Netflixie i jak go rozwiązano?
https://netflixtechblog.com/life-of-a-netflix-partner-engineer-the-case-of-extra-40-ms-b4c2dd278513
INFO: telewizory z Androidem (do wersji Marshmallow) sporadycznie przycinały odtwarzanie filmów z Netflixa. Artykuł bardzo dogłębnie wyjaśnia skąd wziął się ten problem
11) Najprostszy sposób na responsywny layout w CSS bez użycia frameworków
https://dev.to/blossom/build-responsive-websites-without-a-framework-47e6
INFO: w skrócie, jest to bazowanie na procentach, jednostkach EM oraz REM (wiesz czym się różnią?) oraz media queries
12) Odczytywanie tekstu wpisywanego na klawiaturze za pomocą... mikrofonu
https://github.com/ggerganov/kbd-audio/discussions/31
INFO: okazuje się, że mapowanie dźwięków klawiatury na ich klawiszowe odpowiedniki wcale nie jest takie trudne (z użyciem AI oczywiście)
13) Jak działa cyfrowe i internetowe wideo? Wyjaśnienie dla ciekawskich i geeków
https://howvideo.works
INFO: czym się różni mp4 od WebM? co odróżnia DASH od ABS? Bardzo przystępne wyjaśnienie (z obrazkami! :D)
14) Konfiguracja WSL2+Docker+XDebug+PHPStorm na Windows 10
https://blog.superstorm.pl/phpstorm-xdebug-2-3-wsl2-docker/
INFO: tutorial wyjaśnia, jak postawić kompletne środowisko do developmentu i debugowania aplikacji w PHP
15) DOM (Document Object Model) wyjaśniony od podstaw
https://dev.to/joshcarvel/properly-understanding-the-dom-2cg0
INFO: wyjaśnienie jak to działa, dlaczego akurat tak i czemu ma to służyć?
16) IMAP API - aplikacja, która wystawi Ci dowolną skrzynkę z dostępem przez IMAP za pomocą prostego API RESTowego
https://github.com/andris9/imapapi
INFO: nada się np. do napisania softu cyklicznie sprawdzającego i reagującego na maile. Dobre do automatyzacji zadań w Internecie.
17) Kiedyś instrukcja "if...then...else" nie istniała. Jak została wynaleziona?
https://github.com/ericfischer/if-then-else/blob/master/if-then-else.md
INFO: przegląd rozwiązań zastępujących tę powszechną konstrukcję. Spora dawka historii i starych fotek.
18) Garść dobrych porad użytecznych przy budowie Dockerfile
https://github.com/hexops/dockerfile
INFO: szczególnie spodobał mi się trick z jednoczesnym użyciem ENTRYPOINT oraz CMD. Wiesz czym jest TINI?
19) Czy można nauczyć się podstaw języka Rust w 30 minut? Autor tego poradnika twierdzi, że tak
https://fasterthanli.me/articles/a-half-hour-to-learn-rust
INFO: bardzo skoncentrowany na przykładach kodu tutorial przeznaczony dla programistów znających przynajmniej jeden inny język programowania.
20) CMDer - rozbudowany emulator terminala na Windows. Nie wymaga instalacji (samodzielny plik wykonywalny)
https://cmder.net
INFO: warto ściągnąć wersję rozszerzoną z wbudowanym klientem GITa
21) Jak używać kluczy YubiKey podczas logowania do serwerów via SSH?
https://bash-prompt.net/guides/bash-ssh-yubikey/
INFO: prawdopodobnie najprostszy tutorial tego typu jaki widziałem. w skrajnej wersji można go streścić w 3-4 komendach
22) SlowBug - rozszerzenie do VSCode uruchamiające Twój kod w zwolnionym tempie, pozwalając Ci wychwycić ewentualne bugi
https://marketplace.visualstudio.com/items?itemName=srimukh.slowbug
INFO: to debugger przechodzący po kodzie linijka po linijce z ustaloną przez Ciebie prędkością.
23) Kolega zapomniał wylogować się idąc na kawę? Wchodzisz na tę stronę i uruchamiasz fullscreen
https://updatefaker.com/windows10/index.html
INFO: to oczywiście tylko żart, ale wywołuje przerażenie u wszystkich użytkowników... także tych używających Maca ;)
24) Planujesz się przesiąść z obecnego Maca na M1 z procesorem ARM? co przestanie Ci działać?
https://www.imobie.com/m1-app-checker/
INFO: aplikacja skanuje system w poszukiwaniu zainstalowanych aplikacji i sprawdza, które z nich nie będą działać na M1
== LINKI TYLKO DLA PATRONÓW ==
25) Ogromny zbiór kodów źródłowych malware - z podziałem na systemy operacyjne i języki programowania
https://uw7.org/un_5ff31b817eec4
INFO: wejście na stronę jest w 100% bezpieczne. Jeśli niczego nie skompilujesz i nie uruchomisz, to samo Cię nie zarazi. To tylko pliki źródłowe.
26) Jak postawić Pi-Hole (blokadę reklam) na Windows 10 z użyciem Dockera
https://uw7.org/un_5ff31b89afee6
INFO: tutorial wyjaśniający cały proces krok po kroku. Ten sam poradnik możesz zastosować na Macu (o ile masz tam dockera)
27) Wszystko, co musisz wiedzieć o używaniu NPM jako web developer
https://uw7.org/un_5ff31b9ce11db
INFO: zarządzanie środowiskami dev/prod, konfigurowanie zależności w projekcie, wymuszanie konkretnej (lub 'nie mniejszej niż') wersji bibliotek itp
28) Historia menadżera zadań z Windowsa - opowiedziana przez jego twórcę
https://uw7.org/un_5ff31ba1e414e
INFO: ciekawie opowiedziana historia w zasadzie dwóch projektów: wspomnianego menadżera oraz "zip folderów"
==
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 Ci się to, co robię? Możesz dołączyć do moich patronów.
https://patronite.pl/unknow
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
pokaż spoilerlink numer 7 w wersji bez refa, z dedykacją dla moderacji: https://ebookpoint.pl/promocja/10039
Tagi: #programowanie #ciekawostki #webdev #informatyka #technologia pokaż całość -
◢ #unknownews ◣
Dziś, podobnie jak tydzień temu, patronat nad zestawieniem objęła firma ForBot. Link numer 4 jest więc sponsorowany. Warto jednak na niego rzucić okiem, bo przygotowane przez firmę zestawy dla elektroników wyglądają naprawdę fajnie, a ich ceny zaczynają się już od kilkudziesięciu złotych.
1) Co robią okulary z "filtrem niebieskiego światła" i czy naprawdę ich potrzebujesz?
https://slate.com/technology/2020/11/blue-light-glasses-eyes-hurt.html
INFO: okulary tego typu stały się szczególnie popularne wśród osób pracujących przy komputerze - czy słusznie?
2) Schemat Ponziego (piramida finansowa) w świecie IT
https://callmenish.com/how-to-run-a-tech-ponzi-scheme/
INFO: ciekawa i zabawna obserwacja tego, jak ludzie działają online, namawiając innych na powielanie swoich własnych błędów.
3) Wczytywanie zewnętrznych skryptów JS i wpływ tego procesu na wydajność strony
https://www.youtube.com/watch?v=tr6aHw8I32M
INFO: ciekawe eksperymenty przeprowadzone z użyciem serwisu spowalniającego ładowania JSów
4) Kup (sobie) ciekawy prezent! Lista 10 zestawów do nauki elektroniki
https://bit.ly/3mslVxT
INFO: Zamawiasz zestaw elementów i uczysz się z kursu online. Elektronika, lutowanie, Arduino, a może Raspberry Pi? Na liście jest coś dla uczniów, studentów i dorosłych. Dostawa możliwa jeszcze przed Świętami.
5) Windows 10 będzie w stanie uruchamiać aplikacje z Androida? - na to wygląda
https://www.bleepingcomputer.com/news/microsoft/microsoft-is-working-on-an-android-subsystem-for-windows-10/
INFO: mamy już WSL (Windows Subsystem for Linux), a szykuje nam się WSA (Windows Subsystem for Android), czyli zwirtualizowane środowisko do uruchamiania Androidowych aplikacji
6) O co chodzi z 'shebang' (#!) na początku skryptów powłoki?
https://dev.to/meleu/what-the-shebang-really-does-and-why-it-s-so-important-in-your-shell-scripts-2755
INFO: dobre wyjaśnienie zasady działania tego operatora i przykłady na jego kreatywne użycie
7) Nadpisałem plik w Linuksie komendą 'mv' - jak go odzyskać?
https://behind.pretix.eu/2020/11/28/undelete-flv-file/
INFO: bardzo fajne case study takiej operacji. Wyjaśnione krok po kroku jak i dlaczego to działa.
8) Ogromny zbiór darmowych książek do nauki Pythona
https://www.pythonkitchen.com/legally-free-python-books-list/
INFO: większość z nich niestety trzeba czytać w wersji online, ale przy niektórych dostępne są także 'ściągalne wersje'.
9) A gdyby tak skrzyżować VSCode z Tinderem? [zobacz film - ostatni link na stronie]
https://4programmers.net/Mikroblogi/View/88791
INFO: przeglądasz kody źródłowe programistów/programistek ze swojej okolicy i na ich podstawie stwierdzasz, czy chcesz poznać tę osobę :D
10) Nauka nowoczesnego JavaScriptu - zbiór lekcji i materiałów do nauki
https://javascript.info
INFO: kurs podzielono na dwie części. Pierwsza mówi ogólnie o JS, a druga o JS w kontekście przeglądarek WWW
11) Coraz więcej "dużych" gier działa płynnie na Linuksie dzięki Protonowi - zobacz listę wspieranych tytułów
https://www.protondb.com
INFO: tak, Cyberpunk 2077 także na tym chodzi (z oceną 'silver'). Spis tytułów zobaczysz w dziale 'explore'. Zobacz jaką ocenę ma Wiedźmin 3 ;)
12) Jak zbudować bota do Telegrama w Pythonie przy użyciu serverlessowej bazy danych?
https://dev.to/lordghostx/building-a-telegram-bot-with-python-and-fauna-494i
INFO: podczas tworzenia bota można nauczyć się pracy z bazą 'Fauna' + poznać zasadę działania botów na Telegramie
13) Chcesz być profesjonalnym 'software engineerem'? Oto lista zagadnień do opanowania + linki do materiałów
https://github.com/jwasham/coding-interview-university
INFO: potężna porcja wiedzy przygotowana przez człowieka, który starał się o pracę w Amazonie (tak, dostał się)
14) Podstawianie zmiennych w bashu - wszystko, co powinieneś o tym wiedzieć
https://www.cyberciti.biz/tips/bash-shell-parameter-substitution-2.html
INFO: ten artykuł to czyste złoto dla osób piszących skrypty w bashu. Manipulowanie stringami bez użycia grepa, seda i AWKa robi wrażenie.
15) Narzędzie do odtwarzania tekstów ukrytych w zapikselowanych grafikach
https://pythonawesome.com/a-tool-for-recovering-passwords-from-pixelized-screenshots/
INFO: jeśli ktoś użył niezbyt wymyślnego filtra blokowego, to od ręki możesz cofnąć efekty jego działania
16) Kompletna maszyna stanowa zaimplementowana w HTML+CSS - czyli w CSS też można programować ;)
https://css-tricks.com/a-complete-state-machine-made-with-html-checkboxes-and-css/
INFO: mało użyteczny twór, ale bardzo rozszerzający wiedzę o tym, jak działa CSS i co można w nim zbudować
17) Używaj console.log() jak profesjonalista - garść użytecznych sztuczek
https://denic.hashnode.dev/use-consolelog-like-a-pro
INFO: grupowanie komunikatów, asercje, widok obiektu w formie drzewa, generowanie stack trace i inne - umiesz to zrobić w konsoli?
18) Firefox 83 wprowadza tryb "HTTPS-only" - przydatna zmiana
https://blog.mozilla.org/security/2020/11/17/firefox-83-introduces-https-only-mode/
INFO: po aktywacji tego trybu, przeglądarka domyślnie będzie łączyć się protokołem HTTPS, a gdy jej się to nie uda, zapyta użytkownika o możliwość nawiązania transmisji bez szyfrowania
19) "curl adres | sh" - jedna z bardziej niebezpiecznych technik uruchamiania skryptów z netu. Jak ją wykryć?
https://www.idontplaydarts.com/2016/04/detecting-curl-pipe-bash-server-side/
INFO: artykuł wyjaśnia jak (po stronie serwera) wykryć, czy ktoś podpiął strumień do basha i co fajnego można z tym zrobić.
20) Dlaczego hostowanie fontów od Google na własnym hostingu, nagle zaczęło mieć większy sens?
https://dev.to/zwacky/time-to-say-goodbye-to-google-fonts-16dd
INFO: przeglądarki wprowadzają cache partitioning, więc strony nie będą już współdzielić pamięci podręcznej
21) Rozwiązania webowe sprawiające, że czytelnicy na stronie będą zachowywać się lepiej i bardziej 'cywilizowanie'
https://www.prosocialdesign.org
INFO: przykłady rozwiązań są na końcu strony. Tam są dwie zakładki: tested oraz untested (łatwo przeoczyć to drugie)
22) Radicle - zdecentralizowana, oparta o sieć P2P alternatywa dla GitHuba
https://radicle.xyz
INFO: nie do końca rozumiem koncepcję tego, dlaczego akurat powinienem tego używać, ale pomysł jest interesujący. Obecnie klient dostępny jest na platformy Linux i Mac.
23) Praca z socketami (połączeniami internetowymi) w Bashu i ZSH
https://who23.github.io/2020/12/03/sockets-in-your-shell.html
INFO: oba przykłady bazują na natywnych rozwiązaniach dostępnych w bashu (/dev/tcp/) oraz ZSH (ztcp)
24) Prosty trik na sprawienie, aby strony podręcznika MAN były kolorowe
https://blog.yossarian.net/2018/01/22/Reading-Manpages-Like-a-Pro
INFO: zobacz na stronie przykład jak to wygląda. Znacznie przyjemniej się czyta zwłaszcza parametry do komend :)
25) Pobierz transkrypcję dowolnego (anglojęzycznego!) filmu z YouTube - po prostu wklej linka do niego
https://hierogly.ph
INFO: YouTube od bardzo dawna przygotowuje wersje tekstowe dla każdego anglojęzycznego filmu. Ta strona pozwala je pobrać.
26) Jak ukryć swój adres mailowy w publicznych commitach na GitHubie?
https://dev.to/codewithfahad/github-tip-of-the-day-keep-your-commit-email-address-private-2eo2
INFO: każdy commit podpisany jest Twoim mailem, co sprawia, że Twój adres jest praktycznie publiczny. Da się temu jednak zaradzić.
27) MapBox - tańsza alternatywa dla Google Maps do integracji z własną stroną WWW
https://dev.to/niharikak101/integrating-mapbox-with-next-js-the-cheaper-alternative-to-google-maps-g39
INFO: tutaj przykład integracji z Next.JS. Rozwiązanie bazuje na OpenMaps.
28) Polotno Studio - alternatywa dla Canvy. Bez opłat, bez limitów i bez logowania
https://studio.polotno.dev
INFO: niestety, w przeciwieństwie do Canvy, nie mamy dostępu do dziesiątek tysięcy gotowych szablonów, ale i tak narzędzie jest fajne :)
29) Gra w stylu "Escape Room" zbudowana na GitLab pages (w pełni frontendowa)
https://eloeffler.gitlab.io/eloeffler/proto-vcser/
INFO: sporo klikania, sporo główkowania. Raczej trudna (a momentami niedopracowana), a zabawę bardzo utrudnia rozpoznawanie wielkości liter w hasłach i bliżej nieokreślony format stosowanych dat.
30) Cloudflare zaprezentował swój hosting dla statycznych stron WWW - "Cloudflare Pages"
https://blog.cloudflare.com/cloudflare-pages/
INFO: to rozwiązanie w połączeniu z oferowanymi przez nich 'workerami' sprawia, że powstałą z tego naprawdę interesująca platforma do hostowania aplikacji
31) Internet Archive postanowiło zarchiwizować najlepsze (ręcznie wybrane) animacje flasha i wrzucić je do swojego muzeum
https://blog.archive.org/2020/11/19/flash-animations-live-forever-at-the-internet-archive/
INFO: do przeglądania zbiorów muzeum nie potrzebujesz flasha. Wszystko uruchamiane jest na emulatorze.
32) Zapisz się na newsletter, aby otrzymywać te zestawienia na maila, a nie musieć śledzić Facebooka, Wykopu czy RSS itp.
https://unknow.news/
INFO: newsletter to fajna sprawa - nie przeoczysz żadnego z zestawień. Zapisz się, jeśli jeszcze Cię tam nie ma
==
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 #linux #ciekawostki #naukaprogramowania #technologia #internet pokaż całość-
@koziolek666: jak się powinno "dobrze" używać gita według ciebie? Inicjatywa ma trochę sensu według mnie. Wiadomo że każdy może sobie sam hostować repo, ale wygląda na to że to narzędzie bardzo ułatwi sprawę.
-
@najpierw_robic_potem_myslec: Zacznijmy może od definicji…
Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
Git jako narzędzie samo w sobie jest rozproszone. Niestety wiele osób zaczęło go używać jako takiego fajnego, prostego narzędzia do backupu z opcją śledzenia zmian.
ale wygląda na to że to narzędzie bardzo ułatwi sprawę.
Tak samo jak ułatwiał to github, bitbucket, gitlab i wiele innych platform hostingowych. Jedyna różnica tutaj jest taka, że jak twój kod niechcący gdzieś wypłynie, to nawet nie będzie komu pozwu wysłać. pokaż całość
-
-
◢ #unknownews ◣
Znalazł się sponsor dla tego wydania zestawienia, więc wszystkie linki są dostępne bez ograniczeń. Sponsorem jest firma @Forbot, a link na czwartej pozycji jest sponsorowany. Zachęcam do rzucenia okiem na podlinkowany kurs, bo wygląda świetnie (jest zupełnie darmowy).
1) Ogromny spis technologii, narzędzi i rozwiązań używanych przez firmy/startupy z HackerNews
https://github.com/cjbarber/ToolsOfTheTrade
INFO: sporo narzędzi jest płatnych, ale muszę przyznać, że to repozytorium to niezła skarbnica tooli, o istnieniu których mogłeś nie wiedzieć :)
2) Lista publicznie dostępnych API - wiele dostępnych zupełnie bez autoryzacji i kompatybilnych z JS (CORS)
https://github.com/public-apis/public-apis
INFO: mogą przydać Ci się do Twojego przyszłego projektu. Może któreś z nich Cię zainspiruje?
3) Masz ochotę pobawić się w bugbounty? Oto zestaw materiałów dla początkujących
https://github.com/nahamsec/Resources-for-Beginner-Bug-Bounty-Hunters
INFO: bugbounty to szukanie bugów (najczęściej security) w cudzych projektach za pieniądze. To repozytorium tłumaczy, jak się do tego przygotować i jakich narzędzi potrzebujesz
4) Szukasz hobby? Zacznij bawić się elektroniką – rezystory, tranzystory i kondensatory w praktyce
https://bit.ly/2VHEX8y
INFO: Polski kurs elektroniki (materiały dla początkujących). Treść dostępna jest za darmo (jako kurs online). Możesz zamówić kuferek z elementami, aby samodzielnie wykonać wszystkie ćwiczenia.
5) Stare i nowe metody na radzenie sobie z elementami o różnej / nieprzewidywalnej wysokości w CSS
https://www.hsablonniere.com/prevent-layout-shifts-with-css-grid-stacks--qcj5jo/
INFO: artykuł przedstawia metody na radzenie sobie z tzw. 'layout shift'. Jedno z rozwiązań bazuje na gridach w CSS.
6) Podręcznik dla wybierających się na techniczną rozmowę kwalifikacyjną
https://yangshun.github.io/tech-interview-handbook/
INFO: sporo wiedzy podanej w przystępnej formie. Szczególnie użyteczne dla początkujących, szukających swojej pierwszej pracy
7) Dekoder stereogramów - dla tych, którzy nie umieją spoglądać na te obrazki ;)
http://magiceye.ecksdee.co.uk
INFO: znasz zadania w stylu "gdy długo popatrzysz na ten obrazek, to zobaczysz pewien napis". Nigdy nie zobaczyłeś? Użyj tego narzędzia
8) Synchronizacja danych między tabami w przeglądarce z użyciem service workerów
https://dev.to/jhamadhav/syncing-tabs-via-service-worker-ep7
INFO: stosunkowo prosty tutorial opisujący metodę na realizację prostej synchronizacji liczników między stronami
9) Duża (40 pozycji) lista strategii marketingowych - zdatne do użycia np. dla firm SaaS
https://bazawiedzy.socialtigers.pl/articles/strategia-marketingowa-lista-modeli
INFO: jeśli prowadzisz własną firmę, czy zakładasz startup, to ta wiedza może Ci się przydać
10) Jak tworzyć kod, w którym zakocha się osoba robiąca code review? ;)
https://mtlynch.io/code-review-love/
INFO: kilkanaście sensownych porad na temat przygotowania kodu do CR i polepszenia komunikacji w ramach review
11) Używanie systemowych fontów w CSS jest bardziej złożone niż się wydaje
https://blog.jim-nielsen.com/2020/system-fonts-on-the-web/
INFO: piękny cytat: "the reason they called it font-family in CSS was because its like many families - dysfunctional" :D
12) Location Guard - rozszerzenie do Chrome, dbające o naszą prywatność poprzez wysyłanie fałszywej lokalizacji komputera
https://chrome.google.com/webstore/detail/location-guard/cfohepagpmnodfdmjliccbbigdkfcgia/
INFO: jeśli jakaś strona stara się pobrać Twoją lokalizacją przez API w JavaScript, to za pomocą tego rozszerzenia ustawisz sobie własną, alternatywną lokalizację
13) RGA - narzędzie w stylu grepa, ale pozwalające przeszukiwać dokumenty typu PDF, DOC, DOCX, ZIP itp.
https://phiresky.github.io/blog/2019/rga--ripgrep-for-zip-targz-docx-odt-epub-jpg/
INFO: wyobraź sobie, że masz folder z plikami PDF i możesz uruchomić na nich grepa, ale w odpowiedzi nie dostajesz tylko nazwy pliku, który zawiera dane słowo, ale też numer strony, na której ono występuje. Tak działa to narzędzie.
14) GPT3 odpowiada na pytanie dotyczące życia, wszechświata, i całej reszty.
https://muellerberndt.medium.com/i-asked-gpt-3-for-the-question-to-42-i-didnt-like-its-answer-and-neither-will-you-33f425a4d60f
INFO: przyznam, że poziom odpowiedzi momentami mnie przeraża, zwłaszcza gdy przypominam sobie, że te teksty generowane są automatycznie
15) Ile rocznie zarabiają muzycy streamujący swoje utwory na Spotify, Apple Music czy Deezer? Mało.
https://www.nme.com/news/music/82-per-cent-of-musicians-earn-less-than-200-a-year-from-streaming-2833510
INFO: kwota jest zaskakująco niska (przynajmniej dla około 80% twórców). Co ciekawe, z ankiety przeprowadzonej wśród fanów, 77% z nich wierzy, że artyści zarabiają tam krocie.
16) Ta strona została stworzona w... JSONie - koniecznie zobacz źródło
https://webdatarender.com
INFO: próba (udana) stworzenia strony łatwej do parsowanie przez zewnętrzne mechanizmy jak i atrakcyjnej wizualnie. Ciekawy pomysł.
17) Zbuduj własny system detekcji intruzów w domu w oparciu o Raspberry Pi i czujnik ruchu
https://opensource.com/article/20/11/motion-detection-raspberry-pi
INFO: modem LTE wymieniony w planach jest oczywiście opcjonalny (o ile malinka jest w zasięgu WiFi). Odliczając koszty modemu, musisz jedynie kupić czujnik za około 8zł.
18) Dobre praktyki przy używaniu JWT (JSON Web Token)
https://dev.to/deleteman123/jwt-authentication-best-practices-3lf9
INFO: artykuł zawiera wyjaśnienie co to jest JWT i jak poprawnie zaimplementować jego obsługę we własnej aplikacji
19) Czy i jak Twoja przeglądarka chroni Cię przed śledzeniem - ile informacji o sobie ujawniasz?
https://coveryourtracks.eff.org
INFO: prosty test online. Uruchom go, a następnie zobacz, co wie o Tobie np. sieć reklamowa. Na stronie znajdziesz także porady jak poprawić swoje wyniki.
20) Jak zbudować paletę kolorów dla swojej strony? - teoria
https://refactoringui.com/previews/building-your-color-palette/
INFO: autor nie mówi nic o klasycznym podejściu opartym o tzw. triady, czwórki itp. Zaprezentowane jest tutaj inne podejście do tematu.
21) Przyspieszanie startu Basha - dla linuksowych geeków
https://work.lisk.in/2020/11/20/even-faster-bash-startup.html
INFO: tutaj nie chodzi o realne przyspieszenie (różnica wynosi 125ms), a o zrozumienie jak działa bash oraz co i dlaczego ładuje on na starcie
22) Co jest nie tak z Bitbucketem? - lista przewinień
https://nosleepjavascript.com/bitbucket-sucks/
INFO: autor wypisał wszystko to, co najbardziej go denerwuje w Bitbuckecie. Są obrazki ;)
23) Po co kupować pendrive z szyfrowaniem? Nie lepiej i taniej samemu sobie zaszyfrować? No niezupełnie...
https://security.stackexchange.com/questions/241202/what-is-the-benefit-of-having-fips-hardware-level-encryption-on-a-drive-when-you
INFO: świetne wyjaśnienie różnic między rozwiązaniem 'domowym', a profesjonalnym (warto przeczytać najwyżej oceniane komentarze)
24) Może wcale nie potrzebujesz machine learningu? Jak zastąpić proste AI prostym algorytmem
https://nullprogram.com/blog/2020/11/24/
INFO: autor implementuje wyścigi samochodowe z samojezdnymi pojazdami, nie używając przy tym uczenia maszynowego, a posługując się zwykłą matematyką
25) Firma Apple zaprezentowała nowe AirPods Max - bezprzewodowe słuchawki, ale już nie dokanałowe
https://www.apple.com/newsroom/2020/12/apple-introduces-airpods-max-the-magic-of-airpods-in-a-stunning-over-ear-design/
INFO: ten projekt mocno mnie zaskoczył. Ciekawostką jest fakt, że słuchawki wyposażone są w tzw. 'digital crown' znany z Apple Watcha.
26) Galeria i wyszukiwarka fontów dla programistów
https://devfonts.gafi.dev
INFO: wybierz fonta, który najlepiej będzie pasował do Twojego IDE czy terminala.
27) Dobre praktyki dla programistów Node.JS
https://github.com/goldbergyoni/nodebestpractices
INFO: długi spis dobrych porad, podzielonych na 8 kategorii. Warto rzucić okiem.
28) "Tęsknie za biurem" - czyli generator biurowego szumu dla ludzi pracujących z domu
https://imisstheoffice.eu
INFO: ustal liczbę kolegów w biurze (prawy dolny róg) i załóż słuchawki (trzeba ustawić je dość głośno). Można także klikać w przedmioty na mapie.
==
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: #technologia #webdev #linux #devops #programowanie #ciekawostki pokaż całość-
@Forbot czy po tym kursie nie będę się wstydził iść do sklepu elektronicznego jak w tej paście?
Przyjść pierwszy raz do sklepu elektronicznego to gorzej niż pierwszy raz kupować kondomy.
Przychodzisz i mówisz cichutko "poproszę kondesator 22nF" a ten na cały bęben "JAKI? ELEKTROLIT? TANTAL? SMD?" a ty "nie wiem..." i wszyscy na ciebie patrzą i wytykają palcami
-
-
◢ #unknownews ◣
Dzisiaj nie ma linków dla patronów, ponieważ wydanie ma sponsora. Link numer 7 (który polecam) jest sponsorowany.
1) "Ten X nie istnieje" - czy sztuczna inteligencja potrafi już wygenerować niemal wszystko? Na to wygląda
https://thisxdoesnotexist.com
INFO: znasz stronę generującą nieistniejące twarze? Tutaj znajdziesz generatory mieszkań, kotów, startupów, CV, samochodów, a nawet... memów
2) Jak uczyć się skomplikowanych zagadnień (nie tylko technologicznych) metodą ADEPT?
https://betterexplained.com/articles/adept-method/
INFO: Analogy, Diagram, Example, Plain English (u nas: Polish), Technical Definition
3) Wirtualne spacery po miastach świata (w formie filmu, a nie jak na street view)
https://citywalks.live/
INFO: do wyboru jest wiele miast (lista się przewija) dostępnych w nocy i za dnia. Jest nawet przełącznik pandemiczny ;)
4) Wprowadzenie do ZFS (File System) - idealne na początek
https://www.servethehome.com/an-introduction-to-zfs-a-place-to-start/
INFO: zrozumienie koncepcji tego, jak działa ZFS nie jest trywialne. Ten artykuł w tym pomoże
5) Szybki, onlinowy i co najważniejsze... "tekstowy" generator slajdów do prezentacji
https://play.presenta.cc
INFO: zawartość slajdów wpisujesz w polu tekstowym po lewej stronie (jedna linia to jeden slajd), a później klikasz 'present' i gotowe :)
6) Potrzebujesz dać użytkownikowi w aplikacji możliwość wyszukiwania zdjęć ze stocka? Pexels udostępnia API.
https://www.pexels.com/api/
INFO: wszystkie fotki dostępne zupełnie za darmo na wolnej licencji. Wyszukiwanie w 28 językach (w tym polskim) i brak limitów requestów.
7) VPN w opcji Lifetime z okazji Black Friday - płacisz raz, używasz cały czas
https://is.gd/unlimitedVPN
INFO: to oferta od firmy KeepSolid. Warto poczytać opinie o firmie i produkcie gdzieś w necie (są raczej OK).
8) MVP.CSS - minimalistyczny framework CSS do szybkiego zbudowania prototypu dowolnej strony
https://andybrewer.github.io/mvp/
INFO: niewątpliwą zaletą tego frameworka jest brak konieczności uczenia się go. Podpinamy CSS do strony, nie dodajemy żadnych klas/ID itp. - to po prostu zaczyna działać.
9) A gdyby tak samemu ulepszyć algorytm polecanych filmów na YouTube?
https://towardsdatascience.com/i-created-my-own-youtube-algorithm-to-stop-me-wasting-time-afd170f4ca3a
INFO: autor przedstawia swój pomysł na ulepszenie listy polecanych mu filmów za pomocą samodzielnie narzuconych kryteriów, AWS Lambdy i Youtube API.
10) Odpręż się chwilę i pooglądaj grafikę z nieskończonym i zapętlonym zoomem
https://zoomquilt.org
INFO: wciąga ;)
11) Aurora 7 - brakuje Ci dodatkowego monitora w laptopie? A co powiesz na 6 dodatkowych monitorów? ;)
https://expanscape.com/the-aurora-7-prototype/the-story-of-the-aurora-7/
INFO: to dopiero prototyp, ale trzeba przyznać, że potencjał pod względem parametrów jest niezły. Ciekawe tylko ile z tymi monitorami pochodzi na baterii ;)
12) Dlaczego statyczne strony użytkowników na GitHubie są hostowane na domenie IO, a nie głównej COM?
https://github.blog/2013-04-09-yummy-cookies-across-domains/
INFO: głównym powodem było bezpieczeństwo, a konkretnie problemy z atakami cross-domain cookie i phishingiem. Artykuł dokładnie wyjaśnia zwłaszcza to pierwsze zagadnienie.
13) JuiceSync - synchronizator danych między usługami chmurowymi
https://github.com/juicedata/juicesync
INFO: narzędzie przenosi dane np. między S3, B2, FTP/SFTP itp. Synchronizacja działa w dwie strony.
14) Minimalistyczny boilerplate do rozpoczęcia projektu w React bez build tolsów
https://blog.jim-nielsen.com/2020/react-without-build-tools/
INFO: dobre rozwiązanie do postawienia prostego MVP na szybko.
15) W jaki sposób przeglądarka renderuję Twoją stronę? Wyjaśnienie krok po kroku.
https://dev.to/jstarmx/how-the-browser-renders-a-web-page-1ahc
INFO: kiedy zaciągane są zasoby zewnętrzne i kiedy blokują one ładowanie strony? Kiedy uruchamiane są eventy? Są obrazki ;)
16) Jaka jest różnica między orkiestracją (orchestration), a automatyzacją?
https://opensource.com/article/20/11/orchestration-vs-automation
INFO: te dwa pojęcia w branży IT niekiedy używane są wymiennie. Czy tak jednak powinno być?
17) Metoda na szybkie zdobycie roota na Ubuntu 20.04
https://securitylab.github.com/research/Ubuntu-gdm3-accountsservice-LPE
INFO: w drugim akapicie tekstu jest link do filmu, na którym autor przeprowadza przykładowy atak
18) W jaki sposób podsłuchiwać/podglądać ruch HTTPS na urządzeniach z Androidem?
https://dev.to/pimterry/intercepting-https-on-android-393k
INFO: mowa o nasłuchiwaniu własnego, a nie cudzego ruchu internetowego. Bardzo przydaje się np. do debugowania aplikacji (niekoniecznie własnych...)
19) Nie potrzebujesz crona do cyklicznego uruchamiania zadań - wystarczy Ci systemd i jego timery
https://dev.to/bowmanjd/schedule-jobs-with-systemd-timers-a-cron-alternative-15l8
INFO: nie każdy użytkownik Linuksa wie, że Systemd posiada w swojej konfiguracji jobów także wyzwalacz czasowy i co całkiem przyjemny w użyciu.
20) Szyfrowana, open-sourceowa alternatywa do Firebase
https://www.etebase.com/
INFO: jest to wersja self-hosted, kompatybilna z językami Python, Java, Go, CSharp, Ruby, Swift, Rust i JavaScript
21) Cztery mało znane, ale ciekawe nagłówki HTTP - mogą Ci się przydać
https://www.lorenzweiss.de/the_power_of_http_headers_with_four_examples/
INFO: niektóre z nich mają wpływ także i na bezpieczeństwo przeglądarki
22) Yo - skrajnie prosta apka do "czatu" - co sprawiło, że mogła osiągnąć sukces?
https://capiche.com/e/yo-atomized-communication
INFO: tak, to ta aplikacja, w której można było przesłać tylko jedno, predefiniowane słowo do znajomych. Pomimo tego ograniczenia, stałą się całkiem popularna (pół miliona pobrań w pierwszych trzech miesiącach istnienia)
23) Wirtualny mikrofon ze smartfona i mikrofon z pliku MP3 (Linux)
https://github.com/MatthiasCoppens/pulseaudio-virtualmic
INFO: aplikacja tworzy wirtualne urządzenie w komputerze, które może być używane jako mikrofon w dowolnej aplikacji. Urządzeniem tym może być pojedynczy plik MP3 lub np. Twój smartfon
24) Skrajnie proste wytłumaczenie prototypów dla obiektów w JavaScript
https://dmitripavlutin.com/javascript-prototypal-inheritance/
INFO: tutaj wyjaśnienie na przykładzie piesków i kotków ;)
25) Chroń domeny, których NIE używasz do wysyłania maili - zalecenia rządu z UK
https://www.gov.uk/guidance/protect-domains-that-dont-send-email
INFO: krótkie wyjaśnienie, dlaczego warto to robić oraz wyjaśnienie jak to zaimplementować u siebie
26) Naucz się flexboxa w 12 minut, oglądając jeden, prosty tutorial (film + kody źródłowe)
https://dev.to/nghiemthu/master-flexbox-in-12-minutes-with-most-common-use-cases-3e1g
INFO: bardzo prosto wyjaśnione, podstawowe zagadnienia związane z flexboxem + często spotykane przykłady użycia
27) Jak przesiąść się z Dockera na Podmana?
https://developers.redhat.com/blog/2020/11/19/transitioning-from-docker-to-podman/
INFO: cały (dość krótki i prosty) proces rozpisany krok po kroku + instrukcja pracy z podmanem
28) Sztuka programowania - godzinny, 'rozrywkowy' wykład na temat programowania, sztucznej inteligencji. Świetne!
https://www.youtube.com/watch?v=6avJHaC3C2U
INFO: najbardziej podobały mi się fragmenty o języku programowania Rockstar oraz te o samowypisujących się programach
==
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 plusika
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
#technologia #webdev #programowanie #ciekawostki #linux pokaż całość -
◢ #unknownews ◣
Zacznijmy ten tydzień od zestawienia ciekawych linków z branży IT - zapraszam do czytania
1) Take This Lollipop - Halloweenowy zoom call. Używa Twojego obrazu z kamerki do stworzenia horrorowej narracji, a potem robi deep fake z Twoją twarzą
https://takethislollipop.com/
INFO: wszystko dzieje się w przeglądarce (nie musisz mieć zooma). Musisz zgodzić się na dostęp do kamery. Trzeba oglądać do końca. Fajnie zrobione
2) Tara - alternatywa dla Jiry do zarządzania projektami
https://tara.ai
INFO: rozwiązanie jest zupełnie darmowe, bez limitu projektów, użytkowników itp. Zobacz na filmie, jak to wygląda.
3) Sprawdź, w jakim stopniu podana strona internetowa przyczynia się do emisji CO2 - ekologiczna ciekawostka
https://www.websitecarbon.com
INFO: niekiedy serwis jest przeciążony i informuje, że nie może zbadać danej strony. Wtedy po prostu spróbuj ponownie.
4) Prawdziwe rozmiary państw na świecie - jak bardzo przekłamuje obraz odwzorowanie Merkatora?
https://thetruesize.com
INFO: W wyszukiwarkę wpisz przykładowo 'Poland' i przeciągaj nasz kraj po terenie całej Grenlandii - zobaczysz wtedy, na czym polega przekłamanie.
5) Jak pracować na wspólnym repozytorium GITa, ale bez githuba (i podobnych serwisów) i bez klasycznych pull requestów?
https://git-send-email.io
INFO: czy wiedziałeś, że GIT natywnie obsługuje repozytoria obsługiwane przez maila? Warto rzucić okiem.
6) OX - a gdyby tak połączyć Vima, Emacsa i Nano, budując w ten sposób terminalowy edytor przyszłości?
https://github.com/curlpipe/ox
INFO: ja nie jestem pewien, czy tak nie powstanie najbardziej znienawidzony edytor wszech czasów - atakowany przez bojówki vima, emacsa i nano jednocześnie :D
7) Skrajnie szybki kurs języka AWK - podstawy
https://jemma.dev/blog/awk-part-1
INFO: są to podstawy-podstaw, jednak do codziennej pracy z danymi powinny w zupełności wystarczyć.
8) Ponad 14 tysięcy tzw. linuksowych jednolinijkowców - warto rzucić okiem, aby lepiej poznać możliwości narzędzi CLI
https://www.commandlinefu.com/commands/browse
INFO: serwis znany i istniejący od lat, ale nie wszystko, co znam ja, musisz znać także i Ty ;)
9) Dlaczego używanie Flutter Web, to kiepski pomysł?
https://hugotunius.se/2020/10/31/flutter-web-a-fractal-of-bad-design.html
INFO: autor wymienia wszystkie przewinienia wspomnianego frameworka do budowy UI. W niektórych przypadkach trudno nie przyznać mu racji
10) Internet Archive posiada już w swoich zbiorach ponad 7000 gier z czasów MS-DOSa
https://archive.org/details/softwarelibrary_msdos_games?&sort=-downloads&page=1
INFO: w każdą z nich możesz zagrać w przeglądarce, bez konieczności instalacji dodatkowego oprogramowania
11) Jak napisać własny parser danych - dobry wstęp dla osób chcących stworzyć własny kompilator
https://tiarkrompf.github.io/notes/?/aside10
INFO: na dole są kolejne rozdziały pokazujące krok po kroku, jak to zrobić. Można pobawić się interaktywnym demem na stronie głównej (obsługuje tylko mnożenie i dodawanie)
12) Czy można używać Rust-a do tworzenia stron Internetowych? Można!
http://www.arewewebyet.org
INFO: zbiór frameworków i dodatkowych materiałów, niezbędnych do stawiania aplikacji webowych w Rust
13) Jeśli nie SPA, to co? - na Single Page Application świat się nie kończy
https://macwright.com/2020/10/28/if-not-spas.html
INFO: kilka alternatywnych rozwiązań, zdatnych do zastosowania w aplikacjach webowych
14) Wady aktualnego stosu technologii webowych. Czy doświadczymy narodzin nowego Internetu?
https://macwright.com/2020/08/22/clean-starts-for-the-web.html
INFO: przemyślenia autora na temat tego, co aktualnie dzieje się z technologiami webowymi, w jakim kierunku to zmierza i co z tym możemy zrobić
15) Lista 10 powodów, dla których pozbyłem się kosztującego ponad 6k funtów systemu inteligentnego oświetlenia
https://robdobson.com/2020/11/the-10-reasons-i-ripped-out-a-6k-lighting-system/
INFO: bardzo ciekawe przemyślenia dla osób, które chciałyby zainwestować w rozwiązania smarthome, a szczególnie w technologię Z-Wave
16) Cenzura w DuckDuckGo? - gdzie się podziały strony z pirackim oprogramowaniem i filmami?
https://torrentfreak.com/popular-pirate-sites-disappear-from-duckduckgos-top-search-results-201112/
INFO: przez lata krytykowano Google za cenzurowanie wyników wyszukiwania. Od pewnego czasu identyczną cenzurę da się zauważyć na DuckDuckGo.
17) Jak poprawnie i efektywnie wielokrotnemu zapobiegać wysyłaniu tego samego formularza na stronie?
https://www.bram.us/2020/11/04/preventing-double-form-submissions/
INFO: zablokowanie przycisku do wysyłania nie zawsze jest najlepszym wyjściem
18) Node-RED - narzędzie low-code do programowania wizualnego. Kompatybilne np. z Raspberry Pi.
https://nodered.org
INFO: warto zobaczyć umieszczony na stronie film, aby zrozumieć, jak to działa. Do testów można uruchomić np. obraz dockera z projektem.
19) Jak 'postarzyć' współczesny film z użyciem ffmpeg w 4 prostych krokach
https://ottverse.com/create-vintage-videos-using-ffmpeg/
INFO: zmiana frame rate, zmiana kolorystyki, dodawanie ziarna filmowego - efekt jest przyjemny dla oka ;)
20) Ninja - Narzędzie do tworzenia skryptów budujących projekt - coś jak make, ale o znacznie prostszej składni
https://jvns.ca/blog/2020/10/26/ninja--a-simple-way-to-do-builds/
INFO: autorka pokazuje jak w kilku krokach można zautomatyzować prostą akcję
21) Google wycofuje się ze swojej oferty nielimitowanego storage dla Google Photos
https://www.theverge.com/2020/11/11/21560810/google-photos-unlimited-cap-free-uploads-15gb-ending
INFO: po przekroczeniu 15GB pojemności, trzeba będzie po prostu zapłacić. Zmiany wchodzą w życie od 1 czerwca 2021
22) Checka11y-css - wykrywanie problemów z dostępnością elementów na stronie z użyciem CSS
https://checka11y.jackdomleo.dev
INFO: dodaj ten arkusz CSS do deweloperskiej wersji swojej strony i natychmiast dowiedz się, co musisz poprawić, aby zwiększyć jej dostępność. Zobacz demo, aby zrozumieć, jak to działa. Tego NIE używa się na produkcji.
23) Layout flex - o co chodzi z atrybutami grow/shrink/basis
https://css-tricks.com/understanding-flex-grow-flex-shrink-and-flex-basis/
INFO: wymienione atrybuty wykraczają poza podstawowe użycie flex layoutu, więc warto doczytać kiedy i jak ich możemy używać
24) JAMstack (Javascript/API/Markup) zbudowany w oparciu o Netlify oraz Micro (m3o)
https://blog.m3o.com/2020/11/12/netlify-for-the-frontend-micro-for-the-backend.html
INFO: o ile Netlify jest mi znane, o tyle m3o poznałem dopiero dziś i wygląda to całkiem obiecująco (można założyć darmowe konto)
25) Git-user-switch - ekstremalnie proste przełączanie się między użytkownikami w repozytorium GIT
https://github.com/geongeorge/Git-User-Switch
INFO: za pomocą jednego polecenia (i kursorów) możesz zmieniać szybko swoją tożsamość, pod którą wykonujesz commity
== LINKI TYLKO DLA PATRONÓW ==
26) Jak zostać Shopify Developerem i zacząć tworzyć skórki i rozszerzenia do Shopify?
https://uw7.org/un_5fb273ae35d05
INFO: lista materiałów i tutoriali, które pomogą Ci bezboleśnie przejść przez ten proces. Przyda Ci się do obsługi (np. jako freelancer) firm handlujących na wspomnianej platformie
27) Jak szybko i skutecznie nauczyć się JavaScriptu? - pełen poradnik z odsyłaczami do materiałów
https://uw7.org/un_5fb273b4b11cc
INFO: jest tego sporo, ale forma podania jak dla mnie jest idealna. Dobre dla ludzi migrujących się z innych języków, jak i dla rozpoczynających naukę od zera.
28) Częste wpadki przy tworzeniu animacji webowych (film, ~20 minut)
https://uw7.org/un_5fb273ba137d3
INFO: ciekawa rozmowa z przykładami kodu. Co działa, ale nie tak jak powinno, a co nie działa wcale przy tworzeniu animacji i jak temu zaradzić?
==
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 #ciekawostki #webdev #technologia #frontend #javascript pokaż całość-
Wady aktualnego stosu technologii webowych. Czy doświadczymy narodzin nowego Internetu?
@imlmpe: Oczywiście, że nie. Po co rezygnować z np. wygodnego electrona, skoro użytkownicy sami się na to godzą. Jedyne co, to zwiększy się parcie na aplikacje webowe typu Figma, czyli z sensownym backendem.
Odpowiedziałem na taniego click baita pod zasięgi. Może to odrzucać patronów szukających u ciebie jakościowych linków i komentarzy. pokaż całość
-
◢ #unknownews ◣
Nowe zestawienie ciekawych linków z branży IT już na Ciebie czeka - zaprasam do czytania.
1) Twórcy South Park ruszają z nową serią filmów satyrycznych wykorzystujących Deep Fake.
https://www.theregister.com/2020/11/02/in_brief_ai/
INFO: Szczególnie spodobał mi się realistycznie wyglądający twórca Facebooka sprzedający urządzenia do dializ :D
2) Interaktywna wizualizacja działania commitów w GIT
https://onlywei.github.io/explain-git-with-d3/
INFO: sugeruję kliknąć pierwszy przykład (commit), a następnie w czarnym oknie pobawić się komendami commit, branch, checkout. Pokombinuj też z push/pull z originem
3) Kilka ciekawych sztuczek usprawniających pracę z GITem
https://opensource.com/article/20/10/advanced-git-tips
INFO: autokorekta poleceń gita, licznik commitów, optymalizacja repozytorium, backup nietrackowanych plików itp.
4) Sztuczna inteligencja czasami może się pomylić i... uznać łysinę za piłkę
https://kottke.org/20/11/the-ai-who-mistook-a-bald-head-for-a-soccer-ball
INFO: kamera na stadionie jest sterowana przez AI i sama śledzi akcję na boisku. No, chyba że jakiś łysy wejdzie jej w kadr ;)
5) Aplikacja (iOS/Android/Windows/Mac) do klonowania obiektów ze świata rzeczywistego do komputera
https://clipdrop.co/
INFO: idealne rozwiązanie do tworzenia np. moodboardów. Aplikacja jest płatna, ale można pobrać za darmo wersję testową.
6) UX-owe rozmyślania na temat przycisku typu 'Switch' w interfejsie użytkownika
https://www.nngroup.com/articles/state-switch-buttons/
INFO: okazuje się, że usera można zdezorientować na wiele różnych sposobów...
7) Superpaper - zaawansowany system do zarządzania tapetami na wielu monitorach (Windows/Linux)
https://github.com/hhannine/superpaper
INFO: aplikacja oferuje wiele możliwości, ale jedna z najfajniejszych, to możliwość rozciągnięcia jednego obrazu na wszystkie monitory (zobacz na przykładach jak to wygląda)
8) Jak spełnić rządowe wytyczne dostępności stron internetowych wg normy WCAG 2.1? (rzuć okiem, nawet jeśli Cię to nie dotyczy)
https://dev.to/ordigital/wcag-2-1-wymagania-listy-kontrolnej-4ig7
INFO: bardzo fajne i przejrzyste opracowanie tematu dla tych, którym szkoda życia na czytanie kilkudziesięciu stron listy kontrolnej od Ministerstwa Cyfryzacji
9) Microsoft Teams miało kod sprawdzający uprawnienia dla teamów tylko na front-endzie. Przez API można to było je ominąć
https://o365blog.com/post/teams-policies/
INFO: prosta nauka do wyciągnięcia? Sprawdzaj wszystko client-side oraz server-side.
10) Winamp dla Windows 10 - poczuj nutkę nostalgii i odpal kultowy odtwarzacz muzyczny w wersji 2.x (link do pobrania na końcu artykułu)
http://www.mywinamp.com/winamp-for-windows-10-download/
INFO: uprzedzając najważniejsze ze wszystkich pytań, odpowiadam: tak, oryginalne skórki będą działać :D
11) Ponadprzeciętnie kreatywne podejście do layoutu gridowego w CSS
https://frontend.horse/articles/thinking-outside-the-box-with-css-grid/
INFO: kto powiedział, że layout nie może być izometryczny, lub że musi łączyć elementy pod kątem prostym?
12) Czy atrybut LANG faktycznie jest ważny w HTML? Większość stron i tak go pomija...
https://www.matuzo.at/blog/lang-attribute/
INFO: zobacz, dlaczego warto ustawić ten parametr poprawnie i jakie problemy może spowodować używanie jego nieprawidłowej wartości
13) Jaki jest sens korzystanie we współczesnym świecie z technologii RSS?
https://www.charlieharrington.com/unexpected-useless-and-urgent
INFO: autor wyjaśnia swój sposób postrzegania tematu. Słuszność koncepcji ładnie przedstawiona na obrazkach.
14) Niesamowicie realistyczne, sztuczne słońce - projekt (film, 24 minuty)
https://www.youtube.com/watch?v=6bqBsHSwPgw
INFO: świetne wyjaśnienie, dlaczego światło słoneczne wygląda tak, jak wygląda, co czyni je unikalnym i jak to zachowanie promieni symulować
15) Prosty generator online do tworzenia ładnych QR kodów z linkiem do strony
https://link-to-qr.com
INFO: podajesz link, wybierasz kolor, rozmiar, zaokrąglenie rogów, grubość kreski itp. i Twój kod jest gotowy
16) Raspberry Pi 400 - czyli nowy komputer z serii malinek. Tym razem wbudowany w klawiaturę (artykuł zawiera testy urządzenia + teardown)
https://www.jeffgeerling.com/blog/2020/raspberry-pi-400-teardown-and-review
INFO: całe urządzenie zbudowano od nowa (w środku klawiatury nie znajdziemy znanego nam modelu płytki). Ciekawe rozwiązanie przywodzące na myśl Commodore64. Nazewnictwo modeli zapożyczone z Atari (tutaj 400 = 4GB RAM)
17) Reverse Tabnabbing - rodzaj ataku, na który prawdopodobnie podatna jest Twoja strona
https://techblog.topdesk.com/security/developers-need-know-reverse-tabnabbing/
INFO: artykuł wyjaśnia nie tylko jak działa ten atak, ale także jak można się przed nim obronić na minimum dwa sposoby
18) Jak zostałem jednym z topowych userów Reddita, używając bota bazującego na Fast.ai
https://www.a8b.io/posts/10k-karma-reddit-bot/
INFO: ciekawy eksperyment polegający na automatycznym tworzeniu treści na potrzeby serwisu.
19) Rekursja vs iteracja - 13 sposobów na przeszukiwanie drzew binarnych
https://dev.to/codinglanguages/recursion-vs-iteration-13-ways-to-traverse-a-tree-2n89
INFO: może przydać się do przygotowań na rozmowie o pracę
20) Jak nie kłamać przy tworzeniu wizualizacji danych?
https://www.toptal.com/designers/ux/data-visualization-mistakes
INFO: zastosowanie pewnych technik może wprowadzić odbiorcę w błąd, ale niektórym właśnie o to chodzi ;)
21) Google pracuje nad możliwością podmiany tła w video callach na Meet
https://ai.googleblog.com/2020/10/background-features-in-google-meet.html
INFO: zobacz koniecznie przykładowe efekty pracy ich algorytmu. Robi niezłe wrażenie i radzi sobie z szybko poruszającymi się obiektami w kadrze.
22) Jak przygotować dobre portfolio, zależnie od wykonywanej profesji
https://www.toptal.com/designers/product-design/how-to-make-a-portfolio
INFO: prezentacja swoich umiejętności i dokonań nie zawsze jest prosta - warto rzucić okiem na tę garść porad
23) Youtube-dl został usunięty z GitHuba przez RIAA z powodu DMCA
https://news.perthchat.org/youtube-dl-removed-from-github/
INFO: GitHub niestety usunął nie tylko główne repozytorium, ale także wszystkie niezależnie rozwijane forki.
24) Kolekcja animowanych splash screenów / animacji 'loading' do użycia, gdy Twoja aplikacja się uruchamia
https://dev.to/webdeasy/25-awesome-loading-animations-where-you-like-to-wait-1b5f
INFO: niektóre z nich są naprawdę świetne, a wszystkie wykonano z użyciem HTML+CSS, w niektórych przypadkach wspierano się jeszcze odrobinę JSem
25) Jak wygenerować PLIK (nie kod) HTML w JavaScript? Taki gotowy do ściągnięcia.
https://blog.jim-nielsen.com/2020/export-to-html-from-javascript-using-blob-urls/
INFO: ten krotki przykład przedstawia, w jaki sposób można pracować z BLOBami w JS
== LINKI TYLKO DLA PATRONÓW ==
26) Wielka biblioteka koncepcji UX używanych przez znane firmy w aplikacjach mobilnych
https://uw7.org/un_5fa28e420e04e
INFO: szukasz inspiracji dla swojej nowej aplikacji? nie wiesz jak wykonać onboarding, jak prezentować produkty itp? zobacz, jak to robią inni
27) Ogromna kolekcja (3500+) wektorowych ikon z prawem do użycia w dowolnym projekcie
https://uw7.org/un_5fa28e48264b4
INFO: ikony można ściągnąć lub osadzić na stronie tak jak się to robi np. z 'Font Awesome'. Są też pluginy do Vue/React
28) Narzędzia do wyszukiwania informacji o ludziach - OSINT (ebook, ponad 500 stron)
https://uw7.org/un_5fa28e521cda9
INFO: niewiele tam jest do czytania, a dużo do przeklikiwania. Jest to zbiór narzędzi, o istnieniu których nawet nie śniłeś ;)
==
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 #technologia #webdev #linux #ciekawostki #frontend pokaż całość-
9) Microsoft Teams miało kod sprawdzający uprawnienia dla teamów tylko na front-endzie.
this is not a bug or vulnerability as such, but a (very very bad) design choice by Microsoft
no nie w ogóle to nie bug or vulnerability, to tylko zła praktyka ( ͡° ͜ʖ ͡°)+: Migfirefox
-
-
◢ #unknownews ◣
Dzisiejsze wydanie zestawienia jest sponsorowane przez Maćka Aniserowicza - stąd link numer 4 w zestawieniu. Zgodnie z tradycją, gdy wydanie ma sponsora, wszelkie linki dostępne są bez ograniczeń (nie ma sekcji dla patronów). W ramach podziękowania dla Maćka, kliknijcie mu linka ;)
1) Jak bardzo Twój wygląd odbiega od normy? Sprawdź to w interaktywnym eksperymencie
https://www.hownormalami.eu/
INFO: badanie potrwa około 3-4 minuty. Musisz zezwolić na dostęp do kamery. Przez ten czas nic nie rób, tylko oglądaj film i słuchaj poleceń. Żadne dane nie są wysyłane na serwery. Wszystko odbywa się w Twojej przeglądarce.
2) Podstawowe metody reverse engineeringu (+MITM) wytłumaczone pod pretekstem analizy protokołu synchronizacji Kindle
https://ptbrowne.github.io/posts/whispersync-reverse-engineering/
INFO: nasłuchiwanie ruchu sieciowego na Raspberry Pi, wydobywanie requestów HTTP z dumpa, analiza protokołu komunikacji i inne
3) Chcesz przetrzymywać konfigurację lub dane tekstowe w formacie czytelnym dla człowieka? Co wybrać poza JSON i XML?
https://wiki.alopex.li/BetterThanJson
INFO: zestawienie omawia takie rozwiązania jak YAML, Protobuf, Cap'n Proto, Thrift, CBOR, Msgpack, BSON, TOML, RON, Bincode i jeszcze garść innych.
4) Szkolenie SmartTesting
https://smarttesting.pl
INFO: Kompleksowe szkolenie z testów dla programistów. Testy jednostkowe, integracyjne, wydajnościowe, E2E i inne. Wszystko to w 5 technologiach podczas 10 tygodni intensywnej nauki pod okiem profesjonalnych Mentorów.
5) Co powstanie z połączenia UNITY z LEGO? Framework do tworzenia gier z klocków lego oczywiście! ;)
https://blogs.unity3d.com/2020/10/23/start-creating-games-with-virtual-lego-bricks-in-our-new-lego-microgame/
INFO: za pomocą tego projektu możesz stworzyć swoją pierwszą grę, budując cały świat z klocków lego i programując interakcje ze światem wyklikując wszystko bez pisania kodu
6) Zaawansowany generator layoutu bazującego na gridzie
https://grid.layoutit.com
INFO: obsługa nie jest intuicyjna, ale efekty są naprawdę ciekawe. Po dodaniu każdego 'slota' musisz nadać mu nazwę i kliknąć 'save', aby dało się dodać kolejny.
7) Pseudoklasa :focus-visible w CSS - dlaczego jest tak ważna z punktu widzenia accessibility?
https://matthiasott.com/notes/focus-visible-is-here
INFO:
8) Aplikacja na iOS, powiadamiająca o wszystkich eventach związanych z kosmosem
https://spacetimekit.com/
INFO: starty rakiet, udane lądowania, transmisje - wszystko w jednym miejscu, za darmo i bez reklam
9) Blockchain - niesamowita technologia do... niczego?
https://thecorrespondent.com/655/blockchain-the-amazing-solution-for-almost-nothing/86714927310-8f431cae
INFO: dlaczego technologia ta nie zrewolucjonizowała świata tak, jak zapowiadano? Tekst pokrótce omawia też czym blockchain jest i jak działa.
10) Cursus - cała Twoja historia wydawanych na Linuksie poleceń w jednej bazie danych
https://gitlab.com/n0r1sk/cursus
INFO: narzędzie umożliwi Ci odszukanie dowolnej, wyszukiwanej w przeszłości komendy. Nie masz już limitu kilku tysięcy ostatnich wywołań, a do tego zyskujesz bardzo wygodne wyszukiwanie
11) Rozwiązanie problemu z kolejkami do toalety w pracy - z użyciem Raspberry Pi oraz Pythona ;)
https://dev.to/polakshahar/project-loo-the-best-time-wasting-amazing-over-engineered-project-of-my-life-37m7
INFO: projekt rozrywkowy, ale w interesujący i stosunkowo prosty sposób łączy świat hardware i software.
12) WebCodec API - nowa zabawka dla frontendowców. Obróbka filmów w locie, na stronie WWW w JS
https://web.dev/webcodecs/
INFO: technologia dopiero wchodząca, więc poza najnowszą wersją Chrome, na niczym nie udało mi się tego uruchomić
13) Darmowa usługa VPN działająca w modelu rozproszonym P2P (odrobinę podobne do TORa)
https://www.freepn.org
INFO: ciekawa koncepcja, a do tego w pełni open source. Obecnie dostępny jest jedynie instalator dla Ubuntu i Gentoo
14) Jak tworzyć unit testy do obrazów dockera (a konkretnie do plików Dockerfile)?
https://dev.to/gasparev/docker-unit-test-how-to-test-a-dockerfile-guide-2020-435d
INFO: bardzo prosty przykład pokazujący co i jak możemy sprawdzać w utworzonym obrazie
15) Lista kilkunastu użytecznych rozszerzeń do przeglądarki Chrome
https://dev.to/tracycss/chrome-extensions-you-should-have-in-your-pocket-11mb
INFO: niektóre z nich uprzyjemnią Ci pracę, inne zwiększą produktywność. Wiele jest mało znanych.
16) Reader View w command line - czyli narzędzie do wyciągania treści ze strony
https://github.com/eafer/rdrview
INFO: jako parametr podajesz adres URL, a narzędzie wyciąga np. tylko treść artykułu, bez reklam, nagłówków, menu, stopki itp. Może się przydać przy scrapowaniu contentu
17) Fonts Ninja - rozszerzenie do przeglądarki identyfikujące fonty użyte na stronie
https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh
INFO: podaje nie tylko nazwę użytego fonta, ale także jego parametry (np. rozmiar, czy dostępy między znakami). Rozpoznaje fonty także w PDFach.
18) Jak naprawdę działa konstrukcja SWITCH w języku C?
https://blog.robertelder.org/switch-statements-statement-expressions/
INFO: interesujący artykuł, który wyjaśnia, że niezupełnie tak to działa, jak mogłoby się wydawać
19) Chatboty miały być przyszłością Internetu - dlaczego tak się nie stało i co poszło nie tak?
https://is.gd/my_chatboty_is_dead
INFO: garść przemyśleń na temat idei tworzenia chatbotów
20) Bardzo ciekawie zrealizowany tzw. program quine w HTML - strona jednocześnie wypisuje swój kod HTML, jak i dodaje sobie style
https://secretgeek.github.io/html_wysiwyg/html.html
INFO: założenie 'quine' jest takie, że kod powinien wypisywać samego siebie na ekran. Dość zabawnie wygląda to, gdy masz aktywnego adblocka, więc może lepiej go wyłączyć przeglądając tę stronę
21) Zarządzanie backupami Linuksa przez interface webowy - Rdiffweb
https://opensource.com/article/20/10/rdiffweb
INFO: narzędzie pod spodem używa aplikacji 'rdiff-backup', jednak GUI umożliwia tworzenie użytkowników i zarządzanie plikami w wygodniejszy sposób
22) Instalujesz pakiety z NPMa? te trzy paczki instalowały backdoora na Twoim serwerze
https://www.zdnet.com/article/three-npm-packages-found-opening-shells-on-linux-windows-systems/
INFO: wymienione biblioteki dawały agresorom dostęp do powłoki (wykonywanie poleceń) na maszynie, na której działały
23) Jak budowano mosty w średniowieczu (animacja, 1 minuta)
https://twitter.com/KiwiEV/status/1316493212605911040
INFO: mało związane z IT, ale spodobało mi się na tyle, że musiałem się tym podzielić ;)
24) Microsoft wypuścił testową wersję przeglądarki Edge... na Linuksa
https://blogs.windows.com/msedgedev/2020/10/20/microsoft-edge-dev-linux/
INFO: obecnie z Edge można było korzystać na Windowsie i Macu, a do zestawu dochodzi jeszcze Linux. Przyda się ludziom testującym frontend, a pracującym na Linuksie
25) Wprowadzenie do wyrażeń regularnych - w bardzo 'wizualny' sposób
https://dev.to/amitness/a-visual-guide-to-regular-expression-i3
INFO: przystępnie (i na obrazkach!) przedstawiona koncepcja regexów. Autor implementuje wszystko w Pythonie, ale tak samo będzie to działało w innych językach
26) Nowa koncepcja samochodów elektrycznych? Zobacz film przestawiający jak to działa
https://www.fastcompany.com/90562654/car-design-is-about-to-change-forever-this-video-encapsulates-how
INFO: w praktyce, to bardzo duża deskorolka elektryczna, ale zdatna do instalacji kabiny.
27) Symulator origami - wybierz wzór i za pomocą suwaka na dole zobacz, jak to jest zrobione
https://origamisimulator.org
INFO: muszę przyznać, że model 'Moosers Rigid Train' (z 'examples') wywołał u mnie efekt "WTF?!"
28) Przeglądarka w przeglądarce od Cloudflare? - ciekawy sposób na skrajnie bezpieczne przeglądanie internetu
https://blog.cloudflare.com/browser-beta/
INFO: streamowanie gier już było, to czas na streama z przeglądarki. Rozwiązanie daje 100% pewności, że niczym się nie zainfekujesz, wchodząc na podejrzany adres URL, a jednocześnie będziesz mógł normalnie używać czy analizować niebezpieczną aplikację.
==
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 plusika :)
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #programowanie #ciekawostki #frontend #webdev #devops #internet #technologia pokaż całość-
ogarnia, nie polecam.
+: xxii, krolikwielepiej
@niepodszywamsiepodbiauka: a masz jakiś kontr-artykuł, coś konkretnego? Jak dla mnie bardzo ciekawe, bo gdzie są w takim razie te wszystkie rozwiązania oparte na blockchainie? -
a masz jakiś kontr-artykuł, coś konkretnego?
@Prokto: A czy ten artykuł ma w sobie coś konkretnego, co trzeba kontrować? Spekulacje na temat zużycia prądu są
mocno chybione, poza tym to prąd "odpadowy" i najważniejsze, co komu do tego, na co idzie kupiony prąd? Jeżeli ludzie widzą w tym wartość, to go kupują i tyle.
Jak dla mnie bardzo ciekawe, bo gdzie są w takim razie te wszystkie rozwiązania oparte na blockchainie?
Jeżeli ich nie widzisz, widocznie nie masz potrzeby z ich korzystania. Bitcoin sprawdza się do płatności anonimowych, do przelewów zagranicznych, do transferu dużych kwot szybko i poza systemem, do akumulacji kapitału, do ratunku oszczędności przed inflacją lokalnej waluty, do spekulacji oczywiście i można by jeszcze wymieniać. Na etherum stoją dapsy (zdecentralizowane aplikacje), główne zastosowania to spekulacja, rozrywka (kasyna, gry, cryptokoty itd.), rynek pożyczek, tokenów, tego jest całkiem dużo, jedne w fazie rozwojowej, inne w pełni działające. Monero do całkowicie anonimowych płatności i tu oczywiście chodzi o cały darkmarket i handel używkami. To co autor tego artykułu zrobił, nie można nazwać nawet cherry pickingiem, bo wziął jakąś kompletnie nieznaną firmę i powiedział "O PATRZCIE NIE DZIAŁA". Poziom dziennikarstwa aka tvp. pokaż całość
-
-
◢ #unknownews ◣
Wołanie nie działa - zapisz się lepiej na newsletter i otrzymuj zestawienie prosto do skrzynki.
1) The Hike - Interaktywna gra na VideoCalle (Zoom, Slack itp) - dobre jako zabawa integracyjna dla zdalnych teamów (+/- Coop RPG)
https://arc.dev/w/remote-game
INFO: niczego nie musisz instalować. Ściągasz 'podręcznik mistrza gry', właściwą grę. Dobrze gra się do max 70 osób na callu. Wspólnie podejmuje się decyzje. Wszyscy współpracują. Rozgrywka trwa 60-90 minut. Ważne: NIKT poza mistrzem gry nie może przeczytać wcześniej slajdów z grą (to chyba oczywiste?).
2) Programowanie bez użycia rąk? pisanie kodu samym głosem? wygląda ciekawie
https://joshwcomeau.com/accessibility/hands-free-coding/
INFO: rzuć okiem na załączone filmy, aby zobaczyć jak to wygląda w praktyce. Autor opracował to rozwiązanie ze względu, na uraz jakiego doznał. Nie jest to więc typowa fanaberia.
3) Trwająca 8 lat, próba zdigitalizowania 45 kaset VHS do wersji DVD
https://mtlynch.io/digitizing-1/
INFO: ciekawy artykuł opisujący problemy związane z tym procesem, ich rozwiązanie i automatyzacja procesu. Na końcu artykułu jest link do części drugiej.
4) Wszystko, co chciałbyś wiedzieć o używaniu zmiennych w CSS
https://ishadeed.com/article/css-vars-101/
INFO: mowa o natywnych zmiennych (bez użycia SESS/LESS itp.)
5) Bravo - aplikacja przerabia Twoje projekty z Figmy na klikalne prototypu działające na iOS/Androida
https://www.bravostudio.app
INFO: narzędzie nie tworzy samych zaślepek, ale prawdziwą, działającą (i operującą na danych) aplikację. Rozwiązanie NoCode.
6) Ile adresów IP (IPv4) posiada AWS i ile one są warte?
https://toonk.io/aws-and-their-billions-in-ipv4-addresses/index.html
INFO: liczba adresów jest dość zaskakująca, a artykuł rozbija wszystkie posiadane podsieci na części i opisuje, jak i kiedy AWS je zdobył.
7) Jak zrobić screenshota pełnej strony w Chromie, ale bez użycia zewnętrznych narzędzi i rozszerzeń?
https://swimburger.net/blog/web/hidden-gem-take-screenshots-using-built-in-commands-in-chrome-edge
INFO: rozwiązanie bazuje na komendach dostępnych w webtoolsach. Sprawdziłem i na Operze ta metoda działa tak samo dobrze.
8) Przegląd kilkunastu popularnych błędów logicznych, na jakie można natknąć się przy prowadzeniu dyskusji
https://www.cardsoflogic.com
INFO: znajdź ten, którym ostatnio zaatakowano Cię w komentarzach w Internecie ;)
9) Obsługa tzw. przypadków brzegowych przy projektowaniu struktury danych - na przykładzie książki kucharskiej
https://buttondown.email/hillelwayne/archive/edge-case-poisoning/
INFO: trzymanie przepisów kulinarnych (z podziałem na składniki i ich ilość) w bazie danych nie jest trudną sprawą - prawda? ;)
10) Zamiana obrazu z webcamery na żywo w 'rysowany' komiks (tworzymy filtr w JS)
https://frontend.horse/articles/sketchy-webcam-filter-effects/
INFO: szczerze mówiąc, to nie sądziłem, że obsługa kamery w JavaScript jest tak prosta. Miłe zaskoczenie.
11) Budowa responsywnego designu z uwzględnieniem proporcji elementów na stronie (tutorial)
https://piccalil.li/tutorial/build-a-responsive-media-browser-with-css/
INFO: nie jest to takie proste zadanie, jak mogłoby się wydawać. Tutaj zrealizowane na przykładzie odtwarzacza wideo z playlistą.
12) Szybkie wprowadzenie do Web Push Notification na stronach WWW
https://medium.com/expedia-group-tech/web-push-notifications-a-proof-of-concept-47269b17c7cb
INFO: artykuł pokazuje jak samodzielnie, bez dodatkowych bibliotek, zaimplementować od zera takie powiadomienia
13) Konfiguracja środowiska pracy dla developera PHP: PHP Storm + Docker + WSL2 (Film, 17 minut)
https://youtu.be/86Yu0XuXwSs
INFO: tutorial realizowany jest na Windows 10.
14) Cryptomator - aplikacja do przetrzymywania zaszyfrowanych plików (w dowolnej) Chmurze (Windows/Linux/Mac)
https://fosspost.org/encrypt-cloud-storage-crpytomator/
INFO: aplikacja tworzy szyfrowany wolumen, który można synchronizować z użyciem np. Dropboxa, Google Cloud itp.
15) VisiData - narzędzie do wizualizacji danych (arkusze kalkulacyjne, pliki CSV i inne) w... terminalu (film, a nawet cała playlista)
https://www.youtube.com/watch?v=N1CBDTgGtOU&list=PLxu7QdBkC7drrAGfYzatPGVHIpv4Et46W&index=1
INFO: trzeba przyznać, że efekty są imponujące
16) Jak za pomocą darmowych narzędzi rozbić gotowy utwór na jego ścieżki/źródła składowe (wokal, gitara, perkusja itp)
https://source-separation.github.io/tutorial/landing.html
INFO: pracy jest przy tym niestety dużo, a czytając tego ebooka online przy okazji poznasz trochę teorii ze świata obróbki audio (spis treści masz po lewej, to nie jest jedna strona)
17) Tworzenie testów jednostkowych w Jest Testing Framework - wprowadzenie
https://dev.to/ezesunday/introduction-to-unit-testing-with-javascript-and-jest-2jdg
INFO: dobry tutorial pozwalający możliwie szybko zacząć pracę ze wspomnianym frameworkiem
18) Czy używanie CDNów do hostowania bibliotek JavaScript, to aby na pewno dobry pomysł?
https://shkspr.mobi/blog/2020/10/please-stop-using-cdns-for-external-javascript-libraries/
INFO: kilka argumentów przeciwko tej teorii. Autor przy okazji wspomina o kwestiach bezpieczeństwa (SRI - SubResource Integrity)
19) Animacja 'Ripple' (fale na wodzie?) na buttonie, zrealizowana z użyciem CSS+JS
https://css-tricks.com/how-to-recreate-the-ripple-effect-of-material-design-buttons/
INFO: jest to animacja rozpoczynająca się w miejscu, w którym użytkownik kliknie myszką. Interesujący, ale trudny do uzyskania efekt.
20) Co się stało z Serverless? Jakie problemy rozwiązało to podejście, a gdzie się nie sprawdziło?
https://www.infoq.com/articles/serverless-stalled/
INFO: hype na rozwiązania serverless lekko ucichł. Ciekawe przemyślenia autora na ten temat
21) BIT - ciekawy, terminalowy zamiennik dla komendy GIT. To bardzo rozbudowany klient umożliwiający pracę z repozytoriami
https://github.com/chriswalz/bit
INFO: wygląda na ciekawe rozwiązanie dla początkujących programistów. Zobacz załączone animacje, aby zrozumieć jak to działa
22) Zrób sobie samodzielnie pakiet Office w przeglądarce (edytor tekstu, aplikacja do prezentacji, arkusz kalkulacyjny itp)
https://zserge.com/posts/awfice/
INFO: to oczywiście tekst napisany z przymrużeniem oka, ale można nauczyć się z niego kilu ciekawych sztuczek i rozwiązań z JS
23) Galeria obrazów dostępnych w domenie publicznej (czyli używając ich w swoich projektach, nie łamiesz niczyich praw autorskich)
https://artvee.com
INFO: przydatne jeśli np. chcesz wydrukować sobie kilka obrazów do przystrojenia biura w skrajnie oldschoolowym stylu
24) Często stosowane wzorce UI, jakie można znaleźć na stronach - karty, split-screeny, gridy itp
https://www.toptal.com/designers/ui/web-layout-best-practices
INFO: przegląd popularnych rozwiązań wraz z ich analizą
25) Google eksperymentuje ze śledzeniem adresów URL w wiadomościach email (w gmailu)?
https://hackaday.com/2020/10/21/google-meddling-with-urls-in-emails-causing-security-concerns/
INFO: oryginalne adresy URL zmieniają się w 'Googlowe'. Obecnie Google testuje to tylko na klientach GSuite. Nie wiadomo czy/kiedy trafi do darmowej poczty.
== LINKI TYLKO DLA PATRONÓW ==
26) Garść porad na temat używania Dockera w pracy pentestera (i nie tylko...)
https://uw7.org/un_5f91568089ce0
INFO: do czego może się przydać? jak go zgrabnie oskryptować? jak zdokeryzować Windowsową aplikację?
27) Biblia programowania w powłoce Linuksa - rozwiązania dla trudniejszych problemów
https://uw7.org/un_5f9156864fbb2
INFO: świetna publikacja online ze snippetami (+wyjaśnienia), które realizują użyteczne akcje w powłoce
28) Startujesz ze swoim projektem/startupem i chciałbyś go gdzieś wypromować? oto potencjalne miejsca
https://uw7.org/un_5f91568c45d70
INFO: lista ponad 150 miejsc w sieci, w których możesz opublikować informację o starcie swojego projektu.
==
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 #ciekawostki #frontend #webdev #devops pokaż całość-
@grypa-grypowska: w FF i pochodnych (Waterfoksu, Quantum, który NIE JEST Firefoksem) działa zupełnie normalnie, wybierasz node i zrzucasz, w wypadku wykopka z tą nieogarniętą belką przewiń na górę na początek i tyle
@novaq: pewnie na virtual scrollu się wywala, nie jest cała lista wyrenderowana jednocześnie, więc bez zrzucania, przewijania, zrzucania kolejnego kawałka i sklejania tego się nie obejdzie pokaż całość+: novaq
-
◢ #unknownews ◣
Jako, że wołanie nie działa - sugeruję zapisać się na newsletter, aby otrzymywać newsy prosto na swojego maila
https://unknow.news
1) FreeYourMusic - chcesz zmienić Spotify na coś innego, ale żal Ci playlist? Oto rozwiązanie.
https://freeyourmusic.com/pl/blog/spotify-tries-to-hold-your-playlists-hostage
INFO: obecnie serwis obsługuje 19 serwisów docelowych. Usługa jest płatna, ale kosztuje niewiele. Za darmo można przenieść do 100 utworów.
2) Ile ataków terrorystycznych udaremnił program podsłuchiwania rozmów telefonicznych na terenie USA (realizowany jako część PRISM)?
https://tutanota.com/blog/posts/nsa-phone-surveillance-illegal-expensive/
INFO: trzeba przyznać, że wyszła im z tego całkiem okrągła liczba... program kosztował ponad $100mln
3) Jedna funkcja w CSS, która pomoże Ci bardzo szybko tworzyć responsywne strony
https://dev.to/dip15739/responsive-website-with-only-1-css-property-3ea9
INFO: jako parametr do funkcji podajesz trzy wartości: minimalną, optymalną i maksymalną, a przeglądarka dostosuje wybrany parametr do potrzeb użytkownika
4) Implementacja tzw. Full-Bleed layoutu z użyciem CSS Grida
https://joshwcomeau.com/css/full-bleed/
INFO: to jeden z najpopularniejszych layoutów z dawnych czasów: nagłówek, stopka, trzy kolumny, w środku treść, po lewej nawigacja i po prawej miejsce na reklamy. Klasyczna implementacja prowadzi jednak do pewnych problemów (zwłaszcza na wielkich monitorach). Tutaj jest rozwiązanie.
5) Deepwork FM - radio online z muzyką do pracy. Posiada jedynie 4 kanały.
https://deepwork.fm/
INFO: ciekawa koncepcja. Kanały oferują jedynie niekomercyjną muzykę, podzieloną na 4 kategorie
6) Tworzysz API - jaki mechanizm uwierzytelnienia wybrać?
https://dev.to/apoorvtyagi/different-ways-to-authenticate-your-apis-380h
INFO: basic auth, OAuth, a może zwykły klucz do API? Analiza zalet i wad każdej z tych metod.
7) Ogromny zbiór materiałów na temat dostępności stron internetowych
https://a11yresources.webflow.io
INFO: wszystkie materiały są podzielone na kategorie.
8) Hasła na stronach schowane za gwiazdkami? a gdyby tak z tego zrezygnować?
http://passwordmasking.com
INFO: ciekawa koncepcja do zaimplementowania na stronie. Warte przemyślenia.
9) Było już Facebook stories, InstaStory, a teraz czas na... Google Stories!
https://amp.dev/about/stories/
INFO: Google rozbudowuje swój framework AMP o możliwość tworzenia stories. Na końcu artykułu są linki do generatorów takich stron.
10) NastedText - przyjazny dla człowieka format danych (alternatywa dla JSON, XML, JAML itp)
https://nestedtext.org/en/stable/
INFO: pierwszorzędnym celem projektu jest zwiększenie czytelności danych dla człowieka
11) Jak działają algorytmy kompresji danych?
https://go-compression.github.io/
INFO: wiedza przydatna zwłaszcza na studiach. Warto rzucić okiem na interaktywne prezentacje algorytmów. Wszystko masz w menu po lewej.
12) Kojarzysz Hacktoberfest? Za sprawą Digital Ocean, przypadkiem zmienił się on w Spamtoberfest
https://drewdevault.com/2020/10/01/Spamtoberfest.html
INFO: firma rozdaje T-Shirty każdemu, kto zrobi pull-request na Githubie do projektu Opensource. Nie trzeba było długo czekać na wysyp spamowych zgłoszeń
13) Skrajnie prosty w obsłudze i w pełni szyfrowany (end-to-end) czat online. Nie wymaga instalacji żadnego softu
https://keychat.online
INFO: mechanizm opiera się na technologii socket.io i kluczu publicznym/prywatnym.
14) Hetty - darmowa, otwartoźródłowa alternatywa dla Burp Suite Pro / OWASP ZAPP
https://github.com/dstotijn/hetty
INFO: ciekawostką w tym projekcie jest fakt, że obsługuje się go przez interfejs webowy. Obecnie nie ma wielu użytecznych funkcji, ale do podstawowego debugowania aplikacji bazujących na HTTP/HTTPS powinien wystarczyć.
15) Visx - narzędzie (od Airbnb) do tworzenia pięknych i interaktywnych wizualizacji danych w React
https://medium.com/airbnb-engineering/introducing-visx-from-airbnb-fd6155ac4658
INFO: na końcu artykułu dołączone są przykładowe wizualizacje wygenerowane w Visx
16) Kogoś bardzo męczyło dotykanie YubiKeya (klucz U2F) przy każdym logowaniu, więc stworzył to...
https://bert.org/2020/10/01/pressing-yubikeys/
INFO: projekt raczej z serii humorystycznych, ale można się z niego nauczyć np. sterowania silnikami krokowymi w Arduino
17) Czasami warto zaimplementować przyciski na stronie jako stylowane checkboxy
https://christianheilmann.com/2020/09/24/checkboxes-make-excellent-buttons/
INFO: warto użyć jego rozwiązania gdy przycisk ma sygnalizować stan wciśnięty/wyciśnięty (on/off). Na stronie jest przykład.
18) Przegląd systemów komentarzy zdatnych do umieszczenia na stronach statycznych
https://lisakov.com/projects/open-source-comments/
INFO: wszystkie rozwiązania są opensource i działają w modelu selft-hosted. Oczywiście, aby to działało, musisz mieć serwer, na którym uruchomisz dany system (więc tylko strona będzie statyczna - nie system komentarzy do niej)
19) Nie tak łatwo jest obecnie kupić "głupi" telewizor - wszystkie są "Smart". Interesujące modele bez smart funkcji
https://pointerclicker.com/best-dumb-tv/
INFO: jeśli boisz się, że Twój telewizor będzie Cię śledził, albo po prostu nie interesuje Cię posiadanie systemu operacyjnego na TV, to w artykule masz dwie interesujące propozycje
20) Jak generowane są identyfikatory UUID i co można z nich wyczytać?
https://digitalbunker.dev/2020/09/30/understanding-how-uuids-are-generated/
INFO: wiedza dla prawdziwych pasjonatów, którzy dogłębnie chcą poznać każdą, używaną przez siebie technologię ;)
21) Curtains.js - biblioteka JS do tworzenia efektownych przejść między klipami wideo na stronie
https://tympanus.net/codrops/2020/10/07/webgl-video-transitions-with-curtains-js/
INFO: rzuć okiem na "View demo", a natychmiast zrozumiesz, o co chodzi. Niektóre z efektów przypominają starego PowerPointa, ale przy sprytnym użyciu może to wyglądać bardzo schludnie.
22) Ucollage - przeglądarka plików graficznych w terminalu
https://pythonawesome.com/a-terminal-image-viewer-based-on-uberzug/
INFO: dzięki tej aplikacji, bez wychodzenia z powłoki można na szybko przeglądnąć, co przedstawiają zdjęcia, które chcemy np. usunąć czy wysłać na inny serwer. Twoja aplikacja terminala musi obsługiwać renderowanie grafiki (większość nowoczesnych to obsługuje).
23) Wykonanie ataku XSS z użyciem... biblioteki przeciwdziałającej atakom XSS ;)
https://research.securitum.com/mutation-xss-via-mathml-mutation-dompurify-2-0-17-bypass/
INFO: bardzo ciekawe obejście funkcji zabezpieczającej input w bibliotece DOMPurify. Interesujące zwłaszcza dla ludzi z branży security.
24) Przegląd i benchmark dostępnych usług hostingowych dla statycznych stron
https://www.savjee.be/2020/05/benchmarking-static-website-hosting-providers/
INFO: która z usług działa najszybciej? Okazuje się, że prawdopodobnie najpopularniejszy hosting jest najwolniejszy. Jest też porównanie wyników szybkości z tymi z 2017 roku
25) Narzędzie do... rzeźbienia online w 3D (uwaga: wciąga)
https://stephaneginier.com/sculptgl/
INFO: Twoje ruchy powtarzane są na rzeźbie symetrycznie. Masz do wyboru sporo narzędzi (menu z prawej). Swoją rzeźbę możesz obracać w trzech wymiarach.
26) Whiteboard - prawdopodobnie najprostsza w obsłudze, współdzielona tablica online
https://witeboard.com
INFO: potrzebujesz coś na szybko narysować na spotkaniu? Wchodzisz na powyższy adres, kopiujesz URLa, pod który Cię przekierowało i udostępniasz zainteresowanym. Tablica wykrywa podstawowe kształty i je 'wyrównuje' (spróbuj narysować kwadrat, koło itp)
27) Google wycofuje swój plan oferujący nielimitowaną pojemność dysku za $12/msc.
https://petapixel.com/2020/10/12/google-is-killing-unlimited-drive-storage-for-non-enterprise-users/
INFO: od teraz plany unlimited będą oferowane tylko dla użytkowników enterprise
== LINKI TYLKO DLA PATRONÓW ==
28) Chcesz przygotować profesjonalną prezentację swojego projektu/startupu? Oto ponad 1200 slajdów z prawdziwych prezentacji
https://uw7.org/un_5f882ca5ee53f
INFO: wszystko podzielone na kategorie - slajdy otwierające, roadmapy, wyniki finansowe, badania rynkowe i wiele innych. Świetne.
29) Narzędzie wyciągające dane na temat dowolnego konta Google (OSINT)
https://uw7.org/un_5f882cbab2639
INFO: podajesz maila ofiary, a w odpowiedzi dostajesz imię+nazwisko, model posiadanego telefonu, Google ID, prowadzone kanały na Youtube i inne. Sugeruję założyć ODDZIELNE konto na gmailu do używania tego softu, ponieważ korzysta on z Twojego konta.
30) Podstawowe zasady bezpieczeństwa przy tworzeniu Dockerfile - czyli jak nie zrobić sobie krzywdy i nie narobić problemów
https://uw7.org/un_5f882cc0e16d9
INFO: kilka ciekawych sztuczek, które zagwarantują, że Twój soft będzie działał tak, jak założyłeś i nie zaliczysz po drodze jakiejś wpadki związanej z Dockerem
Patronem zostaje się tutaj: https://patronite.pl/unknow
==
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
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #technologia #ciekawostki #webdev #programowanie #narzedzia #naukaprogramowania pokaż całość-
@17072018: it's common knowledge.
GHunt, fajny skrypt w pythonie. https://github.com/mxrch/ghunt
Na moim koncie wykryło jaki miałem ostatnio podpięty telefon, jakie miałem recenzje w mapach, jakie zdjęcia dodałem etc.+: 17072018
-
-
◢ #unknownews ◣
Nareszcie się udało... zestawienie gotowe na poniedziałek ( ͡º ͜ʖ͡º)
1) Były premier Australii wrzucił na Instagrama zdjęcie swojego biletu lotniczego - co stało się dalej?
https://mango.pdf.zone/finding-former-australian-prime-minister-tony-abbotts-passport-number-on-instagram
INFO: artykuł przedstawia krok po kroku, jak z użyciem tej fotki uzyskano pełne dane paszportu i numer telefonu ofiary
2) Potknięcia w UX w prawdziwych aplikacjach - niektóre są świetne
https://grumpy.website
INFO: ta strona pozwala zrozumieć, jak niewiele potrzeba, aby zdezorientować użytkownika na tyle, aby nie wiedział jak obsługiwać Twoją aplikację ;)
3) Naucz się pracy z GITem, rozwiązując interaktywne, graficzne zadania
https://learngitbranching.js.org
INFO: tutorial online uczy zarówno podstaw (np. commit) jak i rzeczy bardziej zaawansowanych (branche, tagi, rebase itp)
4) Universe in a Nutshell - pierwsza, oficjalna aplikacja mobilna od Kurzgesagt
https://shop-eu.kurzgesagt.org/products/universe-in-a-nutshell-app
INFO: aplikacja pozwala zrozumieć skalę wszechświata Można zoomować od wirusa, przez drapacze chmur, po planety i galaktyki. Aplikacja płatna (~$3)
5) Tabloid - naukowcy byli w szoku, gdy dowiedzieli się, co potrafi zrobić ten język
https://tabloid.vercel.app
INFO: język programowania oparty o clickbaity z tabloidów. Fajne! :D
6) Luna - nowy projekt Amazona. Coś jak Netflix, ale z grami online
https://www.amazon.com/luna/landing-page
INFO: Za $5,99/msc masz dostęp do (obecnie) kilkunastu gier. Na start, usługa działa tylko w USA, ale ma się to zmienić za jakiś czas.
7) Vizualizator w VS Code - dla usprawnienia debugowania kodu
https://addyosmani.com/blog/visualize-data-structures-vscode/
INFO: Wtyczka, która potrafi robić dynamiczne wykresy na podstawie wartości debugowanych zmiennych. Artykuł zawiera demonstrację przypadków użycia
8) Sprytne metody na implementację lazy-load w przeglądarce
https://web.dev/lazy-loading-images/
INFO: obrazki mogą być osadzane jako obiekty inline, ale także jako tło w CSS. Jak obsłużyć oba te przypadki?
9) Zbuduj własny skracacz adresów URL - nauka programowania
https://dev.to/taslangraham/let-s-create-a-url-shortener-47n3
INFO: projekt może i mało przydatny, ale świetnie nadaje się do zgłębienia zasad działania Vue i Express + podstaw tworzenia API RESTowego
10) Oficjalne CLI (Command Line Interface) od GitHuba jest już dostępne
https://github.blog/2020-09-17-github-cli-1-0-is-now-available/
INFO: tworzenie pull requestów, rozwiązywanie issue, akceptowanie PR i praktycznie wszystko inne da się teraz osiągnąć z terminala
11) Rozwiązywanie problemów z użyciem Stack Overflow - niepokojący antywzorzec
https://riggraz.dev/stack-overflow-antipattern.html
INFO: zabawne przemyślenia autora na temat tego, jak postępują współcześni programiści (googlanie za rozwiązaniem zamiast myślenia nad nim) i co z tym można zrobić
12) Stopniowe ulepszanie stron internetowych z zachowaniem dostępności dla niepełnosprawnych
https://www.matuzo.at/blog/writing-even-more-css-with-accessibility-in-mind-progressive-enhancement/
INFO: Upiększasz element HTML, dodajesz do niego CSSa, JavaScript itp, ale cały czas z myślą o dostępności, bo co jeśli ktoś ma np. wyłączony JS, albo nie widzi Twoich modyfikacji w CSS? Interesujące podejście. Koniecznie rzuć okiem na trzy teksty podlinkowane na początku artykułu.
13) Wysłałeś kiedykolwiek maila na foo@bar.com? Możliwe, że niepokoiłeś tym Pana Foo :D
https://www.bar.com
INFO: okazuje się, że ktoś te maile jednak czytał w przeszłości, a obecnie przynajmniej je zbiera.
14) Headless Recorder - nagraj swoje poczynania w przeglądarce i wyeksportuj je jako skrypt do Puppetera/Playwright
https://github.com/checkly/headless-recorder
INFO: narzędzie przydatne w szczególności dla testerów aplikacji webowych. Wymaga zainstalowania dodatkowego rozszerzenia w Chrome.
15) CSS Clipping, czyli wycinanie kształtów w CSS - wprowadzenie
https://web.dev/css-clipping/
INFO: ciekawie zaprezentowane podstawowe operacje. Warto rzucić okiem na podlinkowane narzędzie "Clippy" do generowania scieżek do funkcji clipp
16) Kilka porad na temat typografii webowej - zwięzłe przedstawienie tematu
https://dev.to/zeanqin/typography-basics-and-best-practices-for-software-developers-542n
INFO: znałeś jednostkę 'ch' w CSS? Wiesz co to jest native font stack, co się na niego składa i dlaczego warto go używać?
17) Webmentions zamiast komentarzy na stronie? - nowy standard rekomendowany przez W3C
https://dev.to/dailydevtips1/goodbye-comments-welcome-webmentions-499g
INFO: technologia bardzo przypomina pingbacki/trackbacki znane z Wordpressa
18) DUF - Disk Usage/Free tool, czyli przyjemne narzędzie (CLI) do prezentowania użycia dysku przez pliki i katalogi
https://github.com/muesli/duf
INFO: przyjazny dla użytkownika, kolorowy i czytelny output. Działa na systemach Linux/Unix/Mac.
19) Typescript (nad)użyty do sprawdzania ortografii - zabawny eksperyment
https://github.com/kkuchta/TSpell
INFO: autor używa jednej z właściwości Typescripta do zbudowania skryptu sprawdzającego błędy ortograficzne. Kod wynikowy jest tworzony przez generator i wygląda tragicznie. Dlaczego to zostało stworzone? bo można ;)
20) Microdata - czyli jak lepiej definiować metadane opisujące dokument HTML
https://dev.to/brandvantage/what-is-microdata-5epm
INFO: używając oznaczeń z puli Microdata, ułatwiasz wyszukiwarkom zrozumienie swojej strony i jej efektywniejsze parsowanie
21) Znasz elektryczną ciężarówkę NIKOLA, będącą bezpośrednią konkurencją dla produktu Tesli? - ona prawdopodobnie nie umie jeździć...
https://www.bbc.com/news/technology-54161343
INFO: Producenci Nikoli nagrali film promocyjny swojego samochodu puszczając go na luzie ze stromego zbocza. Wypoziomowali obraz i wmawiali inwestorom, że pojazd jedzie o własnych siłach. Filmy z genialnego pokazu znajdziesz na YT pod hasłem "nikola truck"
22) Jak uzyskać fonty z Maca na Linuksie?
https://aswinmohan.me/posts/better-fonts-on-linux/
INFO: Mac słynie z pięknej typografii i naprawdę dobrze wyglądających fontów. Przy odrobinie kombinowania, można uzyskać ten efekt także i na Linuksie.
== LINKI TYLKO DLA PATRONÓW ==
23) Aplikacja pozwalająca grać w trybie multiplayer na jednym komputerze w dwie osoby (tzw. local multiplayer) w gry, które tego trybu nie posiadają
https://uw7.org/un_5f71d7279c2a6
INFO: aplikacja zezwoli Ci na uruchomienie dwóch kopii jednej gry i skonfigurowania klawiszy dla każdej kopii oddzielnie. Testowane do tej pory na 18 grach (Minecraft, Half Life itp)
24) Tworzysz (lub masz zamiar tworzyć) gry 2D? ten edytor poziomów może Ci się spodobać
https://uw7.org/un_5f71d72e13f44
INFO: to bardzo prosty edytor, skupiający się przede wszystkim na prostocie obsługi i szybkości tworzenia poziomów. Binarka gotowa do ściągnięcia działa na Windows. Na inne systemy trzeba samemu powalczyć z kompilacją.
25) Lista 22 kanałów na YouTube, dzięki którym podniesiesz swojego programistycznego skilla
https://uw7.org/un_5f71d90ae4e94
INFO: większości pozycji z listy nie znałem, może i dla Ciebie będą to nowości
==
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: #ciekawostki #programowanie #webdev #linux #technologia pokaż całość-
@imlmpe: punkt 3 - fajne są takie interaktywne kursy. Nauczyłem się na tym obsługi vim, łącznie z prostymi makrami, gdzie wcześniej bałem się w ogóle do tego podejść
-
-
◢ #unknownews ◣
Czas na kolejne zestawienie okołotechnologicznych linków, które moim zdaniem mogą Cię zainteresować. Zapraszam do czytania :)
1) Fajnie byłoby mieszkać w podziemnym domku? Nooo... niezupełnie
https://dengarden.com/misc/The-Pitfalls-of-an-Underground-House
INFO: przemyślenia rodziny po 26 latach mieszkania w taki sposób.
2) Jak działa HTTPS - ilustrowany przewodnik
https://howhttps.works
INFO: zabawna forma przedstawienia algorytmu używanego podczas komunikacji via HTTPS. Warto na początku zapamiętać, co który bohater reprezentuje (kot to certyfikat, pies to komputer, a ptaszek to przeglądarka itp)
3) Wstęp do animacji w CSS - artykuł dla zupełnie początkujących
https://dev.to/ljcdev/introduction-to-css-animation-4762
INFO: autor w skrajnie zrozumiały sposób, na przykładach przedstawia jak ustawiać przejścia, klatki kluczowe, powtórzenia, opóźnienia itp. Świetne!
4) Prosty lifehack - jak podczas konferencji wideo pokazać w wygodny sposób swoje odręczne notatki?
https://mothership.sg/2020/09/cd-zoom-hack-camera-teacher/
INFO: potrzebujesz jedynie posiadać płytę CD/DVD, ołówek i taśmę. Pamiętaj tylko, że Zoom domyślnie odwraca obraz, więc będzie OK, a inne aplikacje już niekoniecznie to robią
5) Ciekawy sposób na uwidocznienie swoich reakcji podczas rozmowy wideo (np. gdy jesteś wyciszony)
https://twitter.com/cameronhunter/status/1305667539922550784
INFO: to lenses (jest jakaś polska nazwa na to?), które wykrywają gesty i dodają dymki w locie, adekwatne do tego, co chcesz wyrazić
6) Centrowanie (pionowe/poziome) w CSS, czyli bolączka niejednego juniora
https://ishadeed.com/article/learn-css-centering/
INFO: autor prezentuje wiele sposobów - z użyciem flexboxa, grida, automatycznych marginesów, pozycji absolutnej itp.
7) Podstawy tworzenia API RESTowego i jego podstawowych funkcji
https://www.taniarascia.com/rest-api-sorting-filtering-pagination/
INFO: stronicowanie, filtrowanie i sortowanie zwracanych wyników i inne.
8) Jak instalować oprogramowanie za pomocą Ansible'a? - tutorial
https://opensource.com/article/20/9/install-packages-ansible
INFO: podstawy tworzenia playbooków w Ansible. Tutaj na przykładzie obsługi menadżera pakietów
9) Cienie w CSS - katalog gotowców
https://getcssscan.com/css-box-shadow-examples
INFO: ciekawa kolekcja, z której możesz wybrać styl cienia, który najbardziej Ci się podoba. Po kliknięciu gotowy kod CSS ląduje w schowku
10) Relativty: tani, zrób-to-sam headset VR
https://www.relativty.com/
INFO: ciekawy wynalazek będący hełmem do wirtualnej rzeczywistości, który można zbudować samodzielnie. Na stronie znajdziesz niezbędną instrukcję i oprogramowanie
11) Jak odtwarzać dźwięk ze smartfona przez głośniki komputera? (tylko Linux!)
https://bash-prompt.net/guides/pulse-audio-bluetooth-streaming/
INFO: w praktyce, zmieniamy komputer w głośnik bluetooth i podpinamy się do niego
12) Przeszkody, jakie nowoczesne strony WWW stawiają osobom niewidomym
https://bighack.org/5-most-annoying-website-features-i-face-as-a-blind-screen-reader-user-accessibility/
INFO: kilka podstawowych przeszkód, których poznanie może pomóc Ci tworzyć strony bardziej dostępne dla użytkowników czytników ekranu
13) Szybka metoda na zdobycie shella (Linux/Mac) na... GitHubie
https://github.com/fastai/fastmac/
INFO: klonujesz repozytorium, uruchamiasz workflow i masz powłokę. Shell uruchamia się na serwerach GitHuba.
14) Aplikacja do prowadzenia transmisji live od NVIDIA - potrafi zdziałać cuda
https://www.nvidia.com/en-us/geforce/news/nvidia-broadcast-app/
INFO: usuwa niechciane odgłosy (szumy, stukanie w klawiaturę itp), potrafi rozmazywać tło, tworzyć efekt green screena, a nawet automatycznie kadrować obraz. Działa niestety tylko na kartach graficznych GeForce RTX
15) Jak zbudować bota na Telegramie z użyciem system automatyzacji n8n
https://medium.com/n8n-io/creating-telegram-bots-with-n8n-a-no-code-platform-fdf1f0928da7
INFO: n8n to platforma NoCode w stylu Zapier/IFTTT/Integromat, ale darmowa i w wersji selfhosted
16) Terminalowe narzędzie do obsługi tymczasowych maili
https://github.com/sdushantha/tmpmail
INFO: może się przydać przy tworzeniu skryptów wymagających rejestracji, odbierania wiadomości itp. Całość napisana w bashu
17) Upload plików do AWS S3 z użyciem Reacta - krok po kroku (film, 23 minuty)
https://www.youtube.com/watch?v=V7oSz6gRhy4
INFO: praca z aws-sdk, konfiguracja bucketa, ustawienia CORS, prawa dostępu do pliku itp. Świetne wyjaśnienie dla ludzi, którzy nie mieli do tej pory styczności z S3
18) Spraw, aby pulpit na Twoim Raspberry Pi wyglądał jak Windows lub MacOS (albo krzyżówka tych dwóch)
https://twisteros.com/index.html
INFO: autor odradza instalację na wszystkim starszym od Raspberry Pi 4. System jest niestety 32-bitowy
19) Analog Terminal Bell - terminal linuksowy posiada 'bell', czyli sygnał powiadomienia. A gdyby tak był on analogowy?
https://github.com/tenderlove/analog-terminal-bell
INFO: to raczej humorystyczny projekt mający na celu zastąpienie dzwonka softwarowego... fizycznym.
20) Rekordowy Speedrun w Mario Bross - gracz znalazł ciekawego 'buga' przyspieszającego grę
https://www.youtube.com/watch?v=WWbZFj-cLvk
INFO: okazuje się, że grając w grę w specyficzny sposób można wpływać na działanie jej algorytmów, a tym samym na przyspieszenie rozgrywki
21) Lista 10 nowych, ciekawych funkcji w HTML5, których być może nie znasz i/lub nie używasz
https://dev.to/atapas/10-useful-html5-features-you-may-not-be-using-2bk0
INFO: taga 'output' nie znałem, a przyznam, że wygląda użytecznie. Podobnie 'Datalist'.
22) Lista 722 baz danych z możliwością wyszukiwania po kompatybilności, silniku, systemie operacyjnym, licencji itp
https://dbdb.io/browse
INFO: niesamowita kolekcja pozwalająca poszerzyć swoje horyzonty poza garść baz, których używa się na co dzień. Przy okazji dowiedziałem się, że aż 5 baz danych powstało w Polsce :o
23) Snnuffy - narzędzie do podsłuchiwania danych wysyłanych i odbieranych po SSL
https://github.com/alessandrod/snuffy
INFO: działa tylko na Linuksie. Podpina się pod bibliotekę OpenSSL. Można śledzić cały system lub wybrane aplikacje.
24) AVIF - nowy format plików graficznych do zastosować webowych. Jak go BEZPIECZNIE używać na swoich stronach?
https://jakearchibald.com/2020/avif-has-landed/
INFO: 18kb obrazka zamiast 74kb? tak, to możliwe, ale... nie każda przeglądarka sobie z tym radzi. Jak więc to obsłużyć, aby zachować kompatybilność wsteczną?
25) Jeśli wahasz się pomiędzy bazami SQLite oraz PostgresQL, to DuckDB jest tym, czego szukasz
https://duckdb.org
INFO: to baza danych niewymagająca serwera (niczym SQLite), ale oferująca rozwiązania znane w Postgresql
26) A gdyby tak połączyć arkusz kalkulacyjny z aplikacją do przetwarzania dźwięku? Tak powstał Noise.sh
https://noise.sh
INFO: chwilę zajmuje rozeznanie się, o co tam chodzi i jak to działa, ale muszę przyznać, że ciekawy pomysł.
27) Zrozum działanie GITa (bardzo dogłębnie!) poprzez budowę swojego klienta w Pythonie
https://www.leshenko.net/p/ugit/
INFO: kurs przechodzi przez tworzenie takiego klienta krok po kroku. To bardzo rozszerza zrozumienie, co dzieje się pod spodem commita, inita itp.
== LINKI TYLKO DLA PATRONÓW ==
28) Kolekcja profesjonalnie wyglądających i darmowych szablonów do newsletterów (HTML + CSS)
https://uw7.org/un_5f699b0cd547f
INFO: w kolekcji jest 59 gotowych do ściągnięcia szablonów, kompatybilnych z każdym czytnikiem email.
29) Jak zostać certyfikowanym scrum masterem w... 3 dni
https://uw7.org/un_5f699b157ea82
INFO: to plan nauki i linki do zasobów, które pomogą Ci w nauce. Te quizy online (darmowe) są fajne. Certyfikacja kosztuje $150.
30) Zbuduj klona UI Netflixa - krok po kroku w React (film... 10 godzin!)
https://uw7.org/un_5f699b1d67b0f
INFO: autor podczas sesji live codingu odtwarza stronę Netflixa ze wszystkimi podstronami, efektami i tym, co tylko da się wizualnie skopiować.
==
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 zaplusuj :)
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #programowanie #technologia #ciekawostki #webdev #linux #html pokaż całość -
◢ #unknownews ◣
Wstrzymajcie się z commitowaniem kodu na produkcję, bo dziś NIE jest piątek! po prostu publikuję zestawienie dzień wcześniej ;)
1) Lista rzeczy, w które wierzą programiści, a które... nie są prawdą
https://github.com/kdeldycke/awesome-falsehood
INFO: niektóre z założeń na temat imion, stref czasowych, dat, czy adresów mailowych, które bierzesz za pewnik, są po prostu fałszywe. Warto rzucić okiem.
2) Ewolucja interfejsów aplikacji - długie, ale bardzo ciekawe opracowanie.
https://whydoweinterface.com
INFO: w jakim celu tworzymy interfejsy? dlaczego wyglądają one tak, a nie inaczej? jak to zmieniało się w czasie?
3) Czym jest "Scrollbar Blindness" i jak mu zapobiegać w CSS? - ważne, zwłaszcza gdy projektujesz strony dla klientów na Macu
https://svenkadak.com/blog/scrollbar-blindness
INFO: paski przewijania na Macu są domyślnie ukryte, więc wszystko wygląda tam schludnie. Niestety na innych platformach przygotowana przez Ciebie strona może wyglądać co najmniej kiepsko
4) Jak sprytnie dobierać kolory do Twoich wizualizacji danych?
https://blog.datawrapper.de/beautifulcolors/
INFO: chcesz zrobić np. wykres z kilkunastoma różnymi seriami danych, a każda ma być innego koloru? Jak to pokolorować, aby nie wyglądało to śmiesznie czy dziecinnie?
5) Pomysły na biznes wygenerowane przez... GPT-3 (sztuczna inteligencja)
https://ideasai.net
INFO: na stronie ludzie oceniają (plus/minus), jak dobry jest dany pomysł. Zaskakujące jest to, jak poprawne gramatycznie i jak logiczne są te pomysły :o
6) Przemyślenia na temat edytorów (oraz IDE) programistycznych popularnych w 2020 roku
https://phaazon.net/blog/editors-in-2020
INFO: neovim, IntelliJ IDEA, VSCode, emacs, atom - zalety, wady, konfiguracja i luźne przemyślenia autora
7) Muzeum... skórek do WinAmpa - czyli nostalgio przybywaj! ;)
https://skins.webamp.org
INFO: serwis agreguje oldschoolowe skórki i wyświetla ich miniatury. Po kliknięciu konkretnego obrazu da się go powiększyć i nawet zacząć używać w playerze webowym (kliknij linka 'WebAmp')
8) Mario Kart Live - a gdyby tak pograć w wyścigi Mario w rzeczywistości rozszerzonej? Teraz już można :)
https://www.thedrive.com/tech/36167/new-mario-kart-live-home-circuit-uses-augmented-reality-to-race-inside-your-home
INFO: Nintendo przedstawiło nową grę na Nintendo Switch, która pozwala ścigać się z botami lub innymi graczami po własnym mieszkaniu. Gra posiada dołączony fizyczny pojazd na baterie z wbudowaną kamerą.
9) Refactoring kodu poprzez pozbycie się licznych konstrukcji if-else
https://levelup.gitconnected.com/if-else-is-a-poor-mans-polymorphism-ab0b333b7265
INFO: celem tego zabiegu jest spełnienie założeń SOLID z programowania obiektowego + ułatwienie późniejszej rozbudowy kodu
10) Projektuj aplikacje webowe tak, aby dało się je obsługiwać za pomocą klawiatury (bez konieczności użycia myszki) - poradnik
https://www.shopify.com/partners/blog/keyboard-accessibility
INFO: zbiór porad, jak prostymi metodami można przerobić aplikację uciążliwą do nawigowania klawiaturą, na taką dla klawiatury przyjazną
11) Arwes - framework do tworzenia futurystycznych, cyberpunkowych interfejsów webowych
https://arwes.dev
INFO: kliknij "play" i zobacz framework w akcji, albo... przeglądnij dokumentację, bo ona też jest napisana w tym frameworku
12) Tworzenie responsywnego nagłówka strony za pomocą Flexboxa
https://ishadeed.com/article/website-headers-flexbox/
INFO: poradnik wyjaśniający krok po kroku, w jaki sposób zbudować nagłówek strony dobrze wyglądający w każdej rozdzielczości i na każdym urządzeniu.
13) HSTR - wygodniejsze przeglądanie historii bashowych komend
https://github.com/dvorka/hstr
INFO: to alternatywa dla znanego CTRL+R. Umożliwia dodawanie komend do ulubionych, wyszukiwanie i wybieranie pozycji z menu
14) Google Workflows - nowa usługa od Google, obsługująca automatyzację zadań
https://cloud.google.com/workflows
INFO: pierwsze 2000 kroków w workflow (na miesiąc) jest darmowe. Później trzeba płacić 1 centa za każde 1000 kroków.
15) WebRTC for the curious - zbiór artykułów tłumaczących podstawy działania WebRTC. Dla wnikliwych ;)
https://webrtcforthecurious.com/
INFO: sporo czytania, ale jeśli komuś zależy na dogłębnym poznaniu tej technologii, to takie opracowanie będzie do tego idealne
16) Tworzenie grafiki izometrycznej, tutaj na przykładzie projektowania butelki pseudo-3D
https://www.toptal.com/designers/graphic/isometric-illustration-tutorial
INFO: autor realizuje projekt w Adobe Illustrator, ale pomija standardową ścieżkę pracy z grafiką izometryczną i idzie na skróty ;)
17) PureVPN obniżył swoje ceny o 77% - oferta niestety ograniczona czasowo
https://www.jdoqocy.com/click-9165441-14319814
INFO: dobre (i tanie) rozwiązanie jeśli szukasz VPNa do dostępu do Netflixa, Hulu czy innych usług niedostępnych w naszym kraju
18) Async / await w JavaScript - dobre i dość wnikliwe wprowadzenie do tematu
https://dmitripavlutin.com/javascript-async-await/
INFO: różne rodzaje implementacji funkcji asynchronicznych, zagnieżdżanie takich funkcji, czekanie na promisy itp. Pomaga mocno zrozumieć jak to działa.
19) Present - narzędzie do tworzenia prezentacji w terminalu (coś jak terminalowy PowerPoint)
https://github.com/vinayak-mehta/present
INFO: efekty działania można zobaczyć na załączonych GIFach. Całkiem przyjemnie to wygląda i jest proste w obsłudze (obsługuje Markdown)
20) Kolekcja ikon w formacie SVG, zdatnych do użycia w aplikacjach webowych
https://iconhub.io
INFO: każdą ikonę możesz skopiować w postaci jednej linijki kodu SVG i wkleić na stronę. Jest to obraz wektorowy, więc skaluje się w nieskończoność, a grubość kreski i jej kolor są konfigurowalne.
21) Obsługa wielu języków w aplikacji pisanej w React - jedna z prostszych metod
https://dev.to/aryclenio/internationalizing-your-react-app-with-i18next-43op
INFO: rozwiązanie bazuje na pluginie i18next. Konfiguracja jest bardzo prosta, a same tłumaczenia trzymamy w plikach JSON
22) Podstawy frameworka Svelte - bardzo zwięzły wstęp i przykłady kodu
https://dev.to/alexmercedcoder/svelte-learn-the-basics-of-this-fast-framework-with-small-bundles-13pk
INFO: Svelte nie posiada wirtualnego DOMu i kompiluje się do czystego JavaScriptu, co pozytywnie odróżnia go od wielu konkurencyjnych frameworków.
23) Konami codes w grze Contra (NES) - jak to zostało zaimplementowane?
https://www.youtube.com/watch?v=8LnwsYL7Apk
INFO: bardzo geekowa i dogłębna analiza (od strony programistycznej) tego, jak stworzono te kody i dlaczego zastosowano taką metodę
24) Filters.css - prosta biblioteka do nakładania filtrów na obrazki na stronach
https://bansal.io/filters-css
INFO: użycie filtra ogranicza się do dodania odpowiedniej klasy w tagu IMG
== LINKI TYLKO DLA PATRONÓW ==
25) Lista 60 najczęściej popełnianych wpadek przy programowaniu w BASHu - obowiązkowe dla adminów i fanów Linuksa!
https://uw7.org/un_5f5a0745aa8b0
INFO: pracowałem jako admin wiele lat. Do dziś używam Linuksa i administruje serwerami, ale niektóre z opisanych błędów i ich konsekwencji są dla mnie mocno zaskakujące :o
26) WebAssembly - poradnik tworzenia aplikacji od podstaw
https://uw7.org/un_5f5a07400c19d
INFO: nie musisz znać assemblera, aby tworzyć aplikacje webowe w WebAssembly. Ten poradnik przedstawia prawdopodobnie najprostszą drogę do rozpoczęcia pracy z nową technologią
27) Praktyczny poradnik AWK - czyli jak przetwarzać tekst w systemie Linux
https://uw7.org/un_5f5a073a01925
INFO: ja wiem, że wszystko da się załatwić za pomocą grep/sed/cut/tr, ale może warto nauczyć się narzędzia, które realizuje te wszystkie funkcje jednocześnie? Ebook ma 34 strony. Aby go pobrać, trzeba podać swojego maila.
==
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ę? No to daj plusika :)
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #programowanie #ciekawostki #webdev #linux #css pokaż całość-
@imlmpe: Mirku czy to Ty wrzucałeś stronę z referencjami skali różnych obiektów: człowiek, słoń, telefon itp.?
-
-
◢ #unknownews ◣
Kolejny tydzień w którym nie udało mi się wrzucić newsów w poniedziałek - takie życie :D
1) BBSy - czym były, jak działały, jak to się wszystko zaczęło?
https://jm.iq.pl/bbsy-kiedys-i-dzisiaj/
INFO: świetny artykuł na temat dawnych technologii istniejących za czasów "sprzed Internetu"
2) Jak zhackowałem setki firm używając Google Groups - świetny tekst
https://medium.com/@milanmagyar/ggvulnz-how-i-hacked-hundreds-of-companies-through-google-groups-b69c658c8924
INFO: przeczytaj dwa podlinkowane artykuły na początku (warto!). Pozwalają lepiej zrozumieć zasadę działania ataku.
3) CodeCombat - naucz się programowania grając w RPG online (wciąga!)
https://codecombat.com
INFO: możesz programować w Pythonie (domyślnie), JavaScript, CoffeeScript lub C++. Wszystkie teksty są po polsku!
4) Tworzenie grafiki w CSS z użyciem... pojedynczego DIVa - jak to się robi?
https://dev.to/laasrinadiaa/3-secrets-behind-single-div-css-art-1m64
INFO: tym razem nie jest to galeria prac, a pełen tutorial, który wyjaśnia każdy z kroków niezbędnych do stworzenia bardzo realistycznie wyglądającej grafiki
5) Testy penetracyjne baz danych i eskalacja uprawnień z użyciem funkcji użytkownika (film, 45 minut)
https://www.youtube.com/watch?v=bmoLCw0_nzE
INFO: dość zaawansowana metoda ataku, wyjaśniona krok po kroku. Mocno techniczne.
6) APILand - wielka kolekcja publicznych API dostępnych online
https://faraazahmad.github.io/apiland/
INFO: kliknij 'explore' i ustaw sobie jakieś sensowne filtry, bo domyślnie aktywne są tylko API związane ze zwierzętami
7) Dlaczego na przedmieściach Chicago wiszą na drzewach? ;)
https://www.bloomberg.com/news/articles/2020-09-01/amazon-drivers-are-hanging-smartphones-in-trees-to-get-more-work
INFO: "jeśli nie wiesz, o co chodzi, to chodzi o pieniądze". Tak jest i tym razem. Sprytni dostawcy jedzenia w ten sposób zbierają zamówienia (więcej info w artykule)
8) Hash Monster - miniaturowy gadżet pomocny przy włamywaniu się do sieci WiFi
https://telescope.ac/petazzoni/the-hash-monster-esp32-tamagotchi-for-wifi-cracking
INFO: urządzenie bazuje na układzie ESP32. Samo urządzenie NIE łamie haseł, a jedynie zbiera pakiety (na kartę microSD) dzięki którym hasło możesz złamać już sam na mocniejszym sprzęcie
9) Przegląd 10 mało znanych API Webowych, o których być może nie słyszałeś
https://blog.greenroots.info/10-lesser-known-web-apis-you-may-want-to-use-ckejv75cr012y70s158n85yhn
INFO: Fullscreen API, Clipboard API, Broadcast Channel i wiele innych
10) FirstStagram - czyli narzędzie, które 'dokopuje' się do pierwszego posta usera z Instagrama
https://air.inc/blog/1stagram
INFO: podajesz login jakiejś gwiazdy, która ma dziesiątki tysięcy opublikowanych fotek i jednym klikiem dowiadujesz się, od czego zaczynała (pobieranie posta trwa przy dużych kontach 1-2 minuty).
11) Lista 32 tutoriali dla programistów (głównie webowych), które wyjaśniają tematy w sposób 'graficzny'
https://dev.to/ender_minyard/28-code-tutorials-for-visual-learners-19pl
INFO: mówiąc krótko, są to artykuły z dużą ilością obrazków, animacji i wykresów :D
12) Przyspieszanie ładowania stron WWW poprzez pozbycie się elementów blokujących renderowanie
https://dev.to/prototyp/improving-website-performance-by-eliminating-render-blocking-css-and-javascript-28ei
INFO: wyjaśnienie, czym jest krytyczny CSS, czym różni się defer od async itp.
13) Jak stworzyć swoje pierwsze rozszerzenie do Chrome? Poradnik.
https://dev.to/ganeshjaiwal/build-your-first-chrome-extension-458g
INFO: szczerze mówiąc, odkąd wszystkie przeglądarki obsługują webextensions, to ten poradnik działa na Chrome/Firefox/Opera.
14) Szukasz dobrego fonta dla swojego IDE? JetBrains opublikowało swoją propozycję 'fonta idealnego'
https://www.jetbrains.com/lp/mono/
INFO: JetBrains Mono - bo tak nazywa się to cudo - został zoptymalizowany do maksymalnej czytelności kodu. Zobacz na stronie przykłady jak to wygląda
15) Rozszerzenie do Chrome/Firefox/Opera, które pozwoli Ci sprawdzić cenę aktualnie przeglądanej książki/ebooka w innych sklepach
https://ksiazkowacebula.pl
INFO: wchodzisz na stronę wydawnictwa X widząc "promocję". Klikasz na ikonę cebuli i od razu wiesz, że to żadna promocja, bo w sklepie XYZ jest 10% taniej.
16) Typografia w 10 minut (albo i mniej) - bardzo krótki poradnik online jak poprawić czytelność tekstów
https://practicaltypography.com/typography-in-ten-minutes.html
INFO: bardzo polecam podążać za linkami w tekście. Są niestety bardzo ukryte (pisane capsem)
17) Roboty, które kochamy - przegląd robotów występujących w filmach i takich, które dało się kupić
https://www.charlieharrington.com/robots-i-love
INFO: nostalgiczna galeria...
18) Optymalizacja funkcji rekurencyjnych z użyciem cachowania poprzednich danych (memoization)
https://dev.to/unalo_baayriyo/understanding-memoization-in-javascript-1e22
INFO: autor przedstawił implementację w JavaScript, ale identyczny algorytm można napisać w dowolnym innym języku - nie ma tutaj rozwiązań charakterystycznych dla JS
19) Transformacje 3D w CSS - prezentacja online
https://rupl.github.io/unfold/
INFO: naciskaj strzałkę w prawo, aby zobaczyć kolejne slajdy. Sugeruję oglądać na komputerze.
== LINKI TYLKO DLA PATRONÓW ==
20) Lista linuksowych narzędzi, które można wykorzystać do ominięcia ograniczeń nałożonych przez administratora
https://uw7.org/un_5f521498b0aad
INFO: to są domyślnie dostępne narzędzia (nic nie trzeba instalować). Trzeba przyznać, że niektóre ze sztuczek są bardzo sprytne
21) Architektura aplikacji OpenSource - czyli jak to robią inni? (książki online)
https://uw7.org/un_5f52149f70b8e
INFO: na stronie znajdziesz ponad 80 tekstów na temat tego, jak znani twórcy ogarniają swoje projekty pod względem kodu. Wersje online możesz czytać za darmo (niech Cię nie przeraża wszędobylskie przyciski "Kup teraz").
22) Strona ze zbiorem czterech interaktywnych tutoriali do nauki programowania dla dzieci i młodzieży (jak dorosły nie ma pojęcia o programowaniu, to też będzie OK)
https://uw7.org/un_5f5214aa5cded
INFO: tutoriale można oglądać (klikając tylko w komunikaty), albo brać w nich udział (modyfikując kod). Jedyny minus rozwiązania to język angielski (dzieci mogą sobie nie poradzić - dorosły musi tłumaczyć)
Lista wszystkich linków dla patronów wrzuconych do tej pory:
https://mrugalski.pl/linki.php
==
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 zaplusuj :)
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
#programowanie #technologia #ciekawostki #webdev #naukanowego pokaż całość-
Ech kolejny e-żebrak
@pokusof: a gdzie tu jest żebranie? Masz konkretną ofertę. Nawet mogę Ci fakturę na to wystawić.
-
◢ #unknownews ◣
Dzisiejsze wydanie zestawienia będzie nieco krótsze niż zwykle - powód jest trywialny: to był dla mnie pracowity tydzień.
1) OpenStartup - lista startupów, które publikują bardzo szczegółowe dane na temat swojego biznesu
https://openstartup.dev/?ref=producthunt
INFO: ile mają użytkowników? jakie mają przychody? ile zarabiają ich pracownicy itp. Sporo ciekawych metryk.
2) Tworzenie botów do Discorda - jest prostsze niż myślisz (Python)
https://codeburst.io/discord-py-the-quickstart-guide-2587abc136ab
INFO: autor przedstawia, jak używając biblioteki Discord.py zbudować swojego pierwszego bota
3) Programowanie funkcyjne w JavaScript (film, 30 minut)
https://www.youtube.com/watch?v=e-5obm1G_FY
INFO: pani bardzo fajnie tłumaczy, co to jest, po co nam to jest i jak to działa
4) Jeśli nie CSS, to co? - język, który mógł stać się współczesnym odpowiednikiem CSSa
https://eager.io/blog/the-languages-which-almost-were-css/
INFO: w 1993 roku zaproponowano język składnią przypominający LISPa, który miał służyć do opisu wyglądu stron HTML. Na szczęście nie wszedł do użycia ;)
5) Testflight na zawsze? Czyli jak developerzy obchodzą ograniczenia Apple Appstore
https://www.protocol.com/testflight-app-store
INFO: 'testflight' to aplikacja dzięki której możesz zaprosić userów do "testowania" swojej jeszcze nieopublikowanej aplikacji. Ale równie dobrze, możesz użyć tego do dystrybucji aplikacji, które nigdy nie przeszłyby kontroli Apple.
6) Fonts in use - szukasz idealnego fonta dla swojego projektu? oto garść inspiracji
https://fontsinuse.com
INFO: strona zbiera przykłady zastosowań różnych fontów w życiu codziennym, najczęściej na fizycznych projektach
7) Stwórz aplikację do obsługi social mediów - oto lista 10 najpopularniejszych API
https://www.ayrshare.com/top-10-social-media-apis-for-developers/
INFO: Facebook, Linkedin, Twitter, Reddit i inne - wszystkie ocenione pod względem trudności implementacji. Znajdziesz tam także linki do dokumentacji
8) Jak zabezpieczyć swojego Maca? - pełen poradnik
https://github.com/drduh/macOS-Security-and-Privacy-Guide
INFO: opis procedury krok po kroku. Od instalacji systemu, przez konfigurację szyfrowania dysku, instalację firewalla, konfigurację pozostałych zabezpieczeń itp.
9) Kilka ciekawych efektów tekstowych zrealizowanych w samym CSS
https://dev.to/akhilarjun/four-subtle-text-effects-to-spice-up-your-web-site-27e7
INFO: wibrujący tekst, fala na tekście, poświata i ujawnianie tekstu po najechaniu kursorem
10) Lista pięciu projektów, których prawdopodobnie NIE potrzebuje żaden developer ;)
https://dev.to/kaos/5-tools-no-developer-needs-3869
INFO: to humorystyczny spis zabawnych rozwiązań (dodatki do edytora, biblioteki itp), które mogą Ci się spodobać, ale nijak nie pomogą Ci w pracy
11) DeGoogle - uwolnij się od Google
https://degoogle.jmoore.dev/
INFO: lista dodatków wyłączających śledzenie, zamienniki dla oprogramowania Google itp
12) Ile kosztuje 1GB transferu mobilnego w 228 krajach? - porównanie cen
https://www.cable.co.uk/mobiles/worldwide-data-pricing/
INFO: Kto jest najtańszym pod tym względem krajem w Europie?
13) Alone With Me - nowy eksperyment od Spotify i 'The Weeknd'
https://theweeknd.withspotify.com
INFO: ciekawa promocja artysty, wspomagana danymi wyciągniętymi ze Spotify. Ponoć działa najlepiej dla użytkowników, którzy często słuchali The Weeknd ;)
14) Blockchain - niesamowita technologia... nienadająca się niemal do niczego
https://thecorrespondent.com/655/blockchain-the-amazing-solution-for-almost-nothing/84495599980-95473476
INFO: długie wyjaśnienie tego, jak bardzo nieprzydatna obecnie jest technologia blockchain.
15) W jakich językach najczęściej tworzone są startupy finansowane przez Y-Combinator?
https://charliereese.ca/article/top-50-y-combinator-tech-startups
INFO: dwa języki zdecydowanie odstają popularnością od reszty, zabierając 48% rynku. Co ciekawe, jednym z nich nie jest Java ;)
== LINKI TYLKO DLA PATRONÓW ==
16) Naucz się obsługi Puppeteera i/lub Playwright - mnóstwo przykładów
https://uw7.org/un_5f489c8f10978
INFO: Puppeteer/Playwright to frameworki do automatyzowania działań w przeglądarce. Używa się ich w NodeJS
==
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
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #technologia #ciekawostki #css #programowanie #javascript #python #webdev pokaż całość-
@tom-smy: no ale jeszcze masz inne środowiska, embeded, programowanie pod systemy Linux, windows, android aplikacyjne, sterowniki systemy czasu rzeczywistego typu free rtos autosar i cała masa innych technologii. A wszyscy zafiksowali się na webie bo ma najniższy poziom wejścia a niedługo nie będzie gdzie tam palca wcisnąć.
-
◢ #unknownews ◣
Wróciłem po urlopie i na powitanie wrzucam nowe zestawienie linków z branży IT. Zapraszam do czytania
1) Ciekawa implementacja Sapera znanego z Windowsa - z gry usunięto wszystkie elementy zgadywania
https://github.andrewt.net/mines/
INFO: drugi klik jeśli będzie wyglądał na losowy, zawsze trafia na bombę. Musisz wykonywać TYLKO logiczne ruchy, bazując na swojej inteligencji. Na początek zmniejsz liczbę min do 15.
2) CT.js - zupełnie darmowy i otwartoźródłowy, edytor gier online
https://ctjs.rocks
INFO: działa na Windowsie, Linuksie i Macu. Wymagana jest podstawowa znajomość JavaScript!
3) Drop-Shadow w CSS - czyli jeden z niedocenianych i nie za często używanych filtrów
https://css-irl.info/drop-shadow-the-underrated-css-filter/?no-cache=1
INFO: autor pokazuje przykłady użycia i porównuje ten filtr z box-shadow
4) Pełen kurs programowania płytki Micro:bit - dla początkujących, metodą drag&drop
https://forbot.pl/blog/kurs-microbit-wstep-spis-tresci-id41358
INFO: płytkę z akcesoriami można kupić na w/w stronie. Jeśli chcesz zaoszczędzić ponad 200 złotych, to gołej płytki bez dodatków szukaj na Botlandzie
5) Microsoft PowerToys - znasz te gadżety z czasów Windows 95? oto wersja dla Windows 10.
https://github.com/microsoft/PowerToys
INFO: to zestaw narzędzi podnoszących produktywność i automatyzujących niektóre z zadań (podesłał Łukasz Ładecki)
6) Fornite zostało usunięte ze sklepu Apple... a później Google. Ostatecznie do usunięcia idą wszystkie gry Epic Games
https://twitter.com/EpicNewsroom/status/1295430127455596544
INFO: Firma obchodziła system mikropłatności Apple/Google w taki sposób, aby nie płacić prowizji. Jest to sprzeczne z regulaminem obu platform.
7) Zeal - przeglądarka dokumentacji offline (196 dokumentacji do wyboru)
https://zealdocs.org
INFO: wersja na Windowsa i Linuksa jest darmowa, a na Maca zwie się Dash i trzeba za nią zapłacić
8) Umami - alternatywa dla Google Analytics (selfhosted)
https://umami.is
INFO: proste w instalacji i schludnie wyglądające narzędzie, a co bardzo ważne... darmowe ;)
9) ShareTheBoard - udostępnij tablicę (taką fizyczną) podczas wideokonferencji
https://sharetheboard.com/
INFO: polski startup; obecnie dostępny w wersji beta. Można pobawić się wszystkimi możliwościami za darmo.
10) Gdzie za darmo możesz hostować aplikację napisaną w React?
https://blog.logrocket.com/8-ways-to-deploy-a-react-app-for-free/
INFO: artykuł nie tylko prezentuje 8 możliwości, ale także wyjaśnia, w jaki sposób można zrobić deploy aplikacji na każdym ze środowisk
11) PinePhone - telefon z możliwością FIZYCZNEGO odłączenia kamer, mikrofonu, wifi itp
https://www.androidpolice.com/2020/08/15/this-smartphone-has-physical-kill-switches-for-its-cameras-microphone-data-bluetooth-and-wi-fi/
INFO: jeśli chcesz mieć 100% pewności, że nikt Cię nie śledzi i nie podsłuchuje, to ten telefon jest dla Ciebie
12) Wszystko, co powinieneś wiedzieć na temat 'Setów' w JavaScript
https://dev.to/alexdevero/introduction-to-sets-in-javascript-all-you-need-to-know-3ii8
INFO: podstawowe operacje na zbiorach: dodawanie, usuwanie elementu, sprawdzanie obecności, iteracje + operacje niemożliwe do wykonania
13) Prywatne Wizytówki Google - zdecyduj, jakie info o Tobie pojawi się w Google, gdy ktoś będzie szukał Twojego imienia i nazwiska
https://dev.to/swastikayadav/create-your-own-card-with-google-6ea
INFO: obecnie usługa dostępna jest testowo jedynie w Indiach, ale docelowo ma pojawić się wszędzie. Ciekawe, jak to będzie działać u ludzi z popularnymi nazwiskami. Jan Kowalski?
14) Czym jest 'optional chaining' w JavaScript i jak tego używać? - bardzo ułatwia pracę
https://dev.to/dailydotdev/optional-chaining-in-javascript-what-is-it-and-how-to-use-it-2o59
INFO: ta metoda odwoływania się do obiektów i funkcji automatycznie sprawdza, czy to czego potrzebujesz jest dostępne (czy istnieje).
15) Carrd - prosty generator stron (bez znajomości programowania) metodą drag&drop
https://try.carrd.co/r235m16w
INFO: mają pakiet darmowy, a pakiety płatne rozpoczynają się od $9 za rok (nie miesiąc!)
16) Co nowego udostępnia iOS 14 i iPadOS 14 dla webdeveloperów?
https://firt.dev/notes/ios-14b/
INFO: przegląd nowych możliwości. Autor bazuje na wersji beta systemu, więc przed premierą może jeszcze coś się zmienić
17) Są już wyniki pierwszych speedtestów na łączach satelitarnych Starlink (to od SpaceX)
https://arstechnica.com/information-technology/2020/08/spacex-starlink-beta-tests-show-speeds-up-to-60mbps-latency-as-low-as-31ms/
INFO: technologia nie jest jeszcze publicznie dostępna. Obecnie daleko jej do zapowiadanej przepustowości 1Gbps :(
18) SurveyJS - bardzo fajna i dobrze wyglądająca biblioteka do tworzenia ankiet online
https://surveyjs.io/Examples/Library/
INFO: linkuje do przykładu użycia, abyś mógł na żywo zobaczyć jak to działa.
19) RedditVids - przeglądarka najwyżej ocenianych filmów z Reddita
https://redditvids.com/videos/top?time=day
INFO: ostrzegam... straszny zjadacz czasu. Ogromna liczba filmów o nikłej wartości, ale jak lubisz lol-content, to Ci się spodoba
20) QR Picture - narzędzie do zamiany dowolnego zdjęcia w kod QR
https://www.qrpicture.com
INFO: kody tego typu nie muszą być czarno-białymi kwadratami. Mogą zawierać kolory, animacje, a nawet mogą być zdjęciem.
21) "This vs That" - czyli czym różnią się dwie rzeczy w świecie frontendowym
https://thisthat.dev
INFO: wiesz np. jaka jest różnica między display:none vs opacity:0 vs visibility:hidden?
== LINKI TYLKO DLA PATRONÓW ==
22) Wejdź w świat aplikacji webowych skutecznie i naucz się podstaw, nawet gdy inne kursy zawiodły
https://uw7.org/un_5f3d2da4c210f
INFO: do wyboru masz trzy ścieżki nauki: sam frontend, fullstack bazujący na JS oraz fullstack oparty na Ruby on Rails
23) Lista 5 prostych porad przyspieszających zrozumienie (i używanie) grida w CSS
https://uw7.org/un_5f3d2db2a17e2
INFO: krótkie, zwięzłe wprowadzenie do tematu... z obrazkami! ;)
24) Jak obniżyć koszty przechowywania danych w infrastrukturze AWS? archiwizuj je!
https://uw7.org/un_5f3d2db84e6e9
INFO: ciekawa analiza tego jak i gdzie można te dane archiwizować plus wyliczenie ile zaoszczędzimy (do 97%)
==
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ę? Zaplusuj :)
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #ciekawostki #technologia #webdev #css #javascript #frontend #programowanie #aws pokaż całość -
◢ #unknownews ◣
W tym tygodniu dopadł mnie Maciek Aniserowicz i powiedział, że jak wrzucę go na 4 pozycję, to on stawia premium linki dla wszystkich w tym wydaniu. No to się zgodziłem. Z tego powodu dziś nie ma sekcji dla patronów. W ramach podziękowania Maćkowi, kliknijcie sobie w ten czwarty link ;)
A! Za tydzień prawdopodobnie nie będzie zestawienia, bo wyjeżdżam na urlop.
1) Jak to jest być autystycznym senior developerem? Dowiedz się tego z pierwszej ręki
https://dev.to/baweaver/tales-of-the-autistic-developer-senior-developer-3l0c
INFO: jak się uczyć, gdy masz problemy z pamięcią? Ciągłe rozpraszanie się? Uczucie niepokoju i wszechobecny chaos? Autor opisuje jak sobie z tym poradził
2) Gra, która pochłonie Cię na dłuuugi czas - rozplątaj konstrukcję (trudne!)
https://treksit.com
INFO: gier tego typu na smartfony jest kilka, ale ta jest w wersji online (grasz w przeglądarce) i ma przyjemną grafikę
3) Lista CopyPaste - wszystko to, co mógłbyś chcieć skopiować na potrzeby swoich aplikacji
https://copypastelist.com/
INFO: lista wszystkich tagów HTML? wszystkie iPhony? wszystkie kraje europejskie? wszystkie języki świata? Mają nawet listę 266 papieży :D
4) Darmowy LIVE na temat testów jednostkowych - po co i jak testować? Najlepsze praktyki w testowaniu
https://smarttesting.pl/live
INFO: event odbędzie się 10 sierpnia (najbliższy poniedziałek) o 20:00.
5) Procenty w CSS - czym jest to 100%? procent czego? To zależy... (interaktywny artykuł)
https://wattenberger.com/blog/css-percents
INFO: temat wydaje się być banalnym do momentu, aż dojdziesz do margin-top:50%, czy translate-left:-20%
6) JS1024 - czyli zbuduj w 1024 znakach kodu JS coś niesamowitego. Oto zwycięzcy z tego roku (WOW!)
https://js1024.fun/results/2020
INFO: rzuć okiem na zwycięzcę w kategorii 'shader'. To już się klasyfikuje do kategorii magia chyba?
7) Pineapple Studio - twórz aplikacje na iOS bezpośrednio na iPhone/iPadzie.
https://www.pineapple.build/
INFO: jest wersja darmowa do prywatnego użytku, ale nie pozwala ona eksportować kodu. Wersja komercyjna to $4.99/msc. Gotowe apki można wrzucić do sklepu!
8) Menadżer haseł 1Password wchodzi na platformę Linux - można już pobrać 'development preview'
https://discussions.agilebits.com/discussion/114964/
INFO: obecnie udostępniona wersja działa tylko w trybie read-only (czyta hasła z innych Twoich urządzeń), ale wersja RW pojawi się wkrótce
9) Myślisz nad nazwą dla swojej firmy, produktu (na rynek światowy) - sprawdź, czy nie kojarzy się ona z którymś wulgaryzmem
http://wordsafety.com
INFO: serwis sprawdza słowo (i jego fragmenty) w 19 językach. Pewien producent żarówek powinien tego użyć, zanim wypuścił swoje produkty ;)
10) SQL Style Guide - czyli jak pisać czytelne i proste w utrzymaniu zapytania SQLowe
https://www.sqlstyle.guide
INFO: porady nie dotyczą żadnej konkretnej bazy. Są uniwersalne.
11) Zbiór darmowych, onlinowych kursów od Google
https://learndigital.withgoogle.com/internetowerewolucje/courses
INFO: główne tematy to biznes, reklama i produktywność. Wszystkie dostępne są w języku polskim
12) Generator cieni w CSS - bardzo zaawansowanych, wielowarstwowych cieni ;)
https://brumm.af/shadows
INFO: niesamowite jest dla mnie to, jakie efekty można uzyskać praktycznie jedną instrukcją w CSS :o
13) Pełna analiza aplikacji TikToka - czy aplikacja naprawdę przesyła na swoje serwery tajne dane?
https://medium.com/@fs0c131y/tiktok-logs-logs-logs-e93e8162647a
INFO: bardzo fajna analiza komunikatów i ich deszyfracja. Na końcu masz TLDR ;)
14) Timelapsy z Google Earth - zobacz, jak zmieniał się świat
https://earthengine.google.com/timelapse/
INFO: ustaw sobie odpowiedniego zooma, wyceluj np. na swoją miejscowość i kliknij PLAY. Fotki są z lat 1984-2018.
15) Ogromna lista rozwiązań no-code, czyli coś dla wszystkich, którzy chcieliby
https://welovenocode.com/nocodelist
INFO: na końcu listy kliknij 'load more', bo lazy load coś im nie działa z automatu
16) Poradnik na temat prowadzenia i rozwoju grup na Facebooku - mojego autorstwa (PDF + EPUB)
https://grupologia.mrugalski.pl
INFO: z kodem 'UNKNOWNEWS' wychodzi taniej :)
17) Nie lubisz newsletterów, ale kochasz RSSy? To narzędzie Ci się spodoba
https://kill-the-newsletter.com
INFO: zakładasz na stronie tymczasowego maila. Zawartość maila transmitowana jest jako kanał RSS. Zapisujesz się na tego maila do newslettera i gotowe.
18) Słyszałeś o GPT-3? To (w uproszczeniu) AI do tworzenia sensownego tekstu
https://liamp.substack.com/p/my-gpt-3-blog-got-26-thousand-visitors
INFO: blog napisany przez AI miał 26k odwiedzających w 2 tygodnie, a jeden z automatycznie wygenerowanych tekstów stał się numerem jeden na liście ciekawych artykułów na Hacker News :|
19) GitIgnore - narzędzie świetnie znane gitowym wyjadaczom, ale obce dla początkujących
https://gitignore.io
INFO: wymieniasz w formularzu, na czym stoi Twój projekt, a w odpowiedzi otrzymasz plik .gitignore, który wrzucasz do swojego repozytorium (zapobiega on commitowaniu zbędnych plików)
20) Najlepsze książki na temat XYZ - stale rozwijana lista
https://best-books.dev
INFO: obecnie dostępne są tylko 4 kategorie: JavaScript, Python, Programowanie (ogólnie) i Startupy
21) Garść zadań rekrutacyjnych z JavaScript + rozwiązania
https://dev.to/devabhijeet/all-front-end-interview-questions-asked-during-my-recent-job-hunt-1kge
INFO: nie są to zadania na juniora, a na "Senior Engineer III"
22) Najlepsze PEŁNE kursy z branży IT dostępne na YouTube
https://skilltube.netlify.app/
INFO: React, AWS, DevOps, AI, Java, Python i inne
==
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
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #programowanie #python #javascript #devops #ciekawostki #webdev #frontend #backend
Sponsor wydania: @maniserowicz pokaż całość-
Gra, która pochłonie Cię na dłuuugi czas - rozplątaj konstrukcję (trudne!)
https://treksit.com
@imlmpe: Jest tam więcej niż 20 poziomów? Bo samo nie przeskakuje.
Grałem w podobną kiedyś i mi znacznie gorzej szło. :D+: xmarjanekx -
@Pyxelr: Dzięki za wyjaśnienie.
Znaleźć dobrą gierkę mobilną to się trzeba naszukać. Poza tym za każdym razem Szukanie -> Instalacja -> Intro -> Reklamy <-> Gra <-> Reklamy x 100 Gra <-> Odinstalowanie. Gry Flash były proste i działały od strzała...
-
-
◢ #unknownews ◣
1) Anki - system do nauki nowych rzeczy z wykorzystaniem tzw. fiszek. (jak go efektywnie wykorzystać?)
https://pawelcislo.com/2020/07/10/optimising-our-learning-retention-rate-with-srs-anki/
INFO: autor podaje, w jaki sposób można przystosować Anki do nauki nowych języków czy rzeczy związanych z programowaniem
2) Wymiana danych między zakładkami przeglądarki z użyciem JavaScript
https://dev.to/dcodeyt/send-data-between-tabs-with-javascript-2oa
INFO: metoda bazuje na BroadcastChannel()
3) Wiem, co ściągałeś z Torrenta (Ty, lub Twój sąsiad)
https://iknowwhatyoudownload.com/en/peer/
INFO: wchodzisz na stronę i widzisz wszystkie pliki pobierane z Twojego adresu IP. Jeśli go współdzielisz np. z sąsiadami, to wiesz co oni ściągają.
4) Napisz prostego bota dla Twittera z użyciem Pythona i AWS Lambda
https://dev.to/jeannienguyen/building-a-twitter-bot-with-python-and-aws-lambda-27jg
INFO: rozwiązanie bazuje na bibliotece tweepy i jest wywoływane co 6h za pośrednictwem cloudwatcha
5) A gdyby tak napisać własnego, komercyjnego Whatsappa/Telegrama w 2020 roku? - ile mogłoby to kosztować?
https://medium.com/flutter-community/how-much-does-it-cost-to-develop-a-messaging-app-like-whatsapp-or-telegram-in-2020-760c9f58d71f
INFO: ciekawa analiza kosztów powstawania takiej aplikacji i analiza ewentualnych źródeł przychodów (model biznesowy)
6) Zbuduj własnego Reacta - czyli jak napisać popularną bibliotekę od zera
https://pomb.us/build-your-own-react/
INFO: jeden, dość obszerny artykuł na w którym autor opisuje, jak w 8 krokach stworzyć w JS coś, co działa +/- jak React
7) Alternatywne ścieżki rozwoju kariery dla developerów - kim możesz zostać ze swoimi skillami?
https://www.freecodecamp.org/news/alternative-career-paths/
INFO: wolisz pracę z klientami, a może praca głęboko w piwnicy? praca w teamem czy samotnie? Sprawdź, do czego się nadajesz.
8) Autoprefixer - czyli zachowuj kompatybilność CSS ze starymi przeglądarkami
https://autoprefixer.github.io
INFO: wrzucasz nowoczesny kod CSS w okno po lewej i otrzymujesz oldschoolowy kod CSS kompatybilny ze starszymi browserami
9) Sprawdź, jakiego fonta użyto w logotypie danej firmy lub produktu
https://www.fontinlogo.com/logos
INFO: przy niektórych nazwach marek (np. Amazon) nie zobaczysz dokładnej nazwy fonta, a najbliższego oryginałowi fonta
10) Puppertino - framework CSS do tworzenia stron i aplikacji w stylu tych robionych przez Apple
https://codedgar.github.io/Puppertino/
INFO: warto rzucić okiem na 'examples'. Można stylować przyciski, formularze, okna modalne itp.
11) Jak rozpocząć nadawanie sesji livecodingu na Twitchu z użyciem OBS?
https://jordanlewis.org/posts/twitch-live-coding/
INFO: pełen opis konfiguracji, opisy scen, udostępniania ekranu itp
12) Gra 'War of mine' wchodzi do kanonu lektur szkolnych
https://notesfrompoland.com/2020/06/18/poland-puts-computer-game-this-war-of-mine-on-school-reading-list/
INFO: to produkcja polskiego 11bit studios. Warto zobaczyć trailer.
13) OpenBase - wybierz odpowiednią bibliotekę JavaSript dla swojego projektu
https://openbase.io/
INFO: wpisujesz nazwę (np. Angular, Vue, jQuery itp) i od razu widzisz, czy projekt jest rozwijany/martwy, jak jest oceniany itp. Można też zobaczyć alternatywy.
14) MySQL ze względu na poprawność polityczną zmienia swoją terminologię - zaktualizuj więc swoją wiedzę
https://mysqlhighavailability.com/mysql-terminology-updates/
INFO: master/slave oraz whitelist i blacklist okazały się być zbyt rasistowskie...
15) Notado - aplikacja do zapisywanie artykułów do przeczytania na później (ciekawa koncepcja)
https://notado.app
INFO: możesz dodawać artykuły przez stronę, wysyłać je do bota na Whatsapp, wrzucać do bazy przez aplikację, mają pełne publiczne API i kilka innych udogodnień (np. integracja z Instapaper)
16) Ilu użytkowników na Twojej stronie internetowej blokuje Google Analytics? Zobacz statystyki jednego z badaczy.
https://markosaric.com/google-analytics-blocking/
INFO: krótko mówiąc, wyszło mu, że jest to od 6% do 26% userów. Wszystko zależy od tego, jacy to są użytkownicy (zobacz raport)
17) OHA - generator obciążenia HTTP/HTTPS dla stron internetowych (w celach testowych)
https://lib.rs/crates/oha
INFO: bardzo podobny w działaniu do ab/siage, ale wyświetlający zgrabne i łatwe w zrozumieniu wykresy. Dzięki niemu oszacujesz, jak duży ruch może przyjąć Twoja aplikacja webowa
18) Jak przyspieszyć odnajdowanie dokumentów na Google Drive? - 4 proste wskazówki
https://zapier.com/blog/google-drive-browsing-features/
INFO: wiedziałeś, że jeden plik może leżeć w nieskończenie wielu katalogach jednocześnie? Dodatkowo możliwe jest tworzenie skrótów, kolorowanie katalogów czy 'przypinanie' często używanych plików
19) Programujesz w Bashu? wrzucaj fragmenty kodu w funkcje - może to przyspieszyć wykonywanie algorytmu
https://ricardoanderegg.com/posts/bash_wrap_functions/
INFO: tutaj przyspieszenie osiąga się poprzez równoległe wykonywanie kilku funkcji
20) Posiadasz klucz U2F kompatybilny z FIDO2 i chciałbyś używać go do przetrzymywania kluczy SSH?
https://www.stavros.io/posts/u2f-fido2-with-ssh/
INFO: prosty tutorial opisujący jak to można osiągnąć z użyciem zaledwie jednego polecenia
== LINKI TYLKO DLA PATRONÓW ==
21) Zastanawiasz się, ile kosztuje kradziona karta kredytowa, przejęte konto w social mediach, czy godzina ataków DDoS?
https://uw7.org/un_5f11684cd0dc3
INFO: orientacyjny cennik towarów i usług z darknetu (aktualny, tegoroczny)
22) O co chodzi w OAUTH 2.0? - proste wyjaśnienie na animowanych GIFach
https://uw7.org/un_5f116851e80ed
INFO: bardzo przystępne przedstawienie całej koncepcji
==
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
************
[Obserwuj mnie na FB] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #programowanie #python #javascript #twitch #webdev #ciekawostki pokaż całość -
Nowy film - coś dla rekruterów i rekrutowanych.
FizzBuzz, czyli to słynne zadanie do męczenia Junior Developerów przy rozmowie o pracę ( ͡º ͜ʖ͡º)
Jak do niego podejść i o co w nim chodzi?
Wrzuciłem także jako znalezisko:
https://www.wykop.pl/link/5597441/fizzbuzz-czyli-rekrutacja-na-junior-developera/
#mirkoreklama #technologia #programowanie #php #naukaprogramowania pokaż całość-
@dziekuje: @imlmpe: tak z ciekawości pokażcie te jednolinijkowce bo zrobienie 3x operatora trójargumentowego w jednej linii to żadne rozwiązanie a tylko krótszy zapis. Już nie mówie o tym że robienie if'ów bez klamer to antypattern a co do notacji z ! na początku to kwestis smaku bo czasem explicity is better than simplicity
----
ja bym to rozwiązał natomiast tak, ale bałbym się że pan rekruter nie zrozumie czemu i jak to działa
`
const WORDS = [
undefined,
'FIZZ',
'BUZZ',
'FIZZBUZZ',
];
for (let i=1;i<=20;i++){
const firstBit = i%3 === 0;
const secondBit = (i%5 === 0) << 1;
const word = WORDS[firstBit | secondBit] || i;
console.log(word)
}
` pokaż całość+: imlmpe -
@mirasKo-Kalwario:
fizzbuzz = lambda x: "Fizz" * (x % 3 == 0) + "Buzz" * (x % 5 == 0) or "undefined"
-
-
◢ #unknownews ◣
Tym razem wyjatkowo wrzucam zestawienie w czwartek - zapraszam do czytania :)
1) SQL vs NoSQL - kiedy zdecydować się na który typ bazy?
https://dev.to/ombharatiya/when-to-choose-nosql-over-sql-536p
INFO: prosta analiza tematu z naciskiem na plusy i minusy rozwiązania NoSQL. Przydatne.
2) Wyszukiwanie tekstu z uwzględnieniem literówek - jak to działa?
https://dev.to/akhilpokle/the-algorithm-behind-ctrl-f-3hgh
INFO: implementacje z użyciem kilku algorytmów - rozwiązanie naiwne i algorytm Boyera Moorea plus omówienie wspomnienie innych algorytmów, które mogłyby tu pomóc
3) Brython - zastąp JavaScript na swojej stronie za pomocą... Pythona
https://brython.info
INFO: rzuć okiem na źródło tej strony. Tam po prostu osadzony jest czysty kod Pythona, który się wykonuje. Nie ma tam żadnego backendu!
4) Czy powinieneś używać tzw. 'karuzeli' na swojej stronie? Wyjaśnienie z użyciem karuzeli ;)
http://shouldiuseacarousel.com
INFO: niczego nie klikaj, po prostu przeczytaj przekaz, aby zrozumieć
5) Jak zbudować 10 popularnych layoutów webowych z użyciem prostego, często jednolinijkowego CSSa?
https://web.dev/one-line-layouts/
INFO: autorka nazywa to 'single line CSS layouts', ale nie dlatego, że kod zajmuje jedną linijkę, ale dlatego, że 'jedna linijka z tego kodu realizuje koncepcję'
6) SASS (SCSS) - jak i w jakim celu rozpocząć swoją przygodę z preprocesorem arkuszy CSS
https://dzone.com/articles/introduction-of-scss
INFO: to znane i często stosowane rozwiązanie. Zobacz, dlaczego może ułatwić Ci prace nad stroną.
7) Jak szybko porównać wszystkie dostępne instancje EC2 w usłudze AWS? Jest do tego narzędzie
https://ec2.shop
INFO: przydatne zestawienie, które można przeszukiwać także przez command line (via curl)
8) Lekcje wyniesione z "50 days of CSS art" (challenge polegający na codziennym tworzeniu artystycznych obrazków w CSS)
https://dev.to/s_aitchison/5-lessons-from-50-days-of-css-art-2ae1
INFO: kilka ciekawych przemyśleń na temat tworzenia bardziej zaawansowanych arkuszy. Warto też rzucić okiem na kody źródłowe z codepena
9) "Prefetching" może bardzo przyspieszyć ładowanie podstron w Twoim serwisie - chyba, że używasz nagłówka 'age', wtedy sprawy się komplikują
https://timkadlec.com/remembers/2020-06-17-prefetching-at-this-age/
INFO: dobrze wyjaśniona sprawa wspomnianego nagłówka jak i samego procesu prefetchingu - jak to działa i jak współpracuje z cache przeglądarki
10) PHONK - środowisko do oskryptowania telefonu z androidem z użyciem JavaScriptu
https://phonk.app
INFO: piszesz kod na komputerze i od razu widzisz efekty na smartfonie. Masz dostęp do wielu API (GPS, sensory itp).
11) Nigdy nie robiłeś pull-requesta na GitHubie i trochę Cie to przeraża? Zacznij od tego.
https://github.com/firstcontributions/first-contributions/blob/master/translations/README.pl.md
INFO: Repozytorium uczące, w jaki sposób robi się pull-requesty. Prościej się tego wytłumaczyć chyba nie da, a do tego wszystko jest po polsku.
12) Używasz aplikacji Notion do organizowania swojego życia i projektów? Jeśli nie, to zacznij ;)
https://dev.to/whoisryosuke/taking-notion-to-the-next-level-2nln
INFO: praktyczne przedstawienie modułów dostępnych w Notion wraz z przykładami ich zastosowania w codziennym użyciu
13) Jak zmniejszyć obraz Dockera z aplikacją NodeJS? Przykład redukcji z 1.34GB do 157MB
https://dev.to/itsopensource/how-to-reduce-node-docker-image-size-by-10x-1h81
INFO: autor używa lżejszego obrazu z nodeJS (bazującego na Alpine) i stosuje multi-stage build
14) Zaproś Ricka na swoją następną wideokonferencję w pracy...
https://inviterick.com
INFO: powiedzmy, że jest to soft działający w modelu RaaS (Rickroll as a Service) :D
15) Jedyna koszerna wyszukiwarka internetowa na świecie :o
https://jewjewjew.com
INFO: zapytania są cachowane we wtorek, a serwery zasilane są z akumulatorów i chłodzone pasywnie, aby wiatraki nie musiały pracować w szabat.
16) Obsługa płatności online z użyciem React + Stripe (pośrednik płatności)
https://www.youtube.com/watch?v=MjMh62ZXlOw
INFO: integracja ze Stripe (choć nieopłacalna na polskie warunki) może przydać Ci się przy realizacji projektów międzynarodowych, bo jest to standard w branży.
17) Strony internetowe, które wyglądają jak pulpity systemów operacyjnych
https://bit.ly/2ZRMUcW
INFO: spora kolekcja (74 sztuki) stron. Z tych, które przeglądałem, wszystkie były niezwykle starannie dopracowane.
18) Nauka Basica w 2020 roku? Tak! ale takiego 64-bitowego z opcjami kompilacji na Windowsa, Linuksa i Maca
https://www.qb64.org/portal/
INFO: środowisko jest w pełni kompatybilne z oldschoolowym QBasic, ale dostosowano je do współczesnych komputerów. Wrzucam jako ciekawostkę
19) GUIetta - biblioteka do ekstremalnie prostej budowy GUI w Pythonie (QT)
https://github.com/alfiopuglisi/guietta
INFO: ja wiem, że takich bibliotek są setki, ale jak zobaczysz przykładowy kod źródłowy, to zrozumiesz o co chodzi. WOW!
20) EasyOCR - bardzo prosta (w użyciu) biblioteka do rozpoznawania tekstu na obrazkach (Python)
https://github.com/JaidedAI/EasyOCR
INFO: obsługuje ponad 40 języków (jest PL!). Całe rozpoznawanie tekstu to 2 linijki kodu (w pierwszej podajesz które języki Cię interesują, a w drugiej, który obrazek chcesz analizować)
21) Gość odzyskuje nagrania ze starych, sprzedawanych na Ebay, kamer policyjnych (body cam)
https://twitter.com/d0tslash/status/1278414895487365121
INFO: jak widać, idzie mu to całkiem nieźle ;)
22) Budowa rozbudowanej aplikacji czytającej/zapisującej dane w chmurze, ale bez tworzenia własnego backendu
https://dev.to/jiangh/building-feature-rich-app-with-zero-backend-code-2eno
INFO: jako backend wykorzystano chmurę LeanCloud z dostępem przez API w JS. Dzięki temu 100% kodu jest we frontendzie.
23) Jeśli nie GitHub, to co? - 13 alternatyw dla tej usługi
https://dzone.com/articles/top-13-github-alternatives-in-2020-free-and-paid
INFO: każdy zamiennik został opisany z wymienieniem zalet i wad. Część rozwiązań jest płatna - wszystko zależy od tego, czego potrzebujesz.
== LINKI TYLKO DLA PATRONÓW ==
24) Ebooki dla DevOpsów i SRE - do czytania za darmo online (5 sztuk)
https://uw7.org/un_5f0720913c4cf
INFO: pierwszy i ostatni wymaga rejestracji w serwisie. Pozostałe są dostępne od ręki.
25) Lista darmowych kursów online dla iOS developerów - Udemy + Pluralsight
https://uw7.org/un_5f0720967c0db
INFO: w chwili gdy piszę te słowa, tylko jeden kurs z listy nie jest już dostępny (nr 3)
26) Kilkanaście filmów z konferencji, które mocno ukształtują Twoje postrzeganie JavaScriptu (jak to działa i dlaczego tak)
https://uw7.org/un_5f07209bc2924
INFO: event loop, promisy, iteratory, generatory, prototypy, nasłuchiwanie eventów i kilka innych
==
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
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #ciekawostki #python #javascript #frontend #devops #docker #technologia #programowanie #webdev pokaż całość-
@imlmpe: jeny znalazłem radio poolside co je szukałem sto lat na tych stronach imitujących pulpity dzięki
-
-
Nagrałem nowy film - coś dla ludzi chcących nauczyć się podstaw obsługi DevToolsów.
Uczę ich obsługi na przykładzie gry online.
Jeśli się podoba, to możesz wykopać:
https://www.wykop.pl/link/5589723/devtools-podstawy-pracy-z-narzedziem/
#mirkoreklama #technologia #webdev #programowanie #frontend pokaż całość-
@nemevit299: przez 70% czasu na ekranie nie dzieje się NIC. Po to wrzuca się podgląd kamery, abyś nie patrzył na pusty ekran i nie czuł się jakbyś słuchał radia.
-
@imlmpe: ciekawe podejście mi zadanie 2 i 3 udało się zrobić w inny sposób. Szkoda że kod nie był zminifikowany wtedy zadania były by trudniejsze
-
- 24 komentarze opublikowany
-
◢ #unknownews ◣
Oto i jest - nowy przegląd najciekawszych linków z branży IT złowionych przeze mnie w sieci w ciągu ostatnich 7 dni. Zapraszam do czytania :)
1) Edytor do projektowania infrastruktury w chmurze - rysujesz diagramy przedstawiające Twoje środowisko (zupełnie za darmo)
https://www.cloudskew.com
INFO: domyślnie edytor uruchamia się ze wsparciem tylko dla Azure. Kliknij ikonę ustawień (na lewo) i dodaj sobie np. AWSa jeśli go używasz.
2) Darmowy podręcznik do nauki języka Go (od DigitalOcean)
https://www.digitalocean.com/community/books/how-to-code-in-go-ebook
INFO: ponad 600 stron. Dostępny w formacie EPUB i PDF
3) Hey - innowacyjna skrzynka mailowa jest już dostępna bez zaproszeń
https://hey.com
INFO: to skrzynka stworzona przez ludzi od Basecampa. "Imbox" to nie literówka, to "Important Box". Warto zobaczyć film prezentujący usługę!
4) Jira to standardowy soft używany w teamach stosujących 'agile'. Na Jirze świat się jednak nie kończy - oto 32 zamienniki
https://dzone.com/articles/32-best-jira-alternatives-for-agile-project-manage
INFO: lista 32 aplikacji, które mogą przynajmniej w jakimś stopniu zastąpić Jirę. Część z nich jest darmowa.
5) Natychmiastowe ładowanie podstron serwisu? Jak to osiągnąć/zasymulować ten efekt?
https://web.dev/instant-navigation-experiences/
INFO: metoda bazuje na sprytnym prefetchingu podstron. Zobacz na przykładach jak to zaimplementować i jak to robią inne firmy.
6) Jak zapisać czyjś adres mailowy na naszej statycznej (sam frontend) stronie?
https://hackernoon.com/how-to-capture-email-on-static-websites-ps133ydd
INFO: rozwiązanie używa 'Real Time Database' na Firebase, a jego implementacja jest w pełni frontendowa.
7) Przypadkiem zacommitowałeś tajne dane do repozytorium GITa, czy nawet wysłałeś je na GitHuba - co robić? jak żyć?
https://dev.to/edmondso006/removing-sensitive-data-from-git-history-5g63
INFO: instrukcja krok po roku wyjaśniająca, jak się tych danych bezpowrotnie pozbyć z repo.
8) Jak wspomóc sieć TOR, zostać wolontariuszem i postawić własny serwer tor-relay?
https://birb007.github.io/blog/2020/06/06/operating-a-tor-relay.html
INFO: artykuł tłumaczy jak to wygląda od strony technicznej i z czym się wiąże. Moja dobra rada: NIGDY nie stawiaj exit-node.
9) Chciałbyś zostać pentesterem lub specjalistą od web security? Darmowy newsletter z materiałami do nauki
https://pentesting.mrugalski.pl
INFO: co 2 dni będziesz dostawał paczkę materiałów do samodzielnej nauki. Są to filmy, tutoriale, dokumentacja i zagadnienia do googlania
10) Lista 5 wartych polecenia kanałów na temat programowania, prowadzonych przez kobiety (anglojęzyczne)
https://dev.to/tiaeastwood/these-5-women-who-code-are-killin-it-on-youtube-13h7
INFO: sugeruję rzucić okiem na każdy kanał i nie oceniać tylko po pokazowych filmach, bo autor zestawienia wybrał te, które trafiają w jego gust (niekoniecznie merytoryczne).
11) Terminalowe narzędzie do pobierania statystyk covid-19 (nawet rysuje wykresy!)
https://cov19.js.org
INFO: narzędzie pokazuje statystyki dla świata, krajów, konkretnych stanów w USA, a przełącznik '-s' rysuje statsy w ascii art.
12) NodeJS Security Handbook - 20 stron (w PDF) z poradami na temat podnoszenia bezpieczeństwa Twojej aplikacji w node
https://www.sqreen.com/resources/nodejs-security-handbook
INFO: aby pobrać ebooka trzeba podać swojego maila.
13) Przegląd 4 metod na przeszukiwanie tablic w JavaScript
https://www.freecodecamp.org/news/4-methods-to-search-an-array/
INFO: filter, find, includes oraz indexOf - zobacz, jak zastosować je w praktyce
14) Knopf.css - framework CSS służący jedynie do stylowania przycisków
https://knopf.dev
INFO: zobacz galerię na stronie, aby zrozumieć, jak to działa i wygląda. Ładny efekt końcowy :)
15) Technologie implementujące różne zachowania strony przy scrollowaniu - parallax, snap points, smooth scrolling itp
https://css-tricks.com/an-overview-of-scroll-technologies/
INFO: na końcu artykułu są linki do narzędzi, które wygenerują te efekty za Ciebie
16) Code Notes - przyjemny i użyteczny theme do Gatsby dla programistów chcących publikować fragmenty swojego kodu
https://github.com/mrmartineau/gatsby-theme-code-notes
INFO: kliknij linka 'Demo' aby zobaczyć, jak to wygląda w praktyce. Bardzo fajne.
17) Czy format WEBP jest faktycznie lepszy od JPEG? a jak na ich tle wypada nowy format AVIF?
https://siipo.la/blog/is-webp-really-better-than-jpeg
INFO: proste porównanie trzech formatów plików graficznych w odniesieniu do zastosowań webowych (czyli liczy się przede wszystkim rozmiar)
18) Amazon wchodzi w świat no-code i prezentuje światu swój produkt: HoneyCode
https://aws.amazon.com/blogs/aws/introducing-amazon-honeycode-build-web-mobile-apps-without-writing-code/
INFO: usługa pozwala tworzyć aplikacje webowe i mobilne bez pisania kodu. Wszystko da się wyklikać. Do 2500 rekordów w bazie, usługa jest darmowa.
19) Jak zabawka dla dzieci za $35 zrobiła ze mnie pisarza - AlphaSmart
https://onezero.medium.com/this-35-keyboard-for-children-transformed-me-into-a-novelist-436a55370ee5
INFO: interesujące urządzenie w stylu maszyny do pisania, ale z wbudowanym ekranem. Pochodzi z 2007 roku i synchronizuje się z komputerem przez USB
20) Tekstowe strony internetowe - często pozbawione upiększaczy, obrazków itp. (spis)
https://sjmulder.nl/en/textonly.html
INFO: świetnie się to sprawdza zwłaszcza w serwisach newsowych, bo tam liczy się treść, a nie piękna grafika i mnóstwo reklam
21) SlingCode - pełne środowisko programistyczne, zamknięte w JEDNYM pliku HTML. Pozwala na budowę statycznych stron WWW.
https://slingcode.net
INFO: sprytne rozwiązanie. Używa LocalStorage do zapisywania aplikacji oraz protokołu WebTorrent do wymiany danych między urządzeniami
22) RSSBox - zapisz się do RSSa stron, które... nie wspierają technologii RSS
https://rssbox.herokuapp.com
INFO: niestety nie da się w ten sposób przerobić na RSSa dowolnej strony, ale możesz np. dostawać przez RSS powiadomienia z Twittera, YouTube, Instagrama czy Twitcha
23) Masz crony na wielu serwerach i chcesz, aby nigdy nie uruchomiły się dwa równocześnie? Cronlocker Ci pomoże.
https://github.com/Barzahlen/cronlocker
INFO: to narzędzie wymienia informacje między nodami z cronami i sprawia, że każdy node wie, czy inne coś w tej chwili robią
24) Responsively - twórz responsywne aplikacje na różne platformy kilka razy szybciej
https://responsively.app
INFO: to po prostu przeglądarka z jednoczesnym podglądem layoutu w wielu rozdzielczościach. Możesz np. symulować iPada, iPhone, Nexusa itp. To symuluje TYLKO rozdzielczość, a nie dostępne funkcje przeglądarki.
25) Snipsnap - kolekcja snippetów do VS Code. Podpowiada odpowiedni fragment kodu w trakcie pisania
https://github.com/snipsnapdev/snipsnap
INFO: obsługuje JavaScript, Reacta, Vue, Angulara, Gatsby i 20 innych
== LINKI TYLKO DLA PATRONÓW ==
26) Lista 15 pytań na rozmowę kwalifikacyjną dla programistów Reacta
https://uw7.org/un_5ef5dacd19632
INFO: pytania posiadają dokładne odpowiedzi z wyjaśnieniem zagadnień i z linkami do dalszej nauki tematu
27) Amazon REST API Gateway i HTTP API Gateway - dlaczego powinieneś ich używać i dlaczego warto mocniej zainteresować się tym drugim?
https://uw7.org/un_5ef5dee56683f
INFO: większość userów siedzi na wypuszczonym w 2015 roku REST API. Tak się składa, że Amazon w 2019 roku opublikował szybszą i ponad 3x tańszą wersję swojego gatewaya. Może warto się tym zainteresować?
28) AWS Developer Associate Certification - kurs przygotowujący do egzaminu (ponad 250 filmów)
https://uw7.org/un_5ef5def10d923
INFO: łącznie około 10h materiału w języku angielskim, podzielonego na logiczne bloki tematyczne.
==
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 zaplusuj :)
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #javascript #frontend #webdev #css #internet #technologia #programowanie #ciekawostki pokaż całość-
@MirekSz: nie tylko ( ͡° ͜ʖ ͡°)
pokaż spoilerna pewno wiele innych służb połakomi się na taki smaczny kąsek ( ͡°( ͡° ͜ʖ( ͡° ͜ʖ ͡°)ʖ ͡°) ͡°)
-
◢ #unknownews ◣
Mamy kolejny piątek, więc aby powstrzymać Was od wykonywania deployów na produkcję, wrzucam nową porcję linków. Aby sabotować pracę branży IT, w tym zestawieniu są aż 3 gry online (akurat edukacyjne) ;)
1) Gra ucząca selektorów w CSS - zaczyna się bardzo prosto, ale później jest to bardziej wymagające
https://flukeout.github.io
INFO: jeśli nie wiesz jak zacząć, to podaję kilka pierwszych odpowiedzi (po każdym enter): plate, bento, plate#fancy, plate apple itd
2) RevealJS - świetny soft do tworzenia prezentacji w formie strony WWW
https://revealjs.com/
INFO: pobaw się prezentacją na górze strony (sterujesz strzałkami - lewa/praw/góra/dół). Imponujące.
3) DevEcosystem 2020 - badanie na temat używanych w formach technologii, przeprowadzone przez JetBrains
https://www.jetbrains.com/lp/devecosystem-2020/
INFO: czy Java jest numerem jeden? Na jaką technologię najczęściej przesiadają się developerzy Pythona? Jak popularny jest Linux? i kilka innych pytań.
4) Zbuduj sobie stację pogodową (temperatura/wilgotność/ciśnienie) w oparciu o ESP32 i czujnik BME280
https://blog.kdubovikov.ml/articles/hardware/build-yourself-a-weather-station
INFO: autor podaje, że z kosztami można się zamknąć w kilku dolarach (dwie płytki po około $4). To dopiero pierwsza część poradnika.
5) Mozilla ogłosiła, że startuje z własnym VPNem (Firefox Private Network)
https://blog.mozilla.org/futurereleases/2020/06/18/introducing-firefox-private-network-vpns-official-product-the-mozilla-vpn/
INFO: usługa będzie kosztować $4.99/msc i ma być dostępna "jeszcze w tym roku", ale szczegółów nie podano.
6) Oglądaj przejażdżkę po znanych miastach świata, słuchając w tle aktualnych, lokalnych audycji radiowych
https://driveandlisten.herokuapp.com
INFO: tak, jest tam też przejazd przez Warszawę ;)
7) Google prawdopodobnie otrzyma karę ~5mld USD za śledzenie użytkowników w trybie incognito (w Chrome)
https://www.cnet.com/news/google-faces-5-billion-lawsuit-for-tracking-people-in-incognito-mode/
INFO: jak głosi akt oskarżenia, Google zbierało historię, aktywność na stronach i 'wszelką komunikację'
8) Jak najpopularniejsze rozszerzenia do Chrome wpływają na szybkość działania przeglądarki? (porównanie)
https://www.debugbear.com/blog/2020-chrome-extension-performance-report
INFO: trudno wyłonić jedno 'najgorsze' rozszerzenie, bo w różnych kategoriach mamy różnych zwycięzców, ale mam swoich faworytów ;)
9) "Hey Siri, I’m getting pulled over" - skrypt do aplikacji Skróty na iOS, automatycznie rejestrujący interwencje policyjne
https://www.fox29.com/news/hey-siri-im-getting-pulled-over-iphone-feature-will-record-police-interaction-send-location
INFO: wystarczy krzyknąć do Siri, że policja Cię zatrzymała, a telefon wyśle Twoją lokalizację do znajomych, wyciszy telefon, przyciemni ekran i zacznie rejestrować całe zdarzenie
10) W grudniu już na dobre pożegnamy się z Flashem w przeglądarkach
https://www.adobe.com/products/flashplayer/end-of-life.html
INFO: Adobe ogłosiło, że od grudnia nie będzie już możliwości pobrania flash playera. To już koniec życia projektu. Nie będzie żadnych updatów, w tym tych od security.
11) Jaki jest najlepszy framework do Deno (następca/fork Node)
https://dev.to/craigmorten/what-is-the-best-deno-web-framework-2k69
INFO: analiza frameworków pod względem wydajności, dostępnej dokumentacji itp.
12) GoatCounter - alternatywa dla Google Analytics, która nie śledzi użytkowników i dba o ich prywatność (działa także bez JS!)
https://www.goatcounter.com
INFO: możesz tego używać za darmo jako SaaS (do celów prywatnych) lub używać jak tylko zechcesz (też za darmo) gdy wybierzesz opcję selfhosted
13) Potrzebne Ci logo jakiejś firmy w SVG? Znajdziesz je tutaj
https://logosear.ch/
INFO: to multi wyszukiwarka, która w locie pobiera dane z około setki innych wyszukiwarek plików SVG, więc jeśli tutaj czegoś nie znajdziesz, to tego nie ma ;)
14) Jak przechowywać 'sekrety' w aplikacji? (np. klucze dostępowe do API)
https://blog.gitguardian.com/secrets-api-management/
INFO: przegląd różnych metod z wypunktowaniem zalet i wad każdego rozwiązania
15) GraphViz - naucz się tworzyć grafy za pomocą kodu
https://ncona.com/2020/06/create-diagrams-with-code-using-graphviz/
INFO: narzędzie posługuje się prostym językiem do definiowania obiektów i relacji między tymi obiektami na grafie
16) Przyjemna przeglądarka nazw kolorów w CSS - dla tych, którzy nie lubią kodów hexa ;)
https://enes.in/sorted-colors/
INFO: użycie jest proste. Wybierasz na górnej skali kolor jaki Cię interesuje, a strona pokazuje najbliższe (nazwane słownie) kolory z CSS. Tych nazw możesz używać w arkuszu.
17) Jak manipulować DOMem w czystym JavaScript? Przegląd metod
https://htmldom.dev
INFO: świetne jest to, że wszystkie z prezentowanych rozwiązań zbudowano tak, aby działały na każdej przeglądarce
18) Gra ucząca zasad działania i konfigurowania Flexboxa w CSS (także zaawansowane meotdy)
https://flexboxfroggy.com
INFO: wszystko jest po polsku, więc wiele tutaj wyjaśniać nie trzeba. Po prostu pomóż rozwiązać problemy żabki ;)
19) Lubisz gry typu 'tower defense'? To zagraj w Flexbox defence!
http://www.flexboxdefense.com
INFO: zasada działania identyczna jak w wersji 'tower', tylko wieże rozmieszczasz za pomocą CSSa. Jeśli nie wiesz, od czego zacząć, zacznij od kliknięcia znaku zapytania i/lub najechania myszką na 'justify-content'
20) Metody omijania antywirusów przez złośliwe oprogramowanie
https://deicide.pl/2020/05/omijanie-antywirusow-w-praktyce-przyklad/
INFO: autor pokazuje, jak krok po kroku udaje mu się obniżać wykrywalność swojego malware na multi-skanerach typu Virustotal i Kleenscan
21) Lista kilkunastu ciekawych kanałów Youtube dla programistów
https://dev.to/tharunshiv/18-programming-youtube-channels-that-you-shouldn-t-miss-2hk
INFO: o większości słyszę pierwszy raz, więc może i Ty coś dla siebie znajdziesz
22) Jak poprawnie (wydajnie!) zrobić stronicowanie wyników w SQL?
https://dev.to/abdisalan_js/1-sql-query-you-should-stop-using-1e5k
INFO: klasyczna metoda z offsetem sprawia, że im większy numer strony, tym cięższe jest zapytanie. Da się to bardzo łatwo zoptymalizować
23) Wiedziałeś, że istnieje w HTML coś takiego jak "scroll to text"? Ja nie wiedziałem :o
https://dev.to/yashints/did-you-know-about-scroll-to-text-5d6
INFO: działa to na desktopowych przeglądarkach - testowałem na Firefox, Chrome i Opera. Nie działa na mobile!
24) GitHub prawdopodobnie zmieni nazwę głównej gałęzi projektu z "master" na coś innego - aby uniknąć nawiązań do niewolnictwa.
https://www.zdnet.com/article/github-to-replace-master-with-alternative-term-to-avoid-slavery-references/
INFO: nie, to nie jest żart - to polityczna poprawność :|
== LINKI TYLKO DLA PATRONÓW ==
25) Jak zbudować własny, prawdziwy projektor wyświetlający obraz w 4K (film, 28 minut)
https://uw7.org/un_5eeca84dce3e0
INFO: dawno nie oglądałem równie wciągającego poradnika na temat budowy czegoś, czego nigdy nie zbuduję.
26) Pełen kurs podstaw Azure w formie filmów (łącznie ponad 3h)
https://uw7.org/un_5eeca583b962e
INFO: Ponad setka tematycznie posortowanych nagrań. Jest to kurs przygotowujący do zdania egzaminu AZ-900
27) Jak poprowadzić/zorganizować konferencję online? - poradnik krok po kroku
https://uw7.org/un_5eeca588edf77
INFO: jak ogarnąć streaming, jak utrzymywać kontakt z uczestnikami, jaki sprzęt musisz kupić, jak ogarnąć sprawę biletów i wiele, wiele innych.
28) Wszystko, co programista musi wiedzieć o poprawnym wdrożeniu GDPR/RODO do swojego projektu
https://uw7.org/un_5eeca58dd5363
INFO: jak zabezpieczyć środowisko developerskie? jak długo trzymać dane? jakie dane wolno Ci zbierać? jak i o czym informować użytkowników i wiele innych
==
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
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #programowanie #javascript #webdev #technologia #ciekawostki #css pokaż całość-
@Kolczaneiro: flash i tak od jakiegoś czasu jest w przeglądarkach domyślnie zablokowany i trzeba go ręcznie włączać. Jedyne miejsce gdzie zastanawiam się co będzie po jego zniknięciu to ZUS, tam całe formularze stoją na flashu i to nawet musisz mieć konkretną wersję, bo inaczej nie zadziała
-
-
◢ #unknownews ◣
Dziś zestawienie wyszło bardzo 'webowe', ale za tydzień obiecuję poprawę ;)
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
==
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
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #technologia #javascript #ciekawostki #programowanie #webdev pokaż całość-
@imlmpe: lubię twoje zestawienia, ale nigdy nie rozumiałem wołania ludzi przez kilka postów kiedy masz autorski tag. Obserwujesz albo nie obserwujesz.
-
-
◢ #unknownews ◣
W tym tygodniu przygotowanie zestawienia było niełatwym zadaniem, a to ze względu na sprawę tego, co dzieje się w USA. Wszystkie serwisy newsowe rozpisują się tylko o jednym temacie. Wszelkie raporty i opracowania także są związane tylko z tym zagadnieniem. Niemniej, udało mi się wybrać aż 29 neutralnych, ale i bardzo ciekawych linków, które wierzę, że Cię zainteresują. Zapraszam do czytania.
1) Prawdziwe, życiowe przykłady użycia technologii webowych (frontend+backend) na przykładzie pisania tej samej aplikacji
https://github.com/gothinkster/realworld
INFO: twórcy stworzyli klona serwisu 'Medium', ale w... 28 wersjach frontendu (Angular, React, Vue, NextJS itp) i 41 wersjach backendu (node, ruby, php, GO, ASP.NET, Java itp). Warto zobaczyć jak wygląda pisanie tej samej aplikacji w różnych technologiach.
2) Chcesz się nauczyć języka Ruby? poświęć na to 6 godzin i podstawy masz zaliczone (filmy)
https://dev.to/thecodepixi/a-ruby-on-rails-roadmap-34i4
INFO: podstawy Ruby (4h) + podstawy Railsów (1h) + pierwszy projekt oparty na RoR (tworzenie API - 1h)
3) Edytor animacji CSS - wyklikaj sobie (z użyciem tzw. keyframes), co ma się stać z obiektem
https://keyframes.app/animate/
INFO: bardzo prosty interface. Gdy skończysz animować przykładowego ducha, po prostu kliknij na "Get CSS" i podepnij animację do dowolnego obiektu na swojej stronie.
4) Dobre rady dla Opsów i Devopsów - poznane dzięki licznym wpadkom ;)
https://www.netmeister.org/blog/ops-lessons.html
INFO: każda z rad, to dosłownie jedno zdanie (czasami z referencjami do artykułu), ale i tak niektóre dają do myślenia
5) Lepszy sposób notowania? Używaj 'Zettelkasten' zamiast zwykłych notatek
https://eugeneyan.com/2020/04/05/note-taking-zettelkasten/
INFO: artykuł przedstawia o co chodzi w tej koncepcji. W rozdziale "How to implement (...)" są linki do aplikacji realizujących tą koncepcję
6) Edytor online do tworzenia flowchartów, wireframe, map myśli itp - bardzo przyjemny w użyciu i intuicyjny
https://whimsical.com/
INFO: darmowa wersja umożliwia posiadanie 4 otwartych projektów. Do większości prywatnych zastosowań powinno to wystarczyć.
7) Darmowy zamiennik Google Maps do osadzania na stronach - waży zaledwie 38kb
https://leafletjs.com
INFO: skrajnie proste w implementacji, a do tego obsługuje wszystko to, co przeciętny twórca stron potrzebuje
8) Userbase, czyli dodaj obsługę użytkowników (logowanie, rejestracja itp) do Twojej statycznej strony internetowej
https://userbase.com
INFO: nie potrzebujesz backendu, a za darmo założyć jedną bazę dla 3 userów. Jeśli użyjesz wersji selfhosted, za nic nie musisz płacić (100% open source)
9) Nowoczesny Python - jak się do niego zabrać?
https://cjolowicz.github.io/posts/hypermodern-python-01-setup/
INFO: przez lata królował Python 2. Później 2+3, a teraz została nam sama trójka. Jak dostosować swoje środowisko do nowoczesnego Pythona?
10) Generator QR kodów do sieci WiFi - przydatne w miejscach publicznych
https://wifi.dev.bdw.to
INFO: chcesz udostępnić WiFi w pubie/bibliotece/firmie dla klientów? Wygeneruj kod, wydrukuj go i gotowe. Każdy, kto go zeskanuje (zwyczajnie - aparatem) połączy się do sieci i automatycznie wpisze hasło dostępowe.
11) Algorytmy i struktury danych zaimplementowane w JavaScript
https://github.com/trekhleb/javascript-algorithms/blob/master/README.pl-PL.md
INFO: oznaczenia są trochę mylące, bo 'A' to poziom zaawansowany, a 'B' początkujący. W podlinkowanych repozytoriach są kody źródłowe z implementacją, a readme jedynie tłumaczy, co to jest.
12) Masz konto na Twitterze? publikuję tam wiele linków, które ostatecznie nie dostały się do tego zestawienia
https://twitter.com/uwteam
INFO: Te same linki możesz też czytać obserwując mój profil na Linkedin https://www.linkedin.com/in/unknow/
13) Fake-S3, czyli postaw sobie własną, testową instancję AWS S3 w firmie - dobre do testów
https://github.com/jubos/fake-s3
INFO: po co wysyłać pliki i robić wolne requesty do Amazona, gdy można wszystko testować lokalnie. Licencja dla indywidualnych programistów i firm do 9 pracowników jest darmowa.
14) Statyczne strony internetowe są szybkie, ale... który statyczny hosting jest najszybszy?
https://www.savjee.be/2020/05/benchmarking-static-website-hosting-providers/
INFO: porównanie AWS S3, AWS CloudFront, Google Cloud Storage, Cloudflare Workers, Firebase, Netlify i GitHub Pages
15) Picular - takie Google, ale dla kolorów ;)
https://picular.co
INFO: wpisujesz słowo (np. winter, christmass, sky itp), a wyszukiwarka podpowie Ci kilka/kilkanaście kolorów, które pasują do tego słowa. Użyteczne dla designerów
16) Jak uruchomić OSX (system operacyjny znany z Maca) w dockerze z użyciem KVM?
https://github.com/sickcodes/Docker-OSX
INFO: przy standardowej konfiguracji Twojego komputera, cała operacja powinna sprowadzić się do jednego polecenia
17) Jak uniknąć nachodzenia tasków crona na siebie w sytuacji, w której nie możemy zmienić kodu samej aplikacji?
https://ma.ttias.be/prevent-cronjobs-from-overlapping-in-linux/
INFO: Twój program uruchamia się co minutę, ale zdarza mu się działać ponad minutę? W takim przypadku będą uruchomione dwie instancje programu.
18) Na czym zarabia wyszukiwarka DuckDuckGo? Jaki jest jej model biznesowy?
https://spreadprivacy.com/duckduckgo-revenue-model/
INFO: większość wyszukiwarek śledzi swoich użytkowników. Jak zarobić, bez narażania ich prywatności?
19) Malutka biblioteka (~3kb) JavaScript dodająca animowane, 'ręcznie robione' adnotacje do tekstów
https://roughnotation.com
INFO: zobacz każde demo wyświetlane po kliknięciu na 'Annotate'
20) Jak działa przycisk "Unsubscribe" w Gmailu? Skąd gmail wie, jak nas wypisać z newslettera?
https://blog.leavemealone.app/how-does-the-gmail-unsubscribe-button-work/
INFO: ciekawa analiza. Okazuje się, że narzędzie od Google zagląda w aż trzy miejsca, aby Cię wypisać
21) Interaktywny quiz z JavaScript - część pierwsza (pod artykułem jest link do części drugiej)
https://dev.to/lydiahallie/interactive-javascript-quiz-1-1flc
INFO: w każdym pytaniu decydujesz, jaki output zwróci podany w przykładzie kod. Pod zadaniami są bardzo dokładne wyjaśnienia skąd wziął się taki wynik. Pod artykułem znajdziesz linka do kolejnej części
22) Podstawy typografii w CSS, czyli jak upiększyć swój tekst na stronie
https://medium.com/cssclass-com/css-basics-for-typography-160025e3aeca
INFO: spis podstawowych operacji, jakie możemy wykonać na tekście. Wszystko przedstawione na obrazkach w celu lepszego zrozumienia.
23) Stwórz personalną Wiki do trzymania własnych projektów i bazy wiedzy, ale... w VIMie
https://github.com/vimwiki/vimwiki
INFO: gotowy do użycia (i prosty w instalacji) plugin do vima. Ładnie formatuje wszystko, tworzy odsyłacze wewnętrzne/zewnętrzne itp.
== LINKI TYLKO DLA PATRONÓW ==
24) Pełen wideo kurs kubernetes, dostępny zupełnie za darmo (trwa 2h)
https://uw7.org/un_5eda009ebafeb
INFO: już połowa za mną i muszę przyznać, że gość tłumaczy to super zrozumiale. Aż dziwne, że tak uporządkowana wiedza dostępna jest bez opłat
25) Zbuduj własne [...tu wstaw serwis/usługę...] - lista poradników i tutoriali
https://uw7.org/un_5eda0098ea5c6
INFO: wybierasz, co chcesz zbudować w ramach nauki (np. 'web server') i czytasz jak to zrobić w zależności od wybranej technologii
26) Wszystko, co programista powinien wiedzieć o marketingu aplikacji/produktu
https://uw7.org/un_5eda00933ce1f
INFO: jak zdobywać użytkowników? jak się reklamować bez budżetu? jak ogarnąć listy mailowe itp.
27) Zamienniki Open-source dla komercyjnych aplikacji
https://uw7.org/un_5eda008db9a4f
INFO: możemy sortować listę według kategorii, licencji jak i języka programowania w którym zostały napisane
28) Dobre praktyki stosowane przez duże firmy - praca zdalna, schematy rozwoju w firmie, podręczniki dla pracowników itp
https://uw7.org/un_5eda0087f1237
INFO: warto rzucić okiem, zwłaszcza jeśli masz bezpośredni wpływ na to, jak pracuje Twoja firma lub team (albo podrzuć to swojemu szefowi)
29) Inspiracje dla twórców produktów SaaS - treści maili, landing page, interfejsy, wzory wpisów na bloga itp
https://uw7.org/un_5eda008244a2c
INFO: zobacz, jak to robią inne firmy, które odniosły sukces
==
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 plusika :)
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
tagi: #technologia #python #javascript #frontend #design #internet #devops #docker #ciekawostki #programowanie pokaż całość -
◢ #unknownews ◣
Zapraszam do najnowszego przeglądu interesujących linków z branży IT.
1) Morphing w CSS, czyli jak płynnie przekształcić jeden obiekt w drugi
https://blog.bitsrc.io/creating-morphing-animations-with-css-clip-path-3c3bf5e4335f
INFO: rozwiązanie polega na zbudowaniu kształtów w SVG, konwersji na CSS (poligony) i ostatecznej animacji przejścia ze stanu A do B
2) SQL Police Department - rozwiązuj policyjne śledztwa za pomocą... SQLa
https://sqlpd.com
INFO: prosta gierka ucząca języka SQL. W każdym zadaniu musisz zbudować (klikając na elementy query) zapytanie zwracające to, czego chce zamawiający
3) Ogromny zbiór materiałów związanych z Kubernetes
https://github.com/ramitsurana/awesome-kubernetes
INFO: wszystko podzielone na kategorie.
4) Napisz od podstaw bota dla Slacka, piszącego streszczenia artykułów (tzw. 'TLDR')
https://blog.concurlabs.com/how-to-write-a-tldr-chat-bot-ec02d9e1649c
INFO: autor wykorzystuje AWS Lambda, AWS SQS, NodeJS, trochę Pythona, a całość okrasza oczywiście machine learningiem
5) Zarządzanie procesami w bashu - dla początkujących
https://www.linuxjournal.com/content/job-control-bash-feature-you-only-think-you-dont-need
INFO: o co chodzi z tym całym bg, fg, jobs i do czego Ci potrzebne CTRL+Z?
6) Wszystko, co musisz wiedzieć o mikroserwisach, aby zacząć z nimi pracę
https://dev.to/microtica/everything-you-need-to-know-to-get-started-with-microservices-5243
INFO: kiedy możesz myśleć nad wyborem mikroserwisów? Jak w to wszystko wpisuje się Docker i Kubernetes?
7) Github rusza z usługą 'codespaces' w wersji beta - zapisz się na testy.
https://github.com/features/codespaces
INFO: codespaces to w dużym uproszczeniu coś takiego jak VS Code uruchomiony w przeglądarce, a podpięty do Twojego repozytorium.
8) Lista zabawnych API, które możesz wykorzystać w swoim przyszłym projekcie
https://dev.to/biplov/15-fun-apis-for-your-next-project-5053
INFO: tłumacz języka klingońskiego, wyszukiwarka zabawnych gifów, baza przepisów kulinarnych (360k sztuk), baza postaci z komiksów Marvela itp
9) Absolutne podstawy Elasticsearch - czyli to, co musisz wiedzieć, aby zacząć pracę z tą technologią
https://tsh.io/blog/elasticsearch-tutorial/
INFO: tutaj wszystko zostało pokazane na zdokeryzowanej wersji elasticsearch i z użyciem NodeJS
10) Ampstor - generator prostych stron w stylu "pokaz slajdów" do przeglądania na smartfonie
https://www.ampstor.co/
INFO: dobre rozwiązanie do prezentacji reklam, katalogów i krótkich ulotek. Nie wymaga umiejętności programowania.
11) Konfiguracja crontaba - co jeśli nie 'gwiazdki'?
https://ma.ttias.be/different-ways-of-writing-crontab-syntax/
INFO: czy wiesz, że w nowoczesnym cronie możesz używać słów kluczowych w stylu: SUN, FEB, @reboot czy @monthly?
12) Serwis informujący o nowych wersjach oprogramowania, którego używasz - zapisz się do powiadomień
https://watchupdate.com
INFO: kiedyś wrzucałem już podobny serwis, ale ten ma inną bazę softu i jest polskiej produkcji. Wygląda biednie (po zalogowaniu), ale działa.
13) Najlepsze (na podstawie wyników ankiety) rozszerzenia do Chrome związane z SEO i pozycjonowaniem stron
https://ahrefs.com/blog/seo-chrome-extensions/
INFO: sporo rozwiązań ułatwiających optymalizację słów kluczowych, czy analizę konkurencji
14) Jak postawić własny serwer GITa (zarówno z interfejsem webowym, jak i CLI)
https://gpanders.com/blog/creating-your-own-git-server/
INFO: nie w każdej firmie wolno używać Githuba, Gitlaba czy Bitbucketa. Możesz więc podobne rozwiązanie zrobić sam.
15) Amazon Web Services (AWS) vs Google Cloud Platform (GCP) - co jest lepsze i dlaczego produkt Google? ;)
https://medium.com/@nandovillalba/why-i-think-gcp-is-better-than-aws-ea78f9975bda
INFO: jak twierdzi autor: "AWS to najlepsza platforma... do pokazania, jak dobry jest GCP"
16) PYP - uruchamiaj jednolinijkowce Pythona prosto z linii poleceń
https://github.com/hauntsaninja/pyp
INFO: interesujące rozwiązanie potrafiące zastąpić wiele linuksowych narzędzi do przetwarzania tekstu
17) Samocenzurujący się font - może ktoś zrobi polską wersję?
https://vole.wtf/scunthorpe-sans/
INFO: font zbudowany tak, że sam cenzuruje wulgaryzmy w języku angielskim.
18) Odpowiednik dev-toolsów, ale dla środowisk serverless (AWS)
https://theodo-uk.github.io/sls-dev-tools/
INFO: aplikacja pozwala na podpięcie się pod CloudWatcha i wyświetlanie eventów i statystyk z Twojej aplikacji
19) Grupa facebookowa z promocjami z branży IT - książki, ebooki, aplikacje, gry i inne.
https://www.facebook.com/groups/promocje.it/
INFO: codzienna porcja wyselekcjonowanych promocji. Zupełnie bez spamu.
20) Faketime - zostań panem czasu w shellu. Kontroluj jak szybko płynie czas dla wybranego programu
https://renenyffenegger.ch/notes/Linux/shell/commands/faketime
INFO: program obsługuje przyspieszanie zegara, modyfikacje czasu i zatrzymywanie czasu. Można za jego pomocą np. skrócić wszystkie sleepy w programie o połowę, czy przyspieszyć niektóre operacje w skrypcie
21) Lista pięciu usług AWS, których powinieneś (wg autora) unikać
https://medium.com/teamzerolabs/5-aws-services-you-should-avoid-f45111cc10cd
INFO: autor tłumaczy, dlaczego wybrał akurat te serwisy i do jakich konkretnych zastosowań są one kiepskim rozwiązaniem
22) Nigdy nie modyfikuj aktualnie wykonujących się skryptów Basha
https://thomask.sdf.org/blog/2019/11/09/take-care-editing-bash-scripts.html
INFO: proste wyjaśnienie, co złego i nieprzewidywalnego może się stać gdy to zrobisz
23) Molly Guard - czyli jak zabezpieczyć się przed przypadkowym restartem lub wyłączeniem zdalnego serwera
https://www.cyberciti.biz/hardware/how-to-protects-linux-and-unix-machines-from-accidental-shutdownsreboots-with-molly-guard/
INFO: aplikacja wykrywa, czy pracujesz przez SSH i nie pozwoli Ci na wykonanie restartu/shutdowna jeśli nie wymusisz tej akcji
== LINKI TYLKO DLA PATRONÓW ==
24) Tworzenie gier w czystym CSS (bez pomocy JavaScriptu)
https://uw7.org/un_5ebbe2fce0c5c
INFO: tutaj na przykładzie gry, będącej bardzo na czasie - walczymy z wirusami ;)
25) Lista 9 sztuczek związanych ze stylowaniem obramowań (border) w CSS
https://uw7.org/un_5ebbe3045652c
INFO: ramki wielokolorowe? animowane? obrazkowe? Wiele ciekawych efektów.
26) Podstawowe algorytmy i struktury danych, które powinien znać każdy programista
https://uw7.org/un_5ebbe30a91a80
INFO: autor bardzo fajnie przedstawił na przykładowych kodach źródłowych, na czym polega złożoność algorytmów O(1), O(N) i O(N^2)
27) Wyrażenia regularne "dla normalnych ludzi", wyjaśnione w prosty sposób
https://uw7.org/un_5ebbe312b8d9a
INFO: w dziale 'printing' masz wszystko zebrane na jednej, długiej podstronie.
28) Katalog darmowych ebooków dla programistów - łącznie 196 książek w 38 kategoriach
https://uw7.org/un_5ebbe31a798aa
INFO: niektóre z nich da się pobrać, aby czytać w wygodnej formie, ale są też niestety takie, które musimy czytać online na stronie twórcy.
==
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 plusuj! :)
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #programowanie #technologia #javascript #docker #linux #ciekawostki pokaż całość -
◢ #unknownews ◣
Kolejne zestawienie jest już gotowe - ważna uwaga: hasło dostępowe dla patronów zostało zmienione (nowe jest dostępne na patronite).
1) Pamiętacie Liero? grę z uzbrojonymi po zębu robakami. Powstała wersja webowa.
https://www.webliero.com
INFO: niektórzy opisują tę grę jako 'Wormsy w czasie rzeczywistym'. Koniecznie zdefiniuj sobie klawisze np. do używania liny ninja.
2) Jak grać w gry PLANSZOWE ze znajomymi przez neta? Kompletny poradnik wraz z linkami do gier, w które możesz zagrać za darmo
https://masilotti.com/play-board-games-online/
INFO: dzięki temu artykułowi poznałem "Board Game Arena" - WOW! ale to jest świetne. Większość rzeczy dostępna za darmo, a pakiet premium to 9zł/msc.
3) Rzeczy, które chciałbym, aby każdy programista wiedział o bazach danych - warto przeczytać!
https://medium.com/@rakyll/things-i-wished-more-developers-knew-about-databases-2d0178464f78
INFO: lista 17 zagadnień o których prawdopodobnie nie myślisz pracując z bazami danych. Warte przemyślenia.
4) Will-It-CORS? - sprawdź, czy to, co chcesz zrobić na swojej stronie wymaga specjalnych zezwoleń w ramach CORS
https://httptoolkit.tech/will-it-cors/
INFO: mowa o zabezpieczeniu Cross-Origin Resource Sharing, które w niektórych przypadkach może blokować requesty między stronami WWW
5) Pracuj wydajniej w shellu - garść porad
https://blog.balthazar-rouberol.com/shell-productivity-tips-and-tricks.html
INFO: artykuł skoncentrowany mocno na powłoce bash, ale wiele ze sztuczek można zastosować także i w innych powłokach
6) SmileBASIC 4 - czyli zacznij tworzyć gry na Nintendo Switch... bezpośrednio na Nintendo switch
https://www.nintendo.com/games/detail/smilebasic-4-switch/
INFO: jak nazwa wskazuje, do programowania używamy jednego z klonów języka BASIC. Zobacz na filmie jak to wygląda.
7) Pamiętaj, aby w dobie trwającej pandemii poprawnie myć ręce - garść interesujących filmów w tej tematyce
https://scrubhub.tv
INFO: szata graficzna nie jest tylko przypadkiem zbliżona do serwisu, o którym kiedyś opowiadał Ci kolega - to produkcja tej firmy.
8) Narzędzie do porównywania danych na temat koronawirusa z wielu krajów/prowincji jednocześnie.
https://boogheta.github.io/coronavirus-countries/
INFO: Chwilę zajmuje odgadnięcie jak korzysta się z tego interface. wszystkie dane źródłowe można ściągnąć w formacie JSON do samodzielnej analizy.
9) Proxy, reverse proxy, API gateway, load balancer - o co w tym wszystkim chodzi? Poznaj podstawy
https://www.learncloudnative.com/blog/2020-04-25-beginners-guide-to-gateways-proxies/
INFO: przystępnie wyjaśnione terminy niezbędne do opanowania przez DevOpsów i ciekawszych świata programistów
10) DevOps - o co w tym chodzi i co trzeba umieć, aby rozpocząć swoją karierę w tej branży?
https://dev.to/kodekloud/pre-requisites-to-learn-devops-3co8
INFO: lista zagadnień, które warto opanować i zakres tego, czym zajmują się z definicji DevOpsi
11) Większość gier powstaje na silniku Unreal lub Unity? Niekoniecznie... - lista customowych silników zastosowanych w grach
https://gist.github.com/raysan5/909dc6cf33ed40223eb0dfe625c0de74
INFO: ciekawe zestawienie pokazujące jakiego silnika użyto w danej produkcji i jak wielki zespół nad tym pracował.
12) Chciałbyś mieć webtoolsy w przegladarce na smartfonie? Oto rozwiązanie
https://github.com/liriliri/eruda
INFO: można to albo zaincludować na stronie, nad którą pracujesz albo użyć jako 'skryptozakładki'
13) Ekstremalnie prosty kalkulator opłat za storage na AWS - zobacz, w której usłudze i jak trzymać dane, aby było taniej
https://www.duckbillgroup.com/aws-super-simple-storage-calculator/
INFO: użytkownicy AWS znają stary brzydki kalkulator oraz jego nowszą wersję, która miała uprościć życie - jak widać, da się to zrobić jeszcze prościej ;)
14) Czytaj kilkadziesiąt newsletterów jednocześnie - ale bez zaśmiecania swojej skrzynki - wszystko w jednym miejscu
https://newsletry.com
INFO: Serwis agregujący najlepsze newslettery. Możesz się do nich zapisać za pomocą wirtualnego konta i czytać treść online. Wszystkie treści są po angielsku.
15) Brok - narzędzie do wyszukiwania uszkodzonych linków w plikach tekstowych
https://github.com/smallhadroncollider/brok
INFO: użyteczne do znalezienia martwych URLów w dokumentacji, czy we wpisach na blogu
16) Przegląd rozwiązań serverless - bo świat nie kończy się tylko na AWS i Lambdzie
https://blog.bitsrc.io/13-top-serverless-solutions-for-2020-c84157f8c9d7
INFO: poza wspomnianą Lambdą, w zestawieniu znajdziesz jeszcze 12 alternatywnych rozwiązań
17) Ściąga z używania window.location w JavaScript - wszystko, co musisz wiedzieć
https://dev.to/samanthaming/window-location-cheatsheet-4edl
INFO: czym się różni 'host' od 'hostname'? czym jest 'search' lub 'pathname'?
18) Obliczanie "reading time" dla artykułu (czyli ile +/- czasu zajmie jego przeczytanie)
https://dev.to/robole/add-the-estimated-reading-time-to-your-blog-do-you-read-code-at-275-words-per-minute-3don
INFO: Implementacja prostego algorytmu liczącego słowa w artykule i szacującego czas przy założeniu szybkości około 250 słów/minutę.
19) Jak wytłumaczyć programowanie funkcyjne 6-latkowi? Ciekawa metoda
https://byorgey.wordpress.com/2018/05/06/conversations-with-a-six-year-old-on-functional-programming/
INFO: to są podstawy-podstaw o co chodzi z tymi funkcjami, ale może się przydać do wyjaśnienia koncepcji nietechnicznej osobie
20) Lista wirtualnych eventów, narzędzi i kursów/szkoleń (często darmowych)
https://virtualassembly.club/
INFO: górne menu pozwala szybciej przeszukiwać zasoby, ale uwaga, bo klikając na dwie kategorie jednocześnie uruchamiasz operator AND, a nie OR (czyli wyniki muszą pasować do obu).
21) Darmowe API oferujące kursy 33 najważniejszych walut na świecie plus 19 lat kursów historycznych (wynik w JSON, XML, CSV, TSV + obsługa JSONP)
https://exchangerate.host/
INFO: interfejs nie wymaga klucza dostępowego, a jego użycie jest bardzo proste. Można zmienić sobie bazę na PLN, aby wyniki były dla nas czytelniejsze.
22) Framework CSS do tworzenia pięknych, sentymentalnie wyglądających stron... rodem z lat dziewięćdziesiątych ;)
https://jdan.github.io/98.css/
INFO: grafika i kolorystyka bazuje na wyglądzie Windowsa 98
23) Skąd wzięły się te dziwne nazwy paczek/aplikacji w Debianie? Wyjaśnienie
https://wiki.debian.org/WhyTheName
INFO: Lista kilkuset aplikacji wraz z genezą ich nazwy.
== LINKI TYLKO DLA PATRONÓW ==
24) Genialne analizy wzrostu znanych startupów - jak to się stało, że firma X zdobyła np. milion użytkowników?
https://uw7.org/un_5ea9754130dbe
INFO: bardzo dużo case-study. Wybierz firmę i przeczytaj opis jej przypadku. Czytania jest na wiele godzin.
25) Debugowanie problemów w Linuksie z użyciem katalogu /proc/
https://uw7.org/un_5ea9754723288
INFO: opis tego, jakie użyteczne informacje na temat procesu możemy tam naleźć i jak to wykorzystać
26) Pełna powłoka linuksowa na iPhone/iPadzie? Czemu by nie! - użyj a-Shell (VIM, python, C/C++ już zainstalowane)
https://uw7.org/un_5ea9754c40456
INFO: to nie jest klient SSH. To jest środowisko linuksowe uruchomione w telefonie (stąd rozmiar aplikacji ~700MB)
27) Jak wykonać (python+node) znany z ZOOMa, efekt podmiany tła w obrazie z kamery i... użyć podczas rozmowy na ZOOMie?
https://uw7.org/un_5ea9755566ea8
INFO: rozwiązanie bazuje na bibliotece OpenCV
28) Lista 10 bibliotek JavaScript do obróbki grafiki na frontendzie
https://uw7.org/un_5ea9755b783a5
INFO: nieważne, czy potrzebujesz przyciąć obrazek, zablurować jego fragment, czy dokonać bardziej zaawansowanych operacji, znajdziesz tu coś dla siebie
==
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ę? To Zaplusuj :)
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
tagi: #programowanie #python #javascript #frontend #devops #ciekawostki #technologia #linux #css pokaż całość-
@imlmpe: Ooo panie, wspomnienia wróciły. Świetlica szkolna i przyjeżdżanie 30min przed lekcjami by popykać w liero.
-
◢ #unknownews ◣
Wracam po krótkiej przerwie. Dziś w ramach powrotu do normalności, w zestawieniu nie ma ani jednego linka związanego z panującą na świecie i w kraju sytuacją. Uwierzcie mi na słowo, że trudno było odfiltrować te newsy. Zapraszam do czytania.
1) Skynet Simulator - wciągająca gra będąca symulatorem hackingu (coś w stylu Uplink, ale w trybie tekstowym) - uwaga: ekstremalnie wciąga
http://skynetsimulator.com
INFO: kilka minut zajmie Ci rozgryzienie co i jak działa. Dwie podpowiedzi: nie musisz czytać postów na forach w grze + możesz trzymać dane na dysku A i rozpakowywać je na dysk B gdy kończy Ci się miejsce. Grę ukończyłem w nieco ponad 1h
2) Postawmy bazę danych w kontenerze! - a jak to wpłynie na jej wydajność?
https://www.percona.com/blog/2020/03/18/how-container-networking-affects-database-performance/
INFO: ciekawa analiza przeprowadzona przez Percona. Tutaj przykład z bazą MySQL.
3) Lista 10 konferencji odbywających się w kwietniu, w których możesz uczestniczyć zdalnie
https://dev.to/tbublik/10-conferences-in-april-you-can-attend-from-home-5d14
INFO: co ciekawe, większość jest darmowa lub posiada bilet w modelu 'pay what you want'
4) Darmowe narzędzie online do tworzenia diagramów (tzw. flow charts)
https://app.diagrams.net
INFO: gotowy diagram można zapisać w chmurze (Dropbox/gdrive) lub pobrać na dysk
5) API List - serwis agregujący liczne, publicznie dostępne API zdatne do użycia (najczęściej za darmo) w Twoim projekcie
https://apilist.fun
INFO: wszystkie API podzielone są na kategorie. Zwróć uwagę, że lista kategorii jest scrollowalna! (można tego nie zauważyć)
6) Lista 50 playlist z muzyką do programowania i nauki - wszystkie ze Spotify
https://dev.to/softwaredotcom/music-for-coding-50-spotify-playlists-for-developers-41n8
INFO: playlisty podzielone są na kilka kategorii. Może coś akurat trafi w Twój gust muzyczny
7) Przestań używać console.log() i zacznij poprawnie używać DevToolsów
https://dev.to/yashints/stop-using-console-log-start-using-your-devtools-2aod
INFO: świetny poradnik odnośnie tego, jak używać wspomnianego narzędzia
8) Jak zabezpieczyć swoje serverlessowe, otwarte API postawione na AWS?
https://dev.to/rolfstreefkerk/how-to-protect-serverless-open-api-s-5eem
INFO: poradnik wykorzystuje API Gateway, AWS WAF, AWS Cognito, AWS Lambda i kilka innych rozwiązań
9) Jak zdokeryzować aplikację NodeJS i uruchomić ją na infrastrukturze Heroku?
https://dev.to/pacheco/how-to-dockerize-a-node-app-and-deploy-to-heroku-3cch
INFO: tutorial przedstawia także przygotowanie podziału środowisk na DEV i PROD.
10) Lista 10 'wpływowych', a zarazem zazwyczaj martwych języków programowania
https://www.hillelwayne.com/post/influential-dead-languages/
INFO: COBOL, Smalltalk, ALGOL... coś Ci mówią te nazwy? jakie były powody zaprzestania ich użycia i rozwoju?
11) Stock Jump - coś jak Sky Jump Delux, ale online, a zamiast skoczni mamy prawdziwe notowania spółek giełdowych
http://stockjump.sos.gd
INFO: kliknij sobie na flagę Polski i poskacz na naszych spółkach. Tylko nie graj na tak emocjonujących spółkach jak np. Tauron :D
12) Pseudo-klasy i pseudo-elementy w CSS o których prawdopodobnie nie słyszałeś
https://dev.to/lampewebdev/css-pseudo-elements-classes-you-have-never-heard-of-30hl
INFO: ::backdrop, ::grammar-error, :lang, :placeholder-shown, :any-link - coś Ci mówią?
13) "Product Tours Libs" - przegląd bibliotek do prezentacji produktu. Masz nowego usera w swoim projekcie? chcesz zrobić mu onboarding?
https://blog.bitsrc.io/7-awesome-javascript-web-app-tour-libraries-6b5d220fb862
INFO: łącznie 7 bibliotek zaprezentowanych także od strony kodu źródłowego (jak to wdrożyć?)
14) Pełne archiwum zestawień unknowNews od 2015 roku do dziś (4100+ linków) w formacie pliku Excela (XLSX)
https://pliki.mrugalski.pl/unknownews_do_202003.xlsx
INFO: za duże aby to po prostu czytać, ale do przeszukiwania przez CTRL+F nadaje się świetnie.
15) Jak usunąć swoje konto z danego serwisu? Nie wszędzie jest to tak proste jak mogłoby się wydawać - poradniki
https://justdelete.me
INFO: ciekawe jest to, że z niektórych platform nie da się usunąć swojego konta, a na niektórych jest to bardzo skomplikowane
16) Krisp.ai - narzędzie do usuwania dźwięków tła z konferencji i wideokonferencji
https://krisp.ai
INFO: już raz to wrzucałem, ale z racji tego, że wiele osób pracuje teraz z domu, to warto przypomnieć
17) Jak przerobić swój prosty program w usługę działającą na Linuksie z użyciem systemd?
https://bulldogjob.pl/news/989-usluga-linuxa-z-systemd
INFO: tutaj pokazano to na przykładzie przerabiania skryptu PHP, ale metoda zadziała równie dobrze na każdej innej technologii
18) Jak opisać komuś kolor który chodzi Ci po głowie? można np tak...
https://colors.lol
INFO: należy to traktować w formie żartu, ale i tak trzeba przyznać, że opisy niektórych kolorów zasługują na medal za kreatywność ;)
19) Maza - coś jak Pi-hole na Raspberry pi... tylko, że bez potrzeby użycia Raspberry i działające lokalnie ;)
https://github.com/tanrax/maza-ad-blocking
INFO: działa na Linuksie i Macu (na tym drugim wymagany jest 'brew')
20) Jenkinsfile - co to jest i jak go stworzyć? Użyteczne jeśli korzystasz z Jenkinsa (film, 35 minut)
https://www.youtube.com/watch?v=7KCS70sCoK0
INFO: posiadając taki plik w repozytorium swojego projektu, jesteś w stanie szybko skonfigurować builda na dowolnej instancji Jenkinsa
21) YouTube obniża domyślną jakość odtwarzanych filmów na świecie - zbyt wielu userów jednocześnie ogląda filmy w domach
https://www.bloomberg.com/news/articles/2020-03-24/youtube-to-limit-video-quality-around-the-world-for-a-month
INFO: oczywiście zawsze możesz ręcznie tę jakość zwiększyć. Chodzi tylko o ustawienie domyślne. Zmiana została wprowadzona tymczasowo na miesiąc.
22) Darling - narzędzie do uruchamiania aplikacji z macOS na Linuksie
https://darlinghq.org
INFO: zupełnie darmowe rozwiązanie. To nie jest emulator - to coś jak Wine, czyli alternatywna implementacja API danego systemu operacyjnego
23) Tworzymy prostą, tekstową grę przygodową w czystym C - krok po kroku
http://home.hccnet.nl/r.helderman/adventures/htpataic01.html
INFO: pełen poradnik wyjaśniający jak zaprogramować wczytywanie poleceń, prezentację świata, poruszanie się po mapie itp.
== LINKI TYLKO DLA PATRONÓW ==
24) Kolekcja filmów/wywiadów/artykułów na temat rozwoju startupu i własnego biznesu w branży IT - 700+ materiałów rekomendowanych przez 'Y Combinator'
https://uw7.org/un_5e83164141da5
INFO: wszystko podzielone na 33 tematy i ponad 400 podkategorii. Jest z czego wybierać. Przykładowe tematy: Wzrost firmy, zdobywanie userów, skalowanie, szukanie inwestorów itp.
25) Kolekcja niemal 200 narzędzi online dla webdeveloperów
https://uw7.org/un_5e831646b0511
INFO: generatory, snippety, porady i inne. Prawdziwa skarbnica wiedzy i tooli
26) Darmowe kursy online, ebooki i narzędzia (większość po polsku!) dla przedsiębiorców, blogerów itp
https://uw7.org/un_5e83164d855cf
INFO: link do wpisu na blogu agregujący to wszystko. Pobierając niektóre z materiałów trzeba się zarejestrować lub podać maila
==
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: #ciekawostki #technologia #webdev #javascript #nodejs #docker #programowanie pokaż całość -
◢ #unknownews ◣
Tak... ja wiem, że nie powinienem publikować zestawienia w piątek. Ostatnie godziny produktywnego dnia w pracy spędzisz teraz na przeklikiwaniu linków. Co poradzić ;)
1) Wszyscy używają Kubernetes, użyj i Ty! noo... niekoniecznie. Ciemne strony K8S
https://pythonspeed.com/articles/dont-need-kubernetes/
INFO: to rozwiązanie całkiem fajnie sprawdza się w dużych i bardzo dużych projektach, ale jeśli masz malutki projekt, to może ono dać więcej problemów niż korzyści
2) Radiowy wehikuł czasu - posłuchaj radia z konkretnego kraju i epoki
https://radiooooo.com
INFO: kliknij na mapę i wybierz region, który Cię interesuje, a następnie rok z którego chcesz usłyszeć muzykę. Klikając na ikonę Taxi można zbudować playlistę.
3) Historia adresu URL - skąd wzięła się koncepcja linków jakie znamy obecnie?
https://blog.cloudflare.com/the-history-of-the-url/
INFO: ciekawy i bardzo rozbudowany artykuł o historii wynalazku jakim jest URL. Wciągająca lektura.
4) "Two-way Binding" (znany np. z Angulara) zaimplementowany w czystym JavaScript
https://medium.com/better-programming/js-vanilla-two-way-binding-5a29bc86c787
INFO: chodzi o to, że zmiana modelu danych aktualizuje widok (HTML), a edycja danych po stronie widoku, uaktualnia zawartość modelu danych
5) Zbuduj API w GraphQL z użyciem aplikacji "Hasura" w kilka minut (film, 19 minut)
https://www.youtube.com/watch?v=8TszdlCUlYs
INFO: najszybsza metoda rozpoczęcia pracy z Hasurą to użycie obrazu Dockera. Obecnie obsługuje tylko bazę Postgresql. Docelowo dojdzie jeszcze MySQL i MongoDB.
6) Sposoby omijania Web Application Firewalli i filtrów webowych (film, około 30 minut) - akcja od 1:45
https://youtu.be/xPGKNXg7zts?t=105
INFO: wykład przedstawia metody przemycania ataków SQLi, XSS, Command Injection itp. Prowadzący: Bartłomiej Głośnicki
7) Wyszukiwarka w aplikacji mobilnej - jak dobrze ją zaprojektować?
https://uxdesign.cc/where-do-i-search-help-me-a7687e003bc
INFO: wyszukiwania informacji na smartfonie nie zawsze jest wygodne. Można temu zaradzić, sprytnie projektując aplikację i jej wyszukiwarkę
8) Tworzenie ikon do projektu - jak to zrobić dobrze?
https://uxdesign.cc/7-principles-of-icon-design-e7187539e4a2
INFO: jak poprawić czytelność ikony? jak wyrównać elementy w ramach jej designu? jak sprawić, aby wszystkie ikony w projekcie były stworzone w jednym stylu?
9) Zbuduj własny framework do tworzenia testów w JavaScript [w ramach nauki]
https://blog.bitsrc.io/build-your-own-javascript-testing-framework-377e6583c870
INFO: celem tego projektu NIE jest tworzenie kolejnego konkurującego na rynku frameworka, a jedynie nauka jak coś takiego zrobić od zera
10) Przegląd 'Starter Kitów' dla React Native - abyś nie musiał tworzyć komponentów graficznych samodzielnie
https://blog.bitsrc.io/react-native-starter-kits-review-for-2020-f683b3607a6e
INFO: autor robi szybki przegląd siedmiu najpopularniejszych kitów
11) "Znajdź topiące się dziecko" - ciekawa kampania. Oglądaj film i kliknij na osobę, która Twoim zdaniem się topi (tę osobę nie zawsze widać przez cały film!)
https://spotthedrowningchild.com/
INFO: po rozwiązaniu zagadki spróbuj z kolejnym nagraniem klikając na "Play Another Video". Jeśli po kliknięciu film się zatrzyma, to nie trafiłeś ze zgadywaniem.
12) Wyczyść swój terminal w pięknym stylu - dla znudzonych życiem adminów ;)
https://adammusciano.com/2020/03/04/2020-03-04-clear-your-terminal-in-style/
INFO: zwykłe 'clear' to za mało. Lepiej niech po terminalu przejedzie pociąg, czy spadnie na niego deszcz literek z Matrixa
13) Jak rozwijały się komendy Unixowe i ich listy parametrów?
https://danluu.com/cli-complexity/
INFO: Przykładowo, narzędzie 'tar' w 1979 roku obsługiwało 12 parametrów. Obecnie jest ich 139. Nawet zwykły 'ls' obsługuje współcześnie 58 przełączników. Dane do roku 2017.
14) Projekt Seti@Home zamyka się po 21 latach działalności
https://www.bleepingcomputer.com/news/software/seti-home-search-for-alien-life-project-shuts-down-after-21-years/
INFO: jeśli uczestniczyłeś w tym projekcie i masz teraz wolne zasoby CPU do ofiarowania, to zaangażuj się w inny projekt z listy BOINC
15) Jak tworzyć komunikaty z błędami, które są zrozumiałe i użyteczne dla użytkownika?
https://medium.com/thinking-design/how-to-write-design-user-friendly-error-messages-87d0207bb902
INFO: "coś poszło nie tak" nie zawsze jest najlepszym komunikatem ;)
16) "msstyleEditor" - pozwala modyfikować pliki "*.msstyle" znane z Windows 7/8/10 i w konsekwencji zmienić wygląd systemu
https://github.com/nptr/msstyleEditor
INFO: narzędzie można ściągnąć w skompilowanej wersji z zakładki "releases", klikając na "Assets"
17) Tworzenie prostego API w pythonie i jego dokeryzacja
https://medium.com/the-metricfire-blog/develop-and-deploy-a-python-api-with-kubernetes-and-docker-7512ec218dbe
INFO: to pierwszy odcinek serii. W drugim, autor wrzuca to rozwiązanie do Kubernetes (tekst znajdziesz klikając na nazwisko autora na początku artykułu)
18) Hackowanie ciągników - czyli film dokumentalny o łamaniu monopolu wielkich korporacji na naprawę maszyn rolniczych (11 minut)
https://www.youtube.com/watch?v=F8JCh0owT4w
INFO: producenci zabezpieczają swoje maszyny w taki sposób, aby ich naprawa poza autoryzowanym salonem była niemożliwa. Ktoś jednak znalazł na to sposób.
19) Banki darmowych zdjęć, filmów, ikon, ilustracji, mockupów, fontów itp
https://dev.to/gadhiyaravi/2020-new-and-hand-picked-free-web-resources-every-developer-should-bookmark-it-mn7
INFO: kolekcja szczególnie powinna przypaść do gustu projektantom projektującym aplikacje webowe
20) Refactoring kodu JavaScript na przykładzie pozbywania się zbytecznych instrukcji IF/ELSE
https://dev.to/damxipo/avoid-use-if-on-our-js-scripts-1b95
INFO: w większości przypadków kod staje się bardziej czytelny, a niejednokrotnie i znacznie krótszy
21) PlayWright - framework do automatyzacji Chromium/Firefox/WebKit. Napisz jeden kod i uruchom wszędzie.
https://github.com/microsoft/playwright
INFO: skrajnie proste do skryptowania. Działa na Windowsie, Linuksie i Macu. Może się przydać np. do pisania testów automatycznych.
22) Dobre praktyki użyteczne przy programowaniu w JavaScript - jak lepiej pisać kod
https://dev.to/damxipo/guide-for-the-daily-javascripter-87o
INFO: niektóre z porad mogą nie być kompatybilne z tym, co stosuje się w Twojej firmie (np. konwencja nazewnictwa zmiennych). Dostosuj więc porady do siebie.
23) Zbierasz statystyki oglądalności swojej strony przez Google Analytics? a zastanawiałeś się jaki procent userów blokuje GA?
https://blog.wesleyac.com/posts/google-analytics
INFO: szacowałem, że będzie tego z 2-3x mniej. Najbardziej wredni są userzy Firefoxa - większość nie da się policzyć :D
24) Usuń tło z wideo - szybko i za darmo
https://www.unscreen.com/
INFO: istnieje wiele serwisów usuwających tło ze zdjęć. Ten robi to samo, ale z filmami.
== LINKI TYLKO DLA PATRONÓW ==
25) Mini książki (takie bardzo mini - do 10 stron :D) na tematy produktywności, biznesu, marketingu, freelancingu, UX, Web Designu itp
https://uw7.org/un_5e624a4f4c20b
INFO: bardziej to przypomina slajdy do prezentacji Pecha Kucha niż książki, ale i tak jest fajne.
26) Chciałbyś poznać język Rust w zaledwie 30 minut? Ten poradnik jest dla Ciebie
https://uw7.org/un_5e624a54b1e2e
INFO: dość wyczerpujące wprowadzenie do języka. Od podstawowej składni, poprzez warunki, pętle, a na bardzo specyficznych dla Rusta elementach kończąc
27) Jak rozpocząć swoją przygodę ze światem IoT (internet rzeczy) - tutaj na przykładzie tworzenia miernika raportującego poziom wilgoci w doniczce
https://uw7.org/un_5e624a5a59bd0
INFO: tutorial przeprowadzi Cię przez cały proces tworzenia projektu. Od projektowania, przez budowę prototypu, na kodzie kończąc (podążaj za linkami do innych artykułów autora!)
28) Pełen, darmowy kurs analizy malware - prezentacje, filmy i ćwiczenia do wykonania
https://uw7.org/un_5e624a60c3c07
INFO: wszystko dostępne online, bez konieczności zakładania konta. Materiały i notatki do nich pochodzą z lat 2017 i 2020.
==
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ę? Zalajkuj lub podaj dalej - thx.
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #technologia #ciekawostki #python #javascript #docker #angular #programowanie #linux pokaż całość -
◢ #unknownews ◣
Nowy przegląd ciekawych linków z branży IT już jest! - zapraszam do czytania :)
1) Programista zmuszony do zaprzestania pisania na klawiaturze, zaczyna dyktować kod - zobacz jak skonfigurował swoje środowisko
https://dusty.phillips.codes/2020/02/15/on-voice-coding/
INFO: filmów z programistami programującymi głosem jest w sieci kilka, ale do tej pory nikt jeszcze nie opisał takiej konfiguracji krok po kroku. Ten bloger właśnie to zrobił.
2) Projektuj aplikacje mobilne zdatne do obsługi jednym palcem - poradnik
https://www.smashingmagazine.com/2020/02/design-mobile-apps-one-hand-usage/
INFO: świetne omówienie tego, jak przeciętny user korzysta ze swojego telefonu i jak my programiści możemy mu to ułatwić. Dużo przykładów plus omówienia znanych aplikacji
3) Lista pięciu argumentów, które mogą sprawić, że "biznes" zacznie interesować się długiem technologicznym
https://understandlegacycode.com/blog/5-arguments-to-make-managers-care-about-technical-debt/
INFO: takie rozmowy z ludźmi niesiedzącymi w programowaniu zawsze są trudne, więc ten poradnik pozwoli Ci wybrać argumenty, które do nich trafią.
4) Nie możesz znaleźć odpowiedniego kandydata na stanowisko podczas rekrutacji? Być może winien jest opis stanowiska.
https://medium.com/@django.course/perhaps-the-job-description-is-the-problem-not-a-shortage-of-programmer-talent-e1be08eb064c
INFO: jak ulepszyć opis wymagań i jakich błędów unikać w ogłoszeniu o pracę. Krótkie wyjaśnienie.
5) Paged.JS - biblioteka JavaScript pozwalająca dzielić treści w witrynie na strony (kartki?). Ułatwia to wydruk i eksport do PDF.
https://www.pagedjs.org
INFO: bardzo użyteczne rozwiązanie dla treści, które docelowo mają być przez czytelnika wydrukowane (książki, ulotki itp).
6) Jak pisać krótszy kod w Pythonie z użyciem "morsowego operatora" (':=' niektórym przypomina oczy i kły jak u morsa)
https://effectivepython.com/2020/02/02/prevent-repetition-with-assignment-expressions
INFO: dzięki tej metodzie nie musimy tworzyć zmiennej tylko po to, aby przypisać do niej wartość wyrażenia, które chcemy użyć w warunku i we wnętrzu funkcji. Z tym operatorem obie te akcje wykonamy za jednym razem. Zobacz przykłady
7) Darmowy kurs PHPStorm - wyciśnij więcej z tego IDE (12 lekcji w formacie wideo)
https://kurs.superstorm.pl/unew
INFO: na stronie znajdziesz kupon zniżkowy, który obniży cenę kursu do 0zł. Wpisz go przy zamówieniu.
8) Jak używać drag-and-drop API w React? Tutorial.
https://www.smashingmagazine.com/2020/02/html-drag-drop-api-react/
INFO: dość wyczerpujące wyjaśnienie, poparte wieloma przykładami
9) Pentesterzy z CyberNews znaleźli 6 błędów bezpieczeństwa w usłudze Paypal. Nie uznano im ani jednego + przyznano karę
https://cybernews.com/security/we-found-6-critical-paypal-vulnerabilities-and-paypal-punished-us/
INFO: badacze uczestniczyli w tzw bugbounty za pośrednictwem platformy HackerOne
10) Jak wdrożyć ElasticSearch na produkcji? co warto skonfigurować i co monitorować?
https://facinating.tech/2020/02/22/in-depth-guide-to-running-elasticsearch-in-production/
INFO: dobry poradnik wyjaśniający wszystkie zagadnienia na poziomie zrozumiałym nawet dla początkujących
11) Wycieki pamięci w aplikacjach webowych - tak, istnieje coś takiego, a Ty musisz zadbać aby tego nie zaliczyć :)
https://nolanlawson.com/2020/02/19/fixing-memory-leaks-in-web-applications/
INFO: co to są te wycieki? jak je zidentyfikować? a przede wszystkim, jak się ich pozbywać i jak zautomatyzować ich analizę?
12) Debugowanie aplikacji w JavaScript z użyciem modułów 'console.*' - wszystko co powinieneś wiedzieć
https://css-tricks.com/a-guide-to-console-commands/
INFO: najczęściej używamy jedynie console.log(), ale czy wiesz, że do dyspozycji masz jeszcze jakieś 10 innych metod?
13) Merge Sort (sortowanie przez scalanie) - co to jest i jak naprawdę to działa?
https://codersbible.com/merge-sort-divide-and-conquer/
INFO: ciekawe jest tu nie tylko wyjaśnienie tematu sortowania, ale sprytne rozłożenie rekurencji na czynniki pierwsze, co ułatwia zrozumienie całego zagadnienia
14) Lista 10 użytecznych WEB API do użycia w aplikacji webowej - spis i przykłady zastosowania
https://blog.bitsrc.io/10-useful-web-apis-for-2020-8e43905cbdc5
INFO: WEB Audio API, Fullscreen API, Web Speech API, Bluetooth API i wiele innych, które mogą Ci się przydać.
15) Jak znaleźć pracę jako programista w Szwajcarii? Instrukcja krok po kroku wraz z opisem ogarnięcia biurokracji
https://swissdevjobs.ch/blog/how-to-find-job-as-software-developer-in-switzerland-complete-guide
INFO: pozwolenie na prace, założenie konta bankowego, wynajem mieszkania, ubezpieczenie zdrowotne. Jak to załatwić i ile to kosztuje?
16) Mini szkolenie online z Kubernetes - 12 filmów, w sumie ponad 3h nauki
https://poznajkubernetes.pl/mini-szkolenie.html
INFO: dostęp możliwy po podaniu swojego imienia i niespamowego maila
17) Przeglądarka Brave wchodzi we współprace z 'Web Archiwe'. Od teraz za każdym razem gdy zobaczysz stronę 404, będziesz mógł wydobyć jej kopię z archiwum
https://blog.archive.org/2020/02/25/brave-browser-and-the-wayback-machine-working-together-to-help-make-the-web-more-useful-and-reliable/
INFO: fajne rozwiązanie. Działa nie tylko dla stron 404, ale dla każdego błędu serwera, który uniemożliwia zapoznanie się z treścią strony. Przetestuj Brave: https://brave.com/mru079
18) "Vue.js: The Documentary" - film dokumentalny przedstawiający historię powstania i rozwoju Frameworka Vue (35 minut)
https://www.youtube.com/watch?v=OrxmtDw4pVI
INFO: ciekawie zrealizowany materiał ukazujący małą historię sukcesu. Od czego się zaczęło? jakie były kolejne kroki rozwoju? Jak to wygląda teraz?
19) Produktywność - czyli wielka zmora chyba wszystkich specjalistów z branży IT (i nie tylko). Spis przemyśleń na ten temat
https://guzey.com/productivity/
INFO: autor połączył w jedną długą notatkę wszystko czego się nauczył lub co przeczytał na temat produktywności. Dobra kompilacja.
20) Interaktywny quiz na temat JavaScript - zaledwie 3 pytania z analizą kodu i wyjaśnieniami
https://dev.to/lydiahallie/interactive-javascript-quiz-1-1flc
INFO: po prostu przeczytaj kod i zastanów się jaki będzie wynik prezentowanego algorytmu
21) Dlaczego powinieneś zacząć używać preprocessora CSS?
https://hackernoon.com/3-simple-reasons-to-use-a-css-preprocessor-dd4y36by
INFO: zobacz trzy argumenty, których możesz użyć w dyskusji "dlaczego mamy używać SASS, LESS itp?"
22) Jaką przeglądarkę wybrać jako frontend developer? lista 6 przeglądarek o których mogłeś nie pomyśleć
https://www.webdesignerdepot.com/2020/02/6-best-browsers-for-developers-in-2020/
INFO: dawniej odpowiedź na pytanie "jaką przeglądarkę powinien mieć frontend developer" brzmiała "wszystkie". Dziś jest to "wszystkie popularne + kilka dodatkowych" :D
23) Co to jest ten cały JAMstack i jak zacząć z nim pracować?
https://www.freecodecamp.org/news/what-is-the-jamstack-and-how-do-i-host-my-website-on-it/
INFO: dość wyczerpujący wstęp do zdobywającej popularność architektury aplikacji webowych
24) SortableJS - prawdopodobnie najprostsza metoda na stworzenie sortowalnej listy elementów na stronie
https://sortablejs.github.io/Sortable/
INFO: biblioteka obsługuje przemieszczanie obiektów metodą 'drag and drop' i obsługuje nawet zagnieżdżone obiekty
25) Lepsze przeszukiwarka GitHuba - szukaj z użyciem wyrażeń regularnych
https://grep.app/
INFO: możesz szukać całych słów, rozróżniać wielkość liter czy nawet wpisywać zaawansowane regexy
== LINKI TYLKO DLA PATRONÓW ==
26) Lista prelekcji na temat JavaScript, które - według twórcy zestawienia - po prostu trzeba zobaczyć. Takie the-best-of
https://uw7.org/un_5e5685d25f1c1
INFO: nagrania podzielone są na lata od 2009 do 2019 roku i trwają przeważnie miedzy 30 a 60 minut
27) Dostępne online i po polsku, książki i kursy na temat programowania (łącznie ponad 20 języków i technologii)
https://uw7.org/un_5e5685d73cac0
INFO: niektóre z nich można pobrać w formacie PDF, a większość trzeba przeglądać online
28) testowa (BETA!) wersja czegoś na wzór szkoły dla hackerów. Uczy krok po kroku umiejętności związanych z hackingiem
https://uw7.org/un_5e5685dc01669
INFO: tworzenie shellcode, reverse engineering, format stringi itp. Do każdego zagadnienia dołączone są slajdy, a w trakcie realizacji są też nagrania wideo
29) Spis książek i materiałów dla liderów z branży IT (team lead, tech lead itp)
https://uw7.org/un_5e5685e0dc9f9
INFO: materiały podzielone są na liczne kategorie: blogi, newslettery, podcasty, książki (tych ostatnich jest najwięcej i mają podkategorie)
30) Lista wszystkich linków dla patronów jakie kiedykolwiek pojawiły się w moich zestawieniach
https://mrugalski.pl/linki.php
INFO: listę może przeglądać każdy, ale podlinkowane strony otworzą się tylko patronom
==
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: #ciekawostki #python #javascript #biznes #hacking #webdesign #frontend #security #technologia #programowanie #linux pokaż całość-
21) Dlaczego powinieneś zacząć używać preprocessora CSS?
https://hackernoon.com/3-simple-reasons-to-use-a-css-preprocessor-dd4y36by
INFO: zobacz trzy argumenty, których możesz użyć w dyskusji "dlaczego mamy używać SASS, LESS itp?"
O kurde, artykuł sprzed paru dni, gdzie gościu rzuca kiepskimi i nieaktualnymi argumentami.
Reason Number 1: Variables
Zmienne w CSS są już od kilku lat. W tej chwili mają wsparcie na poziomie 93%, więc spokojnie można ich używać na stronach.
Reason Number 2: Nesting
Okay, powiedzmy, że to trochę upraszcza zapis, ale przecież w zwykłym CSS-ie też możemy wybierać elementy ze względu na rodziców... Tutaj jest to napisane tak, jakby autor o tym nie wiedział...
Reason Number 3: Mixins
Okaay, czyli mamy możliwość zebrania kilku reguł w jedną grupę i potem jej używać, żeby nie powtarzać kodu, ale... czy to nie właśnie po to piszemy CSS i tworzymy klasy, żeby nie powtarzać kodu? Rozwiązanie problemu, którego nigdy nie było.
Autor tutaj odkrywa podstawy używania CSS-a i przedstawia je jako zbawienne możliwości preprocessorów. Czekam na artykuł o tym, że warto używać jQuery, bo można za jego pomocą wybierać elementy DOM ( ͡° ͜ʖ ͡°)
22) Jaką przeglądarkę wybrać jako frontend developer? lista 6 przeglądarek o których mogłeś nie pomyśleć
https://www.webdesignerdepot.com/2020/02/6-best-browsers-for-developers-in-2020/
INFO: dawniej odpowiedź na pytanie "jaką przeglądarkę powinien mieć frontend developer" brzmiała "wszystkie". Dziś jest to "wszystkie popularne + kilka dodatkowych" :D
No właśnie nie. W obecnych czasach developer już nie potrzebuje tylu przeglądarek, bo nie ma znaczenia, czy wybierze Chrome, Operę, Brave, czy nawet nowego Edge'a – wszystkie są na Chromium. Wyjątek to Firefox, stary Edge/IE jak potrzebne wsparcie starszych przeglądarek i ewentualnie Safari, bo tam różnie bywa z działaniem.
Choć jak większość rzeczy i tak będzie działać, tak przy jakichś mniej pewnych funkcjach można po prostu sprawdzić wsparcie na caniuse.com i https://kangax.github.io/compat-table/es6/, więc nawet niekoniecznie trzeba mieć te przeglądarki.
Artykuł o console.* (12) jest naprawdę spoko i szczegółowo wyjaśnia temat. O współpracy Brave z "Web Archive" już wcześniej czytałem, ale ogólnie super, że o tym pomyśleli. pokaż całość+: test30 -
19) Produktywność - czyli wielka zmora chyba wszystkich specjalistów z branży IT (i nie tylko). Spis przemyśleń na ten temat
https://guzey.com/productivity/
INFO: autor połączył w jedną długą notatkę wszystko czego się nauczył lub co przeczytał na temat produktywności. Dobra kompilacja.
@imlmpe: dobre, później przeczytam... ( ͡° ͜ʖ ͡°) pokaż całość
-
-
◢ #unknownews ◣
Wracam po krótkiej przerwie spowodowanej problemami zdrowotnymi w rodzinie (SOR, hospitalizacja itp). Postaram się aby kolejne wydania pojawiały się już bardziej terminowo. Zapraszam do lektury.
1) Omówienie słynnego "Hacker Test" z lat 80. Test jest już tak mocno przestarzały, że większość z pytań może wydawać się zupełnie niezrozumiała.
https://github.com/hwayne/hacker-test-history
INFO: kawałek dobrej historii komputerów. Zdecydowanie warto się z tym zapoznać i powspominać jak dawniej wyglądał świat komputerów :)
2) Kasaya - język do automatyzacji przeglądarki z użyciem języka naturalnego (czyli NIE jak np. w Selenium i bez użycia XPath itp)
https://github.com/syscolabs/kasaya
INFO: Na załączonym GIFie widać jak to działa w praktyce. Aplikacja działa jako rozszerzenie do Chrome, ale wymaga Javy i NodeJS działającego w tle
3) JSON Web Tokeny (JWT) - lista 10 powodów dlaczego są takie fajne i dlaczego powinieneś je poznać i używać
https://thehftguy.com/2020/02/18/jwt-is-awesome-heres-why/
INFO: artykuł obala przy okazji kilka mitów związanych z tymi tokenami. Warto przeczytać.
4) Dodaj fizykę (2D) do swoich aplikacji w JavaScript - poradnik i gotowe kody
https://martinheinz.dev/blog/15
INFO: implementacja grawitacji i kolizji obiektów. Wszystko wytłumaczone zarówno słownie jak i za pomocą wzorów fizycznych.
5) Hacker Laws - czyli zbiór teorii i prawd użytecznych dla developerów (i nie tylko)
https://github.com/dwmkerr/hacker-laws
INFO: niektóre z nich może i brzmią zabawnie, ale i tak mają w sobie odrobinę prawdy.
6) Zgadnij gdzie jesteś - klikasz na "play for free" i lądujesz w losowej lokalizacji na Google Street View. Twoim zadaniem jest odgadnięcie (zaznacz to na mapie) gdzie jesteś.
https://www.geoguessr.com/
INFO: Możesz poruszać się po mapie bez ograniczeń. W darmowej wersji, bez zakładania konta możesz przejść maksymalnie 5 etapów. Zła wiadomość jest taka, że zabawa bardzo wciąga ;)
7) Chcesz nauczyć się języka Swift? ściągnij 'Swift Playgrounds'
https://www.apple.com/swift/playgrounds/
INFO: to interaktywna aplikacja na iPada i Maca, która nauczy Cię podstawowych koncepcji programowania (zmienne, funkcje, pętle, instrukcje warunkowe itp)
8) Ściąganie Favicony z serwisu - co może pójść nie tak? ;)
https://www.simplecto.com/complexity-downloading-favicons-told-in-15-plus-edge-cases/?ref=/r/programming
INFO: ciekawa lista skrajnych przypadków w których tak proste zadanie może się nie udać. Nie skupiaj się na samym zadaniu pobierania favicon.ico, a na modelu myślenia programistycznego z artykułu
9) Pracujesz z Blenderem? - ten dodatek pozwoli Ci osadzać dowolne mapy z OpenStreetMap w swojej grafice
https://github.com/domlysz/BlenderGIS
INFO: aktualnie dodatek nie działa na Macu, ale inne platformy są poprawnie obsługiwane
10) Jak utrzymać niewielki startup technologiczny (np. aplikacja webowa) za $6 za rok? (dyskusja z HackerNews)
https://news.ycombinator.com/item?id=22354060
INFO: większość rozwiązań opiera się na użyciu 'Free tier', ale niektóre komentarze sugerują, że 'można taniej!' (np. zastąpienie S3 przez B2)
11) Formatowanie dat w JavaScript z użyciem Intl.DateTimeFormat (Intl = Internationalization API)
https://www.valentinog.com/blog/datetime/
INFO: świetna metoda na dostosowanie wyświetlanej daty do kraju pochodzenia czytelnika (Amerykanin zobaczy inny format daty niż Polak, a Włoch zobaczy nazwy dni tygodnia po włosku itp)
12) Lista źródeł używanych do tworzenia zestawień unknowNews (PDF, wymaga podania maila aby go pobrać)
https://prezent.mrugalski.pl/zrodla-unknownews.pdf
INFO: mail używany jest w celu pozostania w kontakcie z czytelnikami. W każdej chwili można się usunąć z listy.
13) Statystyki Google Fonts - kto i jak często ich używa? Który system operacyjny jest najpopularniejszy? Którego fonta używa najwięcej stron?
https://fonts.google.com/analytics
INFO: ciekawostka jest taka, że trzeciego najpopularniejszego fonta z kolekcji Google stworzył polski designer.
14) Jak przeskalowano grę 'Dungeon AI' (to ten słynny tekstowy RPG w którym możesz zrobić literalnie wszystko) na 1000000 userów?
https://medium.com/@aidungeon/how-we-scaled-ai-dungeon-2-to-support-over-1-000-000-users-d207d5623de9
INFO: mała darmowa gierka, nieprzystosowana do obsługi dużego ruchu, generowała ponad $50000 kosztów w Google Cloud Platform (GCP)
15) Trzy metody na pobieranie właściwości obiektów w JavaScript - nie zawsze pierwsza i najłatwiejsza będzie działać jak należy
https://dmitripavlutin.com/access-object-properties-javascript/
INFO: szczególnie druga z metod może Ci się przydać gdy nazwy właściwości zawierają dziwne lub interpretowane przez JS znaki.
16) Markdeep - czyli znacznie rozudowany markdown ze wsparciem dla diagramów, Latexa, osadzania wideo, kalendarzy itp
https://casual-effects.com/markdeep/
INFO: aby zacząć go używać na swojej stronie, wystarczy osadzić tylko jeden plik JS. Warto kliknąć na "DEMO".
17) Devion - szybki 'uruchamiacz' projektów z terminala. Zdecydowanie ułatwia życie
https://github.com/alchaplinsky/devion
INFO: jeśli często musisz skakać między katalogami i wydawać szereg poleceń aby uruchomić swoje developerskie projekty i ich zależności, to z użyciem Deviona możesz stworzyć gotowe scenariusze, które zrobię to za Ciebie
18) Przegląd aplikacji do śledzenia czasu spędzonego przy komputerze (z podziałem na wykonywane zadania, aplikacje itp)
https://zapier.com/blog/best-time-tracking-apps/?utm_source=Iterable&utm_medium=email&utm_campaign=itbl-gbl-eng-email-blog_best_time_tracking_apps_1025374
INFO: wśród klasyków w stylu RescueTime czy Toggl, znajdziesz jeszcze 8 innych aplikacji z omówieniem ich zalet.
19) Moja aplikacja do zachowania produktywności? Od 12 lat jest to plik TXT [wpis z bloga]
https://jeffhuang.com/productivity_text_file/
INFO: interesujący opis planowania projektów i zadań z użyciem zwykłego pliku tekstowego. Warto rzucić okiem
20) VS Code + Windows Subsystem for Linux (WSL) - jak używać ich razem?
https://dev.to/ajeet/the-ultimate-guide-to-use-vs-code-with-windows-subsystem-for-linux-wsl-51hc
INFO: tutorial dla początkujących opisujący w zasadzie wszystko - od instalacji WSL, przez instalację VSCode i połączenie tego razem
21) Lista 25 najczęściej polecanych książek na temat programowania
https://dev.to/daolf/the-25-most-recommended-programming-books-of-all-time-5fel
INFO: autor zestawienia zebrał listę scrapując dziesiątki wątków (Quora, Reddit itp) w poszukiwaniu tematów z polecanymi książkami i wybrał te najczęściej wymieniane
22) Zestawienie 25 najczęściej rekomendowanych w necie książek dla startupowóców
https://dev.to/daolf/the-25-most-recommended-startup-books-of-all-time-2o2h
INFO: metodyka badania jak w poprzednim podpunkcie (scrapowanie danych z Quory, Reddita itp)
23) Lista snippetów w Pythonie do rozwiązywania często pojawiających się problemów w tym języku
https://dev.to/renegadecoder94/71-python-code-snippets-for-everyday-problems-1mep
INFO: sumowanie wartości tablicy, odwracanie słownika, klonowanie listy i wiele innych
24) Tworzenie responsywnych wykresów na stronie internetowej, ale BEZ użycia JavaScript (SVG + CSS)
https://dev.to/richharris/a-new-technique-for-making-responsive-javascript-free-charts-gmp
INFO: ostateczne rozwiązanie opiera się o NodeJS do implementacji renderowania po stronie beackendu, ale i bez tego wygląda spoko ;)
25) SMMRY, czyli skracacz artykułów do wersji "TL;DR". Wklej linka do tekstu, a otrzymasz jego skróconą wersję w około 7 zdaniach.
https://smmry.com
INFO: serwis oferuje ciekawe API dla programistów (do 100 wywołań dziennie za darmo).
== LINKI TYLKO DLA PATRONÓW ==
26) Użyteczne snippety rozwiązujące codzienne praktyczne problemy w JavaScript - 24 sztuki
https://uw7.org/un_5e4fcd6b9b133
INFO: kody pochodzą z serwisu '30 seconds of code'. Autor wybrał jego zdaniem te najbardziej użyteczne
27) Znasz dobrze angielski i chcesz pisać artykuły za pieniądze? Lista portali technologicznych płacących 100-600 USD per artykuł (+spis tematów itp)
https://uw7.org/un_5e4fcd713cdfa
INFO: zanim zaczniesz cokolwiek pisać, zapoznaj się proszę z procedurą aplikowania na 'ghost writera'
28) Przegląd narzędzi dla webdeveloperów, które zdecydowanie ułatwią Twoje życie
https://uw7.org/un_5e4fcd78c5e3e
INFO: artykuł zawiera linki do omawianych narzędzi jak i filmy prezentujące ich użycie. Zachęcam szczególnie do zapoznania się z filmami.
29) Nauka przez eksperymentowanie - czyli jak zrozumieć muzykę, sztukę, fizykę i inne z użyciem eksperymentów online (łącznie 171 interaktywnych zabaw)
https://uw7.org/un_5e4fcd7d63199
INFO: na górze strony masz 3 losowe eksperymenty, a na szarym tle (niżej) kategorie eksperymentów do przeglądnięcia. Uwaga: WCIĄGA!
==
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ę? Zalajkuj lub podaj dalej - thx.
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi: #webdev #python #javascript #internet #startup #technologia #programowanie #ciekawostki #komputery #css pokaż całość-
@imlmpe: a co z tym sorem?
@moon_bluebird: Wszyscy cali i zdrowi. Sporo strachu i nerwów, ale skończyło się happy endem.+: devopsiarz -
20) VS Code + Windows Subsystem for Linux (WSL) - jak używać ich razem?
@imlmpe: Sam korzystam z WSL od czasu do czasu. Z początku myślałem, że to kompromis pomiędzy Windowsem i Linuxem (git i te sprawy), do momentu, gdy chciałem uruchomić aplikację z użyciem Dockera. Powiem tak... to jest jakieś totalne nieporozumienie, a Windows to gówno ;)
-
-
◢ #unknownews ◣
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).
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 pokaż całość-
@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ć ( ͡° ͜ʖ ͡°)
+: andrzej-ezer
-
-
◢ #unknownews ◣
Kolejna porcja ciekawych znalezisk z branży IT. Starałem się bardziej zróżnicować to wydanie, aby nie wrzucać tylko linków do WebDev. Czy mi wyszło? sprawdź sam :)
1) Cube Composer - ciekawa gra inspirowana programowaniem funkcyjnym. Pobaw się przekształceniami map()
https://david-peter.de/cube-composer/
INFO: po lewej masz pozycje startową. Po prawej końcową. Twoje zadanie to ułożenie (z dostępnych klocków) algorytmu przekształcającego start w koniec.
2) Porządkowanie kodu CSS - czyli jak stosować poprawną strukturę i nazewnictwo w stylach
https://devszczepaniak.pl/porzadkowanie-kodu-css/
INFO: dobry tekst z wieloma przykładami poprawnej jak i błędnej implementacji styli
3) Praca dla kogoś, czy robienie własnych rzeczy? - przemyślenia programisty
https://tik.dev/dilemma
INFO: a może ten wybór wcale nie jest binarny i istnieje jeszcze jakaś trzecia droga?
4) Bash i tajemnicze zmienne $? oraz $@ - jaka jest między nimi różnica?
http://bit.ly/38bZJBz
INFO: jeśli piszesz skrypty w bashu, to jest to wiedza absolutnie niezbędna do codziennej pracy
5) Czym różni się dzisiejsze programowanie od tego sprzed 20 lat?
https://medium.com/@ssg/how-is-computer-programming-different-today-than-20-years-ago-9d0154d1b6ce
INFO: powiedzmy, że to humorystyczne podejście do tematu, ale momentami bardzo prawdziwe ;)
6) Co jest nie tak z popularnym ostatnio podejściem "no-code"? (tworzenie aplikacji bez programowania)
https://www.alexhudson.com/2020/01/13/the-no-code-delusion/
INFO: przemyślenia z perspektywy dyrektora technicznego. Warto rzucić okiem.
7) Tworzysz swój projekt online? Uruchom go na Google Code Run (rozwiązanie serverless)
https://alexolivier.me/posts/deploy-container-stateless-cheap-google-cloud-run-serverless
INFO: dlaczego akurat tam? przede wszystkim CENA (można zejść nawet do kilku centów na miesiąc), skalowalność i brak problemów z infrastrukturą (jest zarządzana przez Google)
8) Google Style Guides - jak pisać kod źródłowy w wielu językach aby to wyglądało dobrze (wg Google)
https://google.github.io/styleguide/
INFO: używanie 'styleguide' (niekoniecznie googlowego!) zaczyna mieć sens przy dużych projektach nad którymi pracują dziesiątki programistów.
9) Lista 10 rzeczy, które sprawią, że staniesz się lepszym programistą Javy
https://dev.to/javinpaul/10-skills-java-programmer-can-learn-to-accelerate-their-career-3nlh
INFO: w tekście znajdziesz sporo odsyłaczy do materiałów i serwisów, które pomogą Ci w nauce
10) Oficjalna aplikacja GitHuba na Androida (beta) jest już dostępna [trzeba się zapisać na listę oczekujących]
https://github.blog/2020-01-14-the-github-for-android-beta-is-here/
INFO: po wypuszczeniu bety na iOS pod koniec ubiegłego roku, czas na wersję beta na Androida. Do czego przyda się aplikacja? np. do robienia code review, czy do odpisywania na zgłoszenia bugów.
11) Cronhub - narzędzie online (SaaS) do monitorowania pracy Twoich cronów
https://cronhub.io
INFO: wersja darmowa potrafi monitorować (i zbierać statystyki) dwa taski
12) Czysty kod - cel każdego programisty? czy aby na pewno?
https://overreacted.io/goodbye-clean-code/
INFO: tak często podążamy za praktykami związanymi z tworzeniem czystego, czytelnego kodu, że zapominamy, że w programowaniu nie zawsze chodzi tylko o kod.
13) Stworzyłeś nowy projekt/startup i chcesz dać o nim znać światu?
https://sizle.io/how-to-maximise-traffic-to-a-bootstrapped-product-hunt-launch/
INFO: to spis linków gdzie można zgłosić swój projekt. Linki z rakietą używasz w dniu startu projektu, a te z zegarkiem przed oficjalną premierą.
14) Masz Raspberry Pi? zrób z niego prosty serwer VPN
https://www.electromaker.io/tutorial/blog/raspberry-pi-vpn-server
INFO: instrukcja krok-po-kroku z wykorzystaniem Rasbiana (lub innej opartej na Debianie/Ubuntu dystrybucji)
15) Czy umiałbyś zrobić DIVa, który zakryje DOKŁADNIE całą powierzchnię strony, bez pozostawiania nawet 1px odstępu?
https://dev.to/lenmorld/css-gotcha-how-to-fill-page-with-a-div-270j
INFO: podpowiem Ci - nie umiałbyś ;) Nie jest to takie trywialne zadanie jak się wydaje. Artykuł wyjaśnia dlaczego tak jest i jak to osiągnąć.
16) Lista 7 popularnych błędów w GIT i jak można je naprawić? (film, 15 minut)
https://www.youtube.com/watch?v=aiDy82kQUJQ
INFO: dobry materiał dla junior developerów jako wstęp do poprawnego używania systemu kontroli wersji w korporacji.
17) P2P Peer Discovery - czyli jak wykryć innych w technologii P2P?
https://jsantell.com/p2p-peer-discovery
INFO: przy komunikacji peer2peer nie mamy zazwyczaj serwera. Jak w takim razie namierzyć drugiego klienta aby nawiązać z nim połączenie? Jest na to kilka sposobów.
18) Czy używanie kodów SMS jako uwierzytelniania dwuskładnikowego to dobry pomysł?
https://www.issms2fasecure.com
INFO: mówiąc krótko: NIE. Z artykułu dowiesz się dlaczego tak jest. Ze strony trzeba pobrać podlinkowany dokument PDF.
19) Alternatywy dla Google Maps (do osadzania na stronie) - OpenStreet Map oraz Leaflet
http://kody.wig.pl/javascript/alternatywa-dla-google-maps-open-street-map-oraz-leaflet/
INFO: artykuł zawiera wiele przykładowych kodów źródłowych przedstawiających sposoby użycia API obu tych usług.
20) Masz telefon z Androidem? uważaj na aplikacje typu "Fleeceware"
https://www.zdnet.com/article/more-than-600-million-users-installed-android-fleeceware-apps-from-the-play-store/
INFO: aplikacje takie podczas instalacji wymuszają aktywację "darmowego okresu testowego". Gdy user usunie aplikację, okres testowy przechodzi w abonament (niekiedy dochodzący do $199/rok).
21) Kiedy XML jest lepszy od JSONa? - przemyślenia
https://engineering.instawork.com/when-xml-beats-json-ui-layouts-53c7f1d3fdb7
INFO: może się wydawać, że JSON jest domyślnym wyborem bijącym na głowę przestarzałego XMLa. Czasami jednak warto zmienić swoje podejście.
22) używasz Postman/Insomia/PostWoman do testowania API RESTowego? spróbuj użyć rozszerzenia do VSCode
https://dev.to/monisnap/bye-bye-postman-let-s-share-your-rest-api-calls-in-team-easily-h6l
INFO: artykuł opisuje rozwiązanie "Rest Client" i jego zalety. Ciekawe rozszerzenie, zwłaszcza gdy pracujemy w teamie.
23) Hostowanie statycznych stron internetowych na Google Drive
https://dev.to/gaelthomas/how-to-deploy-a-static-website-for-free-in-only-3-minutes-with-google-drive-254c
INFO: w projekcie używane jest darmowe konto na fast.io (limit 10 serwisów per konto)
24) Python, Java, Kotlin, Rust i Swift - jak (prawdopodobnie) zmienią się te języki w 2020 roku?
https://www.oreilly.com/radar/where-programming-languages-are-headed-in-2020/
INFO: spis przewidywań odnośnie rozwoju jak i zapowiedzi zmian od twórców tych języków
25) Reverse Engineering Discorda - czyżby rozszyfrowywali dane po stronie serwera?
https://medium.com/tenable-techblog/lets-reverse-engineer-discord-1976773f4626
INFO: badacze napisali swojego klienta Discorda i wysyłali uszkodzone, ale zaszyfrowane pakiety do serwera. Serwer je odrzucał, co twórcy badania uznają za dowód na to, że dane zostały rozszyfrowane.
26) Goat Counter - statystyki webowe dbające o prywatność Twoich czytelników
https://www.goatcounter.com
INFO: nie zbierają prywatnych danych. Nie śledzą ludzi. Jedynie zbierają anonimowe statystyki. Wersja darmowa do zastosowania niekomercyjnego (do 100k req/msc)
== LINKI TYLKO DLA PATRONÓW ==
27) Ucz się obcych języków oglądając Netflixa (rozszerzenie do przeglądarki Chrome)
http://uw7.org/un_5e20708a49599
INFO: podczas oglądania filmu/serialu, napisy wyświetlane są w dwóch językach jednocześnie (np. Polski i Japoński). Dodatkowo, kliknięcie na słowo którego nie rozumiesz uruchamia słownik
28) Lista 20 największych serwisów oferujących ikony do Twoich projektów (darmowe i płatne)
http://uw7.org/un_5e2070909b559
INFO: ze wszystkich wymienionych serwisów znałem 4 sztuki. Moje zasoby ikon mocno się poszerzyły ;)
29) Próba znalezienia PIERWSZEGO w historii postu na Instagramie (ma 32k polubień)
http://uw7.org/un_5e207095f2000
INFO: ciekawa metoda poszukiwań, a przy okazji dowiadujemy się jak budowany jest adres URL w tej sieci
30) Pytania rekrutacyjne (wraz z odpowiedziami) na temat JavaScript
http://uw7.org/un_5e20709da72a4
INFO: repozytorium zawiera dokładnie 145 pytań. Pytania wydają się proste, ale możliwe, że odpadniesz już na pierwszych trzech ;)
31) Jak zostać "efektywnym developerem"? zbiór porad.
http://uw7.org/un_5e2071085ec55
INFO: jak optymalizować swoją naukę? jak ustalać priorytety? jak mierzyć swoje postępy?
32) Ogromna kolekcja materiałów do nauki programowania nie tylko dla początkujących (tego jest DUŻO!)
http://uw7.org/un_5e2073e173b8d
INFO: lista kursów, hackatonów, ludzi których warto śledzić w necie + inne
--
Dla przypomnienia:
- Wszystkie linki dla patronów:
https://mrugalski.pl/linki.php
- Wyszukiwarka archiwalnych wpisów:
https://uw7.org/szukaj/
- Newsy na maila:
https://unknow.news
==
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: #programowanie #python #javascript #internet #ubuntu #technologia #google #debian #serwery #security pokaż całość-
18) Czy używanie kodów SMS jako uwierzytelniania dwuskładnikowego to dobry pomysł?
https://www.issms2fasecure.com
INFO: mówiąc krótko: NIE. Z artykułu dowiesz się dlaczego tak jest. Ze strony trzeba pobrać podlinkowany dokument PDF.
@imlmpe: tak konretnie to nie jest do końca prawdą. Skusiłem się i przeczyałem bo nie chciało mi się wierzyć. Miałem rację. Opisywany przypadek dotyczy banku T-Mobile gdzie autentykacja polegała na podaniu dwóch ostatnich numerów na które dzwoniliśmy. Dodatkowo już to wyłączyli:
In January 2020, T-Mobile informed us that after reviewing our research, it has discontinued the use of call logs for customer authentication.
Także, ździebko nierzetelny artykuł i clickbaitowym tytule. pokaż całość
-
◢ #unknownews ◣
Witam w pierwszym zestawieniu w nowym roku. Nadal żyję. Mam się dobrze, a projekt zestawień będzie kontynuowany.
UWAGA: zmieniłem hasło dostępowe dla patronów (znajdziesz je w przypiętym wpisie na patronite lub na grupie dla patronów).
1) GitHub ogłosił wprowadzenie nielimitowanej liczby prywatnych repozytoriów dla darmowych użytkowników
https://github.blog/2019-01-07-new-year-new-github/
INFO: limit trzech użytkowników dla prywatnych repo na darmowych kontach niestety nadal pozostał bez zmian
2) Pętle w JavaScript? - da się żyć bez nich. Kilka przykładów jak to zrobić
https://medium.com/better-programming/you-dont-need-loops-in-javascript-1dc8139eab4b
INFO: artykuł zawiera porady jak szybciej i bardziej efektywnie zapisać to, co do tej pory robiliśmy np. za pomocą pętli 'for'. Sprytne.
3) SOLID - czym są te zasady w programowaniu i w jaki sposób junior developerzy je łamią?
https://codersbible.com/solid-principles-and-how-i-was-breaking-them-as-junior-developer/
INFO: świetny tekst, który powinien przeczytać nie tylko początkujący DEV, ale też każdy 'samouk' z branży programowania
4) Porządne zestawienie zamienników dla aplikacji i usług od Google
https://github.com/tycrek/degoogle
INFO: warto rzucić okiem, nawet jeśli nie chcesz rezygnować z usług Google. Przeglądając listę poznasz sporo nowych narzędzi.
5) Jak wyjść z VIMa? - piękne i prześmiewcze zestawienie kilkudziesięciu metod na opuszczenie tego edytora
https://github.com/hakluke/how-to-exit-vim/blob/master/README.md
INFO: jedyna niewymieniona metoda to oczywiście ":q<enter>" ;)
6) Jak zadbać o swoją prywatność używając Androida? Poradnik od ProtonMail
https://protonmail.com/blog/android-privacy/
INFO: lista kroków które możemy podjąć aby zwiększyć swoją prywatność, albo mówiąc wprost: aby zmiejszyć nasz kontakt z Googlem ;)
7) Jak klikanie na losowe linki w internecie doprowadziło do najazdu policji i zabrania wszystkich komputerów i dysków - ciekawa historia
https://blog.haschek.at/2015-that-not-so-awesome-time-the-police
INFO: kliknięcie powyższy link NIE doprowadzi do zabrania wszystkich Twoich komputerów i dysków. Obiecuję ;)
8) Repeat - narzędzie do nagrywania akcji klawiatury i myszki, a następnie ich odtwarzania. Dobre do automatyzacji pracy
https://github.com/repeats/Repeat
INFO: do nagranej sekwencji klawiszy czy klików można przypisać skrót klawiszowy do jej wywołania. Działa na Windows, Mac i Linux
9) Konwerter kolorów webowych - zamienia zapis koloru między różnymi formatami jego zapisu (np. w CSS)
https://www.colorsandfonts.com/colorcode.html
INFO: narzędzie konwertuje kolory między formatami HEX, RGB, RGBA, HSL i HSLa. Po prawej masz podgląd danego koloru.
10) Google Calendar CLI - czyli terminalowe narzędzie do zarządzania kalendarzem.
https://github.com/insanum/gcalcli
INFO: obsługuje zarówno wyświetlanie eventów jak i ich tworzenie, eksportowanie, importowanie itp. Zobacz screeny.
11) Jak tworzyć lepsze aplikacje w NodeJS? - zwięzła lista porad związanych z wydajnością i bezpieczeństwem
https://www.inkoop.io/blog/node-js-tips-tricks-that-can-help-you-deliver-more-secure-and-robust-application/
INFO: warto rzucić okiem na podlinkowane w poradach narzędzia
12) Co znalazłem grzebiąc w node_modules? - ciekawa i momentami zabawna analiza katalogu z modułami (artykuł z 2016r)
https://medium.com/s/silicon-satire/i-peeked-into-my-node-modules-directory-and-you-wont-believe-what-happened-next-b89f63d21558
INFO: paczka, która podczas instalacji automatycznie lajkuje tweeta? paczka includująca cała encyklopedię Brittanica w celu wyświetlenia 2 linijek tekstu?
13) Spis publicznie dostępnych API z podziałem na kategorie
https://public-apis.xyz
INFO: każde API jest opisane w kilku słowach i ma link do dokumentacji
14) WebAuthn - co to jest? jak to działa i dlaczego powinniśmy zacząć tego używać?
https://webauthn.guide
INFO: w uproszczeniu, to mechanizm uwierzytelniania oparty na kluczach U2F, który pozwala rejestrować się i logować bez użycia haseł. Na stronie są przykłady implementacji i działające demo.
15) Jak dodać logowanie do strony zbudowanej w oparciu o Gatsby? - wideoporadnik (32 mminuty, po polsku)
https://www.youtube.com/watch?v=jtUikA_G1Vo
INFO: pomimo tego, że Gatsby jest generatorem stron statycznych, nie znaczy to, że niektóre elementy strony nie mogą korzystać z zewnętrznych, dynamicznych API (tutaj w oparciu o Strapi)
16) Bandwhich - narzędzie (dla Linuksa i Maca) do analizy który program zjada nam transfer na łączu i z czym się łączy
https://github.com/imsnif/bandwhich
INFO: świetne narzędzie zwłaszcza do instalacji na serwerach z dziesiątkami użytkowników. Jedno polecenie i wiadomo kto nam zapycha łącze.
17) Jak cofnąć niemal każdą pomyłkę z użyciem GITa?
https://github.blog/2015-06-08-how-to-undo-almost-anything-with-git/
INFO: must read dla każ∂ego developera, bo każdemu zdarzają się wpadki.
18) FFmpeg - podstawy pracy z plikami filmowymi i z aplikacją ffmpeg (CLI do operacji na wideo)
https://github.com/leandromoreira/ffmpeg-libav-tutorial
INFO: wiesz czym jest transcoding? a transmuxing? albo transrating? Dowiesz się tego z artykułu
19) Lista 11 sztuczek dla programistów JavaScript
https://medium.com/better-programming/11-extremely-useful-javascript-tips-4484429a5655
INFO: konwertowanie dowolnej wartości na boolean. Krótszy zapis instrukcji warunkowych. Mieszanie wartości w tabeli i inne.
20) Interesujące narzędzie (SaaS) do webscrapingu - OctoParse
https://www.octoparse.com/
INFO: podajesz adres strony i ustalasz co chcesz z niej zebrać (np. ceny produktów), a automat zrobi to za Ciebie. Darmowe konto jest ograniczone do max 10k wyników.
21) Film: 6 sposobów na animacje w React (18 minut, po polsku)
https://www.youtube.com/watch?v=RZb6flatyZ0
INFO: zwykły CSS, React-transition-group, GSAP, Lottie i inne. Zobacz czym się różnią i o co w nich chodzi.
22) Lista stron z darmowymi ilustracjami do wykorzystania w projektach
https://blog.prototypr.io/12-places-to-find-beautiful-free-illustrations-f765967ba44c
INFO: to nie są banki 'zdjęć', a 'ilustracji'. Niektóre do ściągnięcia jako JPG/PNG, inne jako PSD, a kilka serwisów oferuje także formaty wektorowe
23) Ile syscalli potrzebne jest do wypisania tekstu "Hello World" na ekran? - to zależy od języka
https://drewdevault.com/2020/01/04/Slow.html
INFO: ciekawe zestawienie. Wydaje się, że odpowiedź powinna brzmieć 2 (write + exit), ale niektóre języki dochodzą do 33-38 wywołań
24) Potrzebujesz zdjęć twarzy kobiet/mężczyzn do swoich projektów? oto lista ponad 100k darmowych fotek.
https://generated.photos/
INFO: wszystkie z fotografii zostały wygenerowane przez AI, więc NIE przedstawiają żadnej istniejącej osoby.
25) Nauka programowania hardware (embeded) dla programistów software - od czego zacząć?
https://blog.athrunen.dev/learning-hardware-programming-as-a-software-engineer/
INFO: tutorial na przykładzie układu ESP32
26) Wizytówka z wbudowanym procesorem ARM, zdatna do uruchomienia Linuksa
https://www.thirtythreeforty.net/posts/2019/12/my-business-card-runs-linux/
INFO: koszty budowy to niecałe $3. Czas startu systemu to około 6 sekund. Dostępny jest kod źródłowy i schematy.
27) Tworzenie własnego klienta BitTorrenta w języku GO - tutorial od podstaw
https://blog.jse.li/posts/torrent/
INFO: nawet jeśli nie znasz tego języka, to i tak artykuł może być przydatny, ponieważ tłumaczy bardzo dokładnie zasady działania protokołu bittorrent
28) Skąd wzięły się nazwy języków programowania?
https://dev.to/scottydocs/how-programming-languages-got-their-names-207e
INFO: wiesz skąd pochodzą nazwy takie jak Python, Kotlin czy Perl?
29) Frontend performance checklist 2020 od Smashing Magazine - czyli co zrobić, aby Twoja strona była szybsza?
https://www.smashingmagazine.com/2020/01/front-end-performance-checklist-2020-pdf-pages/
INFO: checklistę można pobrać także w wersji offline jako PDF/DOC
== LINKI TYLKO DLA PATRONÓW ==
30) Darmowa książka (online) do nauki Reacta
http://uw7.org/un_5e1839bd2e63d
INFO: obejmuje w zasadzie wszystko, co powinieneś wiedzieć na ten temat.
31) Farmy lajków na Facebooku i Instagramie - jak działają? (prelekcja, 1h)
http://uw7.org/un_5e1839af8560f
INFO: bardzo ciekawe wystąpienie z konferencji, gdzie badacze pokazują jak namierzali farmy 'klikaczy'. Sporo na temat zarobków, zasięgu itp.
32) Lista 10 najlepszych (zdaniem autora zestawienia) bibliotek do animacji w CSS
http://uw7.org/un_5e1839a77ea7f
INFO: Angrytools wygląda szczególnie ciekawie, bo nie jest to biblioteka sama w sobie, a cały generator do tworzenia animacji w CSS
33) Ciekawe materiały dla pentesterów, hackerów i ludzi z branży security
http://uw7.org/un_5e1839a12df56
INFO: kilkadziesiąt linków do stron, narzędzi i artykułów z w/w tematyki.
34) Obsługa schowka (clipboard) w aplikacjach webowych przez Clipboard API
http://uw7.org/un_5e18399bd47c5
INFO: ustawianie i odczyt zawartości schowka.
==
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: #android #python #javascript #frontend #security #nodejs #google #serwery #programowanie #technologia #ciekawostki pokaż całość -
◢ #unknownews ◣
To prawdopodobnie ostatnie wydanie zestawienia w tym roku. W przyszłym tygodniu wyjeżdżam już do rodziny na święta, co też zrobi pewnie większość czytelników zestawienia ;)
1) Wielkie badanie branży IT pracującej na umowach B2B - jak to wygląda?
https://solutionchaser.com/wyniki-badania-na-temat-jakosci-pracy-na-b2b/
INFO: artykuł przedstawia, że jednak nie jest tak różowo jak niektórzy to widzą. (na początku tekstu masz TLDR - można rzucić okiem)
2) Sekretne życie lokalizatorów GPS - miały gwarantować bezpieczeństwo, a jak jest naprawdę?
https://decoded.avast.io/martinhron/the-secret-life-of-gps-trackers/
INFO: łatwość podsłuchiwania innych użytkowników, domyślne hasła dostępowe, czy brak szyfrowania transmisji - to tylko niektóre z przewinień tańszych modeli lokalizatorów
3) Automatyczny generator ".gitignore", bazujący na użytych w projekcie technologiach
https://www.gitignore.io
INFO: wpisujesz czego używać - np. "composer react symfony" i masz gotowy plik dzięki któremu nie zaśmiecisz swojego repozytorium
4) Wszystko co powinieneś wiedzieć o CSS - selektory, ich waga, skrótowe formy zapisu itp.
https://www.taniarascia.com/overview-of-css-concepts/
INFO: wiesz jaką wagę ma klasa/tag/ID? która definicja z CSS będzie brana pod uwagę i dlaczego? Sprawdź to.
5) Java Security Calendar 2019 - kalendarz "adwentowy" skrywający pod każdym okienkiem buga w Javie
https://www.ripstech.com/java-security-calendar-2019/
INFO: rzuć okiem na edycję z 2017 roku z bugami w PHP - też jest fajna
6) "Mój samochód nie chce zapalić gdy kupuję lody waniliowe - przy innych smakach jest OK" - ciekawy przypadek z General Motors
https://www.digitalrepublik.com/digital-marketing-newsletter/2015/05/10/my-car-does-not-start-when-i-buy-vanilla-ice-cream-said-a-man-to-general-motors/
INFO: ta historia pokazuje, że niektóre szalone tickety od klientów mogą mieć sens, a ich rozwiązanie bywa nietrywialne
7) Almond - wirtualny asystent dbający o prywatność użytkownika
https://almond.stanford.edu
INFO: warto zobaczyć drugi z filmów prezentujących jego możliwości (sugeruję pominąć pierwszy...)
8) Podstawy tworzenia rozszerzeń do przeglądarek - "background page"
https://levelup.gitconnected.com/how-to-use-background-script-to-fetch-data-in-chrome-extension-ef9d7f69625d
INFO: jak stworzyć rozszerzenie działające stale w tle lub takie, które oczekuje na konkretne eventy
9) BBC opublikowało archiwum swoich efektów dźwiękowych - ponad 16000 nagrań w formacie WAV
http://bbcsfx.acropolis.org.uk
INFO: wszystkie nagrania są dostępne za darmo do użytku w celach niekomercyjnych i hobbystycznych.
10) Nawiasy w Bashu - niezbędna wiedza dla programistów shellowych
https://dev.to/rpalo/bash-brackets-quick-reference-4eh6
INFO: nawias kwadratowy? nawias okrągły? podwójny nawias kwadratowy? a może podwójny okrągły? jaka jest różnica między tymi zapisami?
11) Jak tworzyć graficzne aplikacje na Raspberry Pi bez konieczności posiadania środowiska graficznego na malince?
https://medium.com/@avik.das/writing-gui-applications-on-the-raspberry-pi-without-a-desktop-environment-8f8f840d9867
INFO: rozwiązaniem jest używanie tzw. framebuffera (metoda znana od lat w świecie Linuksa)
12) Najczęściej kopiowany fragment kodu ze StackOverflow zawiera błąd
https://programming.guide/worlds-most-copied-so-snippet.html
INFO: mowa o funkcji zamieniającej długa liczbę bajtów na formę czytelną dla człowieka (wyrażoną w kB, GB, PB itp.)
13) Gra online do ćwiczenia umiejętności hackersko-programistycznych
https://hack.ainfosec.com
INFO: początkowe zadania są banalne (czysty JS), ale im dalej, tym trudniej (kryptografia, znajomość programowania, reverse engineering itp)
14) Przewidywania odnośnie drogi rozwoju programowania na 2020 rok
https://medium.com/better-programming/2020-programming-trend-predictions-a5d6b70bec26
INFO: Rust zyska na popularności? API będzie szło w stronę GraphQL? Co będzie z PWA i WebAssembly?
15) Często piszemy określenie "CI/CD" - ale czym naprawdę jest to CI i co je rózni od CD?
https://fire.ci/blog/the-difference-between-ci-and-cd/
INFO: Continuous Integration? Continuous Delivery? Continuous Deployment? to jedno i to samo? Niekoniecznie.
16) Interaktywne wprowadzenie do tworzenia animacji w React z użyciem biblioteki Framer Motion
https://react.christmas/2019/3
INFO: każdy przykład zawiera kod źródłowy i podgląd efektów jego wykonania.
17) Lista 9 najlepszych (zdaniem autora tekstu) nagrań z konferencji dla programistów .NET
https://dev.to/thomasardal/9-awesome-net-conference-talks-you-don-t-want-to-miss-fid
INFO: zupełnie nie znam dotneta, więc nie wypowiem się o jakości - po ilości lajków i sharów wnioskuję, że to fajny materiał ;)
18) Huginn - personalny system automatyzacji zadań (selfhosted)
https://github.com/huginn/huginn/
INFO: najbardziej przypomina to serwis w stylu "IFTTT", z tą różnicą, że nie działa to w chmurze, a na Twoim serwerze
19) Przegląd 12 użytecznych rozszerzeń do VSCode dla web developerów (film ~14 minut)
https://dev.to/wilsmex/12-vs-code-extensions-for-web-dev-ii4
INFO: pod filmem widoczna jest lista omawianych rozszerzeń
20) Negative Latency - ujemne opóźnienie w grach online? Nowy, ciekawy pomysł od Google
https://nolannicholson.com/latency.html
INFO: ta strona prezentuje algorytmy, które NIE obniżają opóźnień w grach, ale symulują jakby ich nie było (są dema online - klikaj myszką aby grać)
21) Nowe funkcje dostępne w API przeglądarki Chrome - ciekawe, kiedy pojawią się u konkurencji.
https://blog.bitsrc.io/7-new-chrome-apis-you-should-know-cf2dcb9f42dc
INFO: niektóre z nich bardzo ułatwiają życie programistom (np getInstalledRelatedApps czy WebShare API)
22) Budowa prostego RESTowego API bazującego na Lambdzie (rozwiązanie ServerLess) oraz API Gateway (z AWS)
https://blog.sourcerer.io/full-guide-to-developing-rest-apis-with-aws-api-gateway-and-aws-lambda-d254729d6992
INFO: artykuł jest dość długi, ale krok po kroku wyjaśnia cały proces konfiguracji środowiska i tworzenia kodu.
23) Music mode for Youtube - dla tych, którzy lubią słuchać muzyki na YT (rozszerzenie do Chrome)
https://chrome.google.com/webstore/detail/music-mode-for-youtube/jeieekjcmkhfffleemgbiooooockfmha?ref=producthunt
INFO: nie potrzebujesz obrazu, rekomendacji, komentarzy. Potrzebujesz tylko dźwięku i przycisków do sterowania.
24) Kotlin vs Java - ten sam kod napisany osobno w tych dwóch technologiach
https://www.kotlinvsjava.com
INFO: u góry są zakładki które łatwo przeoczyć - użyj ich ;)
25) Która firma z USA najwięcej płaci programistom na różnych poziomach zaawansowania (od juniora do głównego inżyniera)?
https://www.levels.fyi/2019/
INFO: może Cię zaskoczę, ale NIE jest to Google ani Amazon.
26) Starship - "niezależny shellowo prompt napisany w Rust". Trudno to opisać, ale animacja wszystko wyjaśnia
https://starship.rs
INFO: zerknij do zakładki z konfiguracją. Zdziwisz się jak bardzo customizowalne jest to narzędzie.
27) Dobry kanał na Youtube z tutorialami dla programistów
https://www.youtube.com/channel/UCMm15RFnHUvM-aSc50e7R9A/videos
INFO: porusza zarówno te proste tematy, jak i bardziej zaawansowane np. programowanie reaktywne w JS
28) Język angielski jest nierozerwalnie związany z branżą IT - oto kilka narzędzi do jego efektywniejszej nauki
https://blog.robertorlinski.pl/2019/12/02/materialy-do-nauki-jezyka-angielskiego/
INFO: zaskoczył mnie program DeepL. Jeśli chodzi o gramatykę przetłumaczonego na polski tekstu, to jest o niebo lepszy od np. Google Translate
29) Co każdy programista powinien wiedzieć o... czasie
https://unix4lyfe.org/time/
INFO: czym się różni UTC od GTM? czym jest sekunda przestępna?
30) Tworzysz aplikację na Androida? a może chcesz je tworzyć na Androidzie i tam też kompilować?
https://github.com/BuildAPKs/buildAPKs
INFO: ta prosta aplikacja umożliwia tworzenie plików APK bezpośrednio na urządzeniu (np. na Chromebooku)
31) Krótka historia o tym jak para geeków dodała własne znaki do standardu Unicode
https://unicodepowersymbol.com/we-did-it-how-a-comment-on-hackernews-lead-to-4-½-new-unicode-characters/
INFO: tekst (choć nie nowy), świetnie przedstawia jak wygląda proces tworzenia nowych znaków i z jakimi formalnościami się to wiąże
32) Trzy sposoby na obniżenie kosztów utrzymania API na infrastrukturze AWS
https://gameanalytics.com/blog/reduce-costs-https-api-aws.html
INFO: w skrócie, każdy bajt transmisji się liczy, a Ty możesz tych bajtów sporo zaoszczędzić z użyciem tych porad.
33) FX - terminalowe narzędzie do przeglądania plików JSON
https://github.com/antonmedv/fx
INFO: to, co odróżnia go od konkurencji to możliwość nawigowania myszką po strukturze JSONa
34) Zastanawiałeś się kiedyś, jak duże jest Archiwum Internetu (archive.org)?
https://twitter.com/textfiles/status/1204428311553642496
INFO: przeczytaj CAŁY WĄTEK i przekaż datek na jego utrzymanie.
35) Zamiast typu boolean używaj w swoim projekcie typów ograniczonych co do wartości (np. enum)
https://www.luu.io/posts/dont-use-booleans/
INFO: artykuł opisuje dlaczego to jest ważne i jak boole mogą skomplikować Ci życie przy rozroście projektu
36) SQL Murder Mystery - zostań detektywem w SQL City. Znajdź mordercę
https://mystery.knightlab.com
INFO: po przeczytaniu krótkiego wprowadzenia dowiesz się o co chodzi i jak grać. Musisz wskazać winnego. Baza na której pracujesz (online) to SQLite. Na końcu jest link do solucji.
== LINKI TYLKO DLA PATRONÓW ==
37) Jak postawić własny, darmowy serwer VPN na infrastrukturze AWS? (tutorial ponoć na 5 minut)
http://uw7.org/un_5dfa02c8c1d4d
INFO: rozwiązanie bazuje na "Free Usage Tier"
38) Jak zaprojektować dobre API RESTowe?
http://uw7.org/un_5dfa02cf3a508
INFO: pokaźny zbiór porad i przykładów implementacji
39) Ucz się programowania frontendowego tworząc konkretne projekty - oto ich zbiór
http://uw7.org/un_5dfa02d49f024
INFO: około setka poradników pokazujących jak stworzyć projekty, które przyspieszą Twoją naukę frontendu
40) Jak zapewnić sobie rozpoznawalność w pracy jako developer? Zbiór porad (mini ebook)
http://uw7.org/un_5dfa02f6af640
INFO: Łącznie około 28 stron porad. W drugim akapicie masz książkę w formacie PDF do pobrania offline.
41) Zbiór tutoriali, które w jednym filmie nauczą Cię podstaw języka X (filmy od 30 minut do prawie 5h)
http://uw7.org/un_5dfa02fc96dc6
INFO: React + Node, Django (Python), React Native, Python Flask, React + Firebase
42) Czego słuchać podczas programowania? Zbiór 57 klimatycznych kompilacji (albumów?)
http://uw7.org/un_5dfa0301983cf
INFO: wszystkie dostępne za darmo w formie online jak i do ściągnięcia jako długie (przeważnie 1h) pliki mp3
==
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: #programowanie #technologia #android #python #frontend #security #dotnet #internet #serwery #technologia #css #javascript #ciekawostki
Zapraszam na:
https://unknow.news pokaż całość-
INFO: przeczytaj CAŁY WĄTEK i przekaż datek na jego utrzymanie.
@imlmpe: Zrobione, dzięki za bodziec. Nawiasem mówiąc, wielki szacunek za przygotowywanie tych zestawień. Często czytam Twoje linki. Historia dodatkowych znaków Unicode - bezcenna. Świetna też historia z lodami waniliowymi. A propos - znasz klasyczną opowieść o firmie, z której nie dało się wysyłać maili na odległość powyżej 500 mil? ( ͡° ͜ʖ ͡°)
https://www.ibiblio.org/harris/500milemail.html pokaż całość+: imlmpe -
6) "Mój samochód nie chce zapalić gdy kupuję lody waniliowe - przy innych smakach jest OK" - ciekawy przypadek z General Motors
https://www.digitalrepublik.com/digital-marketing-newsletter/2015/05/10/my-car-does-not-start-when-i-buy-vanilla-ice-cream-said-a-man-to-general-motors/
INFO: ta historia pokazuje, że niektóre szalone tickety od klientów mogą mieć sens, a ich rozwiązanie bywa nietrywialne
@imlmpe: muszę Cię zmartwić ale ta wstawka to legenda i to jeszcze poprzestawiana https://www.snopes.com/fact-check/cone-of-silence/ pokaż całość
-
-
◢ #unknownews ◣
Nowy przegląd ciekawych linków ze świata IT już na Ciebie czeka. Zapraszam do czytania.
1) Jak zbudować stronę kompatybilną z "Reader Mode"
https://medium.com/@mandy.michael/building-websites-for-safari-reader-mode-and-other-reading-apps-1562913c86c9
INFO: zbiór porad i przykłady jak to wygląda w praktyce
2) Lubisz pracę w terminalu? oto zestaw narzędzi, których prawdopodobnie nie znasz, a które Ci ją uprzyjemnią
https://vim.reversed.top
INFO: przeglądarki WWW, listy ToDo, czytniki PDF, odtwarzacze muzyczne... i to wszystko w trybie tekstowym
3) Firefox Private Network - Mozilla rusza z własnym projektem VPNa (płatna usługa)
https://fpn.firefox.com/vpn
INFO: będzie to VPN dla całego systemu, a nie tylko dla przeglądarki. Obecnie klient działa tylko na Windowsie, ale docelowo ma być na każdy system.
4) Strapi - CMS typu headless (nie posaida frontendu!). Świetne wprowadzenie (film ~23 minuty)
https://www.youtube.com/watch?v=4ifOQhfcNXM
INFO: film przedstawia jak z użyciem Strapi stworzyć proste API zdatne do podpięcia pod dowolny frontend (np. React). Subskrybuj cały kanał.
5) PlainTextProject - naprawdę potrzebujesz skomplikowanych narzędzi do organizacji swojej pracy? Co powiesz na plik TXT?
https://plaintextproject.online
INFO: ciekawa strona gromadząca materiały na temat użycia zwykłych plików tekstowych do zwiększenia swojej produktywności.
6) Najlepsze, działające w chmurze IDE dla programistów JavaScript
https://blog.bitsrc.io/5-top-cloud-ides-for-javascript-developers-62ee672c6e88
INFO: niektóre z nich obsługują także języki server-side (nie tylko JS) z możliwością kompilacji kodu
7) Najprostsza metoda na parsowanie strony internetowej w NodeJS
https://dev.to/benjaminmock/the-easiest-way-to-scrape-a-website-with-javascript-in-node-js-54f1
INFO: rozwiązanie używa Puppeteera i zajmuje zaledwie 9 linijek kodu
8) Action Mailbox w Ruby on Rails - co to jest i jak tego używać?
https://prograils.com/posts/real-life-examples-adding-action-mailbox-to-a-rails-6-app
INFO: tak jak można zakładać webhooki aktywujące pewne akcje, tak w Rails 6 można założyć "mailhooka" aktywowanego przychodzącym mailem.
9) Jak zrozumieć skalowanie obrazków SVG? Interaktywne wyjaśnienie (pobaw się suwakami na dole strony)
https://wattenberger.com/guide/scaling-svg
INFO: dzięki tej stronie zrozumiesz czym są parametry: wysokość, szerokość, x oraz y. Nie jest to takie oczywiste jak w przypadku typowych obrazków
10) PatchBay - serwis online dla ludzi potrzebujących wymieniać małe porcje danych między różnymi skryptami
https://patchbay.pub
INFO: Serwis tworzy coś na wzór tunelu - jeden komputer wrzuca dane do tunelu, a drugi to 'consumer', który te dane wyciąga gdy tylko są dostępne. Zobacz przykłady na stronie.
11) Multi-stage build na Dockerze - czyli jak zbudować optymalny obraz
https://geshan.com.np/blog/2019/11/how-to-use-docker-multi-stage-build/
INFO: porady jak zamiast tworzenia obrazów mających po 200-300 MB, tworzyć takie mające po kilkanaście mega.
12) Amazon rusza z własną platformą do automatycznego code review opartego na sztucznej inteligencji
https://aws.amazon.com/codeguru/
INFO: za darmo dostajemy 90 dni code review, a późniejsza opłata to 75 centów za analizę 100 linii kodu. Obecnie obsługiwany jest tylko język Java
13) SLAP - edytor tekstu w stylu macowego Sublime, tyle że... terminalowy
https://github.com/slap-editor/slap
INFO: obsługuje podświetlanie składni dla ponad 100 języków. Wiele rzeczy da się tam 'wyklikać'. Nie musisz znać skrótów klawiszowych
14) Advent of Code - edycja 2019. Idealne dla tych, którzy uczą się programować
https://adventofcode.com/2019
INFO: kalendarz adwentowy dla programistów. Codziennie dostajesz jedno zadanie do implementacji (już 6 dni za nami, ale można podglądać stare zadania)
15) Lista 10 sztuczek, które zwiększą Twoją produktywność w VSCode
https://medium.com/better-programming/10-things-to-boost-your-workflow-in-visual-studio-code-1a64d20cc6e4
16) Programowanie Reaktywne - co to jest?
https://codersbible.com/introduction-to-reactive-programming-for-everyone/
INFO: widzisz w ofertach pracy tajemnicze zapisy RxJava, RxJS, RxSwift, RxKotlin, RxScala czy Rx.NET? dowiedz się, o co chodzi.
17) Co ma wpływ na jakość kodu tworzonego przez programistę? - kilka rzeczy o których zapominamy
https://increment.com/teams/the-epistemology-of-software-quality/
INFO: na pierwszy rzut oka, głównym czynnikiem są wiedza i doświadczenie. Istnieją jednak inne czynniki, które mogą mieć na to wpływ.
18) Dlaczego programista powinien używać WLS (Windows Subsystem for Linux)?
https://devpebe.com/2019/11/22/dlaczego-programista-powinien-uzywac-wsl-v2-czyli-linux-na-windowsie-10/
INFO: przegląd możliwości i porównanie WLS z WLS2.
19) Czym jest protokół SRP (Secure Remote Password) i jak on działa w praktyce?
https://medium.com/swlh/what-is-secure-remote-password-srp-protocol-and-how-to-use-it-70e415b94a76
INFO: dobrze wyjaśniony (i przedstawiony na wykresach) proces rejestracji i logowania z użyciem SRP
20) Dług technologiczny i tzw. 'hard coding' - czyli jak sposób pisania kodu może wpłynąć na jego późniejszą możliwość rozbudowy
https://efficientuser.com/2019/11/27/technical-debt/
21) Jak debugować cudzą aplikację na Androida? Porady.
https://camg.me/debug-third-party-android-apps/
INFO: sztuczki związane z pakietem apktools. Dodawanie trybu debugowania do istniejącej aplikacji, debugowanie z użyciem zrootowanego telefonu itp.
22) Sherlock - narzędzie do wyszukiwania ludzi w social mediach na podstawie loginu
https://github.com/sherlock-project/sherlock
INFO: natrafiłeś np. na gościa o nicku "batman69x" i chcesz wiedzieć o nim więcej. Dzięki temu narzędziu znajdziesz go na FB, Linkedin itp.
23) Lighthouse - projekt od Google, który powinieneś już znać, a jeśli jest inaczej, to nadrabiaj zaległości (film ~37 minut)
https://developers.google.com/web/tools/lighthouse
INFO: to automatyczne narzędzie wskazujące problemy z wydajnością na wybranej stronie WWW. Pozwala zmniejszyć jej czas ładowania czy generowane obciążenie CPU.
24) Nowy rodzaj oprogramowania serwerowego - BPF (film ~30 minut)
http://www.brendangregg.com/blog/2019-12-02/bpf-a-new-type-of-software.html
INFO: Facebook ma około 40 takich programów per serwer. Netflix około 14. A czym są te aplikacje?
== LINKI TYLKO DLA PATRONÓW ==
25) Zrozumieć IPTABLES - czyli jak działa linuksowy firewall
http://uw7.org/un_5dea18eb18a9d
INFO: czym są łańcuchy? co to jest nat, mangle, raw? Kiedy mamy do czynienia z forwardingiem pakietów?
26) Web Workery - czyli jak uruchamiać JavaScript w przeglądarce w wielu wątkach
http://uw7.org/un_5dea18f079403
INFO: proste i zrozumiałe wyjaśnienie jak działa ta technologia i w jaki sposób odbywa się komunikacja między głównym procesem, a workerem.
27) Kolekcja najpopularniejszych rozwiązań stosowanych w CSS - układy strony, nawigacja i inne
http://uw7.org/un_5dea18f52a1d3
INFO: w każdym przykładzie jest zarówno demo jak i kod źródłowy (trzeba sobie przełączyć przyciskiem)
28) Wielka lista oprogramowania self-hosted (do uruchomienia na swoim serwerze/komputerze) - wszystkie ze screenami
http://uw7.org/un_5dea18f9e7155
INFO: pod wyszukiwarką jest mały link "Filter". Tam można przeszukiwać soft według kategorii (aby filtr zadziałał, kliknij w kwadrat po lewej od nazwy)
==
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: #programowanie #technologia #android #javascript #frontend #internet #windows #facebook #nodejs #google #amazon #firefox #serwery #ciekawostki pokaż całość-
4) Jeżeli chodzi o Strapi to zachęcam do przeczytania obszernego artykułu "Headless CMS as a microservice", gdzie opisany jest Strapi oraz jeden z jego rywali - HippoCMS: https://altkomsoftware.pl/en/blog/headless-cms-as-a-microservice/
+: imlmpe
-
◢ #unknownews ◣
Pomimo wielu wyjazdów i licznych projektów udało się - nowe zestawienie już jest! Zapraszam do czytania :)
1) Rozbudowana kolekcja materiałów (serwisy, newslettery, podcasty, książki i wiele innych) dla developerów i innych ludzi z branży IT
https://pawelcislo.com/recommendations/
INFO: jako, że unknowNews został wymieniony w rekomendacjach, to nie mogłem się powstrzymać przed podaniem tego dalej ;)
2) Regularnie aktualizowana lista serwisów trzymających swoje hasła w plaintext (niehashowane)
https://github.com/plaintextoffenders/plaintextoffenders/blob/master/offenders.csv
INFO: na liście jest niestety aż 26 witryn z Polski :(
3) Zbuduj swojego Reacta - rozbudowany tutorial tłumaczący jak napisać część funkcji dostępnych w ReactJS w czystym JS
https://pomb.us/build-your-own-react/
INFO: Artykuł podzielony jest na 8 kroków które opisują poszczególne funkcje wbudowane w Reacta.
4) Jak zbudowany jest commit w GIT? jak to działa?
https://krishnabiradar.com/blogs/deconstructing-a-git-commit/
INFO: Opis tego, co dzieje się w środku repozytorium gdy wysyłasz do niego commita. Momentami dość niskopoziomowy opis
5) Jak działają kontenery - czym jest OverlayFS?
https://jvns.ca/blog/2019/11/18/how-containers-work--overlayfs/
INFO: proste wyjaśnienie tego, jak działa system plików używany np. przez Dockera i dlaczego kontenery zajmują tak mało miejsca na dysku
6) Naiwny klasyfikator bayesowski, czyli uczenie maszynowe dla ubogich ;)
https://blog.floydhub.com/naive-bayes-for-machine-learning/
INFO: rozbudowane wyjaśnienie na czym polega ta metoda + prosta implementacja w Pythonie. Dobre dla początkujących
7) Jak przerobić swojego VIMa tak, aby zachowywał się jak... VSCode? (film - 24 minuty)
https://www.youtube.com/watch?v=gnupOrSEikQ
INFO: muszę przyznać, że niektóre z osiągniętych efektów wywołują u mnie 'efekt WOW' :o
8) Masz problem z mergowaniem swojego kodu z 1-2 kolegami? Jak ogarniają to duże firmy?
https://engineering.shopify.com/blogs/engineering/successfully-merging-work-1000-developers
INFO: przykład mergowania kodu ponad 1000 developerów z firmy Shopify. Wyjaśnienie, jak oni to robią.
9) Porównanie backendowych frameworków dla Javy, Swifta i Go - autor analizuje jak łatwo i szybko tworzy się projekt w każdym z nich
https://medium.com/comsystoreply/https-medium-com-max-comsysto-comparing-backend-frameworks-written-in-java-swift-and-go-70acd07d3a8a
INFO: w każdym frameworku napisano ten sam projekt - prosty serwer HTTP do zwracania JSONa bazującego na wpisach z bazy MySQL
10) Naucz się podstaw JavaScript i zostań lepszym programistą - składnia języka i typy danych
https://medium.com/@cristiansalcescu/learn-these-javascript-fundamentals-and-become-a-better-developer-2a031a0dc9cf
INFO: fajny przegląd wszystkiego co możemy zrobić ze zmiennymi (tablice, obiekty, liczby zmiennoprzecinkowe, stringi itp)
11) Jak dawniej obsługiwano błędy w JavaScript? - odrobina historii
https://blog.appsignal.com/2019/10/17/javascript-errors-an-exceptional-history.html
INFO: na końcu tekstu jest link do drugiego artykułu, który pokazuje jak współcześnie programista powinien obsługiwać błędy w aplikacji
12) Continuous Integration z użyciem narzędzia/serwisu Buddy.works
https://typeofweb.com/continuous-integration-na-github-pages-w-buddy-works/
INFO: tutaj w ramach poradnika zautomatyzowano deployment Github Pages. Wspomniane narzędzie ma pakiet darmowy (120 deployów/msc)
13) Continuous Deployment na BitBuckecie z użyciem ichniejszych pipelines
https://www.toptal.com/wordpress/bitbucket-wordpress-version-control
INFO: pełen opis konfiguracji składającej się ze środowisk DEV, stagingowego i produkcyjnego
14) Wszystko co kiedykolwiek chciałeś wiedzieć o Makefile - świetny opis
https://blog.mindlessness.life/makefile/2019/11/17/the-language-agnostic-all-purpose-incredible-makefile.html
INFO: co to jest? do czego się go używa? jak napisać własny skrypt tego typu? Must-have dla programistów chcących automatyzować pewne taski
15) Do czego służy dns-prefetch na stronach WWW i kiedy przyda Ci się preconnect?
https://www.ctrl.blog/entry/dns-prefetch-preconnect.html
INFO: mówiąc krótko, te dwa rozwiązania mogą znacznie przyspieszyć ładowanie podstron w ramach Twojego serwisu.
16) Założyciel Wikipedii uruchomił (raczej bez rozgłosu) "konkurenta Facebooka" - nowy serwis społecznościowy zwie się "WT Social"
https://www.zdnet.com/article/wikipedias-jimmy-wales-has-quietly-launched-a-facebook-rival-social-network/
INFO: ciekawe jest to, że serwis ten nie ma reklam, ale jest płatny ($100/rok). Ponoć jest tam już ponad 25000 użytkowników
17) Wiedziałeś, że GitHub ma na biegunie swój schron w którym trzyma... kody najważniejszych aplikacji OpenSource? (film ~3 minuty)
https://www.youtube.com/watch?v=fzI9FNjXQ0o
INFO: masz 3 miesiące na przygotowanie się jeśli chcesz aby i Twój kod tam się znalazł :)
18) Nerd Font - kolekcja często używanych fontów z symbolami/ikonami. Idealne do użycia w webdesignie
https://www.nerdfonts.com
INFO: strona posiada także font-patchera, czyli narzędzie dzięki któremu do aktualnie używanego fonta dodasz niezbędne symbole
19) Mail-in-a-Box - chcesz mieć własny serwer mailowy ze wszystkimi niezbędnymi dodatkami? zainstaluj go jednym poleceniem
https://mailinabox.email
INFO: paczka instaluje webmaila (roundCube), dba o obsługę SPF, DKIM, DMARC, IMAP, SMTP, antyspam, greylisting itp
20) CoScreen - współdzielenie ekranu między użytkownikami, jakiego nie było do tej pory (zobacz film)
https://www.coscreen.co
INFO: to jest literalne "współdzielenie ekranu". Jest jeden wspólny ekran na który można przerzucać okna ze swojego pulpitu. To co jest na współdzielonym ekranie jest wspólne (wszyscy userzy mogą tego używać).
21) Tworzenie animacji przez developerów - kilka porad
https://dev.to/iamschulz/animation-for-developers-c4b
INFO: artykuł zawiera wiele przykładów dobrze wykonanych animacji wraz z ich kodami źródłowymi
22) LegraJS - biblioteka JS do rysowania... klockami lego :D
https://legrajs.com
INFO: trudno to opisać, ale po wejściu na stronę natychmiast wiadomo o co chodzi. Użycie biblioteki jest bardzo proste.
23) Błędy w HTML i CSS utrudniające korzystanie ze strony osobom niepełnosprawnym
https://dev.to/melnik909/html-and-css-mistakes-which-i-get-to-meet-as-person-without-disabilities-2cbd
INFO: niektóre z nich są zaskakujące, a wszystkie opisane z perspektywy właśnie osoby z pewnymi ograniczeniami
24) Autouzupełnianie pola typu INPUT stworzone w samym HTML
https://dev.to/blacksonic/autocomplete-dropdown-using-native-html-moi
INFO: tak, efekt 'autocomplete' da się uzyskać już natywnie, z pominięciem wstawek w JavaScript
== LINKI TYLKO DLA PATRONÓW ==
25) "Wszystko czego nauczyłem się na temat Kubernetes dzięki klastrowi Raspberry Pi" (film ~32 minuty)
http://uw7.org/un_5ddf8a5ce5727
INFO: autor przedstawia bardzo ciekawą konfigurację środowiska z użyciem kilku połączonych ze sobą malinek
26) Stwórz bota na Twitterze z użyciem... arkusza kalkulacyjnego od Google i języka Google Script
http://uw7.org/un_5ddf8a57a572f
INFO: wszystko świetnie opisane krok po kroku z fragmentami kodu
27) Lista 10 darmowych kursów online na temat Machine Learningu
http://uw7.org/un_5ddf8a52b0764
INFO: kursy są z różnych platform - tylko jeden jest z Udemy ;)
28) Gry online do szlifowania swojej wiedzy z JavaScript
http://uw7.org/un_5ddf8a4c1e641
INFO: lista zawiera 8 gier 'przeglądarkowych' do ukończenia których potrzebna jest znajomość JS (nie martw się - każda gra ma załączony tutorial)
29) Trzy (darmowe) ebooki PDF/EPUB dla przyszłych startupowców - jak zakładać/prowadzić startup? gdzie sprzedawać? jak obsługiwać Social Media?
http://uw7.org/un_5ddf8a126544e
INFO: na stronie do ściągnięcia jest jeden ebook, ale pod nim w drugim akapicie znajdziesz linki do dwóch kolejnych od tych samych autorów
==
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:
#python #javascript #webdesign #design #startup #facebook #google #docker #technologia #serwery #ciekawostki #programowanie #naukaprogramowania pokaż całość-
@dobry_wykopek: Dokładnie, w starszych wersjach prestashop maile z loginem hasłem były w defaultowym mailu po rejestracji konta. Hasła w bazie oczywiście nie były w plain
-
Poprawka do jednego linka https://blog.mindlessness.life/2019/11/17/the-language-agnostic-all-purpose-incredible-makefile.html
-
-
◢ #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ć
https://www.nytimes.com/2019/10/02/technology/personaltech/google-data-self-destruct-privacy.html
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ę :o
5) "Zbudowałem komputer z użyciem gry Magic The Gathering" (film - 23 minuty)
https://www.youtube.com/watch?v=pdmODVYPDLA
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?
https://andyjohns.co/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
https://andrewchen.co/x-for-y-startup-ideas/
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)
https://visualstudio.microsoft.com/pl/services/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)
https://vimeo.com/113707214
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)
https://www.youtube.com/watch?v=KOvGeFUHAC0
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
https://davidwalsh.name/pornhub-interview
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 pokaż całość -
◢ #unknownews ◣
Wiem, że jutro większość ludzi ma wolne, więc dziś podrzucam wam coś do poczytania. Kolejne zestawienie linków z branży IT
1) Jak skomplikowana może być obsługa edycji tekstu? AUtor artykułu estymował zadanie na 2 tygodnie. Zajęło mu kilka lat.
https://lord.io/blog/2019/text-editing-hates-you-too/
INFO: Te potencjalnie trywialne zadania (jak np. zaznaczanie tekstu, czy obsługa emoji) potrafią być skrajnie trudne do implementacji
2) Pomoday - lista ToDo dla fanów CLI (Command Line) działająca w przeglądarce. Bardzo estetyczne i wygodne.
https://www.pomoday.com
INFO: po włączeniu aplikacji po prawej stronie masz ściągę jak jej używać. Ale uwaga - to są polecenia, a nie skróty klawiszowe! (wpisz np: "t kup mleko")
3) SQL w małych kroczkach - dobre do lepszego zrozumienia np. partycjonowania danych, funkcji bazujących na "oknach", grupowania danych itp
https://sql-steps.wizardzines.com
INFO: krótkie i bardzo czytelne poradniki do SQL, które dokładnie pokazują za co odpowiadają poszczególne elementy zapytania i jak wpływają na parsowane dane
4) DailyNow - Rozszerzenie do Chrome/Firefox pokazujące codziennie garść nowych artykułów dla ludzi z branży Webdev
https://www.dailynow.co
INFO: teksty pochodzą z 170 różnych źródeł i są ręcznie selekcjonowane. Można wybierać interesujące Cię tematy/serwisy.
5) Tworzenie wtyczek do środowisk programistycznych - jak łatwe to jest w zależności od IDE?
https://medium.com/cacher-app/building-code-editor-plugins-a-comparison-83b5c21657fe
INFO: autorzy porównują Visual Studio Code, Atom, Sublime Text oraz IntelliJ Platform
6) Jak stałem się webdevloperem w 180 dni - bez studiów informatycznych itp
https://medium.com/better-programming/become-a-web-developer-in-180-days-without-cs-degree-e869395972e1
INFO: ciekawy przewodnik po zagadnieniach jakie należy opanować + linki skąd autor czerpał wiedzę
7) Skaffolder - aplikacja online pozwalająca bardzo szybko wyklikać kod źródłowy dla Twojego projektu.
https://www.skaffolder.com
INFO: Darmowe konto wspiera tylko kod pisany w NodeJS+React, ale platforma obsługuje dziesiątki konfiguracji. Aktualnie trwa promocja -90% za konto Lifetime
8) Jak udawać bycie dobrym programistą? - kilka porad
https://towardsdatascience.com/how-to-fake-being-a-good-programmer-cbef2c39764c
INFO: tekst raczej humorystyczny i lekko sarkastyczny, ale pokazuje też trendy w tej branży i to, po czym niekiedy oceniamy ludzi z IT
9) Co to jest ten HeadLess CMS? do czego się tego używa i jak pobierać z niego dane?
https://dev.to/andrewbrown/tl-dr-headless-cms-85n
INFO: w praktyce, używasz dowolnego CMSa do zarządzania danymi (np. WordPress), ale wyciągasz dane "po swojemu", omijając system renderowania frontendu.
10) Praca z wątkami w Ruby - jak to robić poprawnie i czym te wątki są?
https://www.rubyguides.com/2015/07/ruby-threads/
INFO: artykuł omawia także pewne popularne problemy jak deadlocki czy racecondition i tłumaczy jak sobie z nimi radzić
11) Nowa kamera w iPhone 11 - co w niej jest takiego niezwykłego?
https://blog.halide.cam/inside-the-iphone-11-camera-part-1-a-completely-new-camera-28ea5d091071
INFO: bardzo fajne omówienie zmian i pokazanie różnic na konkretnych przykładach.
12) Raspberry Pi, malutki projektor i plastikowa maska - razem mogą zdziałać cuda (film - 10 minut)
https://www.youtube.com/watch?v=WefSub8qesQ
INFO: film pokazuje jak osiągnięty został efekt zaprezentowany na początku nagrania. Świetny efekt!
13) Używasz XMLa w swoim projekcie? Jest szansa, że robisz to niepoprawnie (czytaj: niezgodnie z założeniami języka i z zamysłem jego autora)
https://www.devever.net/~hl/xml
INFO: zobacz, jak w zamyśle twórcy XMLa powinien wyglądać poprawny zapis struktury danych w tym języku (i zobacz także, jak wygląda jeden z najgorszych zapisów).
14) Lista najlepszych CMSów do stawiania stron na NodeJS
https://www.ubuntupit.com/best-nodejs-cms-platforms/
INFO: nie samym PHPem żyje człowiek i niekoniecznie trzeba być skazanym na Wordpressa.
15) Odważna decyzja Twittera - blokują możliwość kupna jakiejkolwiek kampanii politycznej na swojej platformie
https://twitter.com/jack/status/1189634360472829952
INFO: jak piszą, "poparcie się zdobywa, a nie kupuje". Brawo!
16) HELLvetica - czyli font, którego powinieneś użyć jeśli chcesz przyprawić grafików i projektantów o zawał
https://hellveticafont.com
INFO: nie mylić z Helvetica! ;)
17) Wraz z Firefoxem 70 nadeszło sporo ciekawych zmian dla programistów - zobacz jakich
https://hacks.mozilla.org/2019/10/firefox-70-a-bountiful-release-for-all/
INFO: na szczególną uwagę może zasługiwać np. wbudowany generator mocnych haseł dla pól "password", czy zaznaczanie nieaktywnych reguł CSS w inspektorze obiektów
18) Musisz zalogować się na Smart TV czy smart lodówce? prawdopodobnie wybierzesz łatwe i proste do wpisania hasło. Jest na to sposób
https://fusionauth.io//blog/2019/10/29/oauth-device-authorization-roku-appletv-xbox
INFO: FusionAuth to rozwiązanie polegające na tym, że autoryzację smart-gadżetów przeprowadzamy na komputerze/smartfonie, przepisując tylko kod z ekranu urządzenia. Uwaga: wersja selfhosted jest w 100% darmowa.
19) Podstawy działania DNS dla webdeveloperów
https://dev.to/chrisachard/dns-record-crash-course-for-web-developers-35hn
INFO: co to jest CNAME? do czego służy TTL? itp.
20) GIT-Subrepo - narzędzie do trzymania wielu repozytoriów GITa wewnątrz jednego repozytorium (w podkatalogach)
https://github.com/ingydotnet/git-subrepo
INFO: rozwiązanie ma sporo plusów (wypisanych na stronie), ale pozwala też... obniżyć koszty utrzymania repozytorium jeśli jesteś rozliczany gdzieś w modelu per-repo lub per-user.
21) Jak od strony technicznej działa Figma? (to środowisko do wspólnego projektowania dla grafików)
https://www.figma.com/blog/how-figmas-multiplayer-technology-works/
INFO: najprościej porównać to do takiego 'Google Docs dla grafików', jednak stojąca za tym technologia jest naprawdę ciekawa (np. obsługa sytuacji gdy dwóch grafików zmienia te same parametry, albo gdy ktoś klika 'Undo', a mamy w projekcie 10 osób)
22) Kilka sztuczek dla ludzi często wykorzystujących SSH w pracy
https://dev.to/djangotricks/things-i-want-to-remember-about-ssh-21el
INFO: zarządzanie kluczami, konfiguracja lokalnego klienta, upload/download plików. Dla adminów to podstaw-podstaw, a dla webdevów fajne tricki :)
23) Rzeczy, które możesz osiągnąć w samym CSS bez pomocy JavaScript
https://dev.to/bnevilleoneill/5-things-you-can-do-with-css-instead-of-javascript-975
INFO: płynne przewijanie strony, Dark Mode i kilka innych. Wszystko z przykładami.
== LINKI TYLKO DLA PATRONÓW ==
24) Lista użytecznych narzędzi dla fanów terminala (Linux / Unix)
http://uw7.org/un_5dbaf1a205cdb
INFO: każde narzędzie posiada screena pokazującego jak działa i informację w jakim języku dane narzędzie napisano (myślisz, że który język jest najpopularniejszy? Mylisz się :D)
25) Zbiór metadanych na temat ponad miliona popularnych utworów - może przydać się do nowego projektu/startupu
http://uw7.org/un_5dbaf1a767a52
INFO: autor, tytuł, płyta, rok wydania, słowa piosenki i wiele, wiele innych. Dane można pobrać w kilku formatach, w tym SQLite. Uwaga, bo pełna baza to jakieś 280GB. Do testów ściągnij próbkę mającą 1.8GB.
26) Lista 12 sztuczek w CSS, których prawdopodobnie nie znasz
http://uw7.org/un_5dbaf1ae7be02
INFO: tworzenie graficznych masek, blendowanie (miksowanie?) grafik, parallax i inne.
27) Lista 8 gier, które nauczą Cię nowoczesnego CSS
http://uw7.org/un_5dbaf1b489fc6
INFO: Dwie z nich były już w zestawieniu UnknowNews. We wszystkie gra się online (strona WWW).
==
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 #webdev #javascript #frontend #nodejs #firefox #programowanie #webmastering #ciekawostki pokaż całość-
6) Jak stałem się webdevloperem w 180 dni - bez studiów informatycznych itp
8) Jak udawać bycie dobrym programistą? - kilka porad
@imlmpe: heh punkt 8 akurat pasuje to 6. Nie, doświadczenia się nie da nauczyć w 180 dni. Praca webdeva, podobnie jak programisty nie jest książkowa. Problemy nie naprawiamy wg instrukcji.
-
-
◢ #unknownews ◣
Przegląd ciekawych linków z branży IT - w sam raz do porannej kawy. Zapraszam do czytania :)
1) Jak działa DNS over HTTPS? Obrazkowe wyjaśnienie (komiks)
https://hacks.mozilla.org/2018/05/a-cartoon-intro-to-dns-over-https/
INFO: Dość długi tekst, jednak w bardzo przystępny sposób wyjaśniający to zagadnienie.
2) Ciekawa historia człowieka skazanego na dożywocie, który ostatecznie został programistą w jednej z firm z Doliny Krzemowej
https://thehustle.co/how-one-man-went-from-a-life-prison-sentence-to-a-100k-engineering-job/
INFO: spędził w więzieniu 22 lata. Warto poczytać o akcji 'The Last Mile' dzięki której nauczył się programować w więzieniu
3) "Mój ulubiony commit na GitHubie" - analiza pewnego commita, który w praktyce poprawia jeden bajt kodu, ale za to robi to profesjonalnie ;)
https://fatbusinessman.com/2019/my-favourite-git-commit
INFO: omówienie dobrych praktyk zastosowanych w przypadku tego commita. Dobre do nauki pisania efektywnych opisów do commita.
4) Pipeline operator w JavaScript - interesująca koncepcja na ułatwienie sobie pracy.
https://vzeman.com/pipeline-operator
INFO: obecnie pipeline nie jest jeszcze obsługiwane w JS, ale już teraz można pobawić się tym rozwiązaniem, bo jest ono zaimplementowane jako plugin do Babel. Świetna koncepcja.
5) Interesująca metoda ataku na Alexę i Google Home za pomocą implementacji zewnętrznych umiejętności
https://srlabs.de/bites/smart-spies/
INFO: atak polega na tym, że user aktywuje umiejętność X, ale dostaje komunikat (wygenerowany przez twórcę tej umiejętności), że niestety instalacja nie powiodła się. Od tej chwili user myśli, że jest w głównej powłoce asystenta głosowego, a w praktyce siedzi we wnętrzu aplikacji programisty. Od tej chwili wszystko co powie, wysyłane jest na serwery programisty.
6) Ile realnie można zarobić dzięki programowi wsparcia twórców oferowanemu przez przeglądarkę Brave? (case study)
https://www.freecodecamp.org/news/the-brave-browser-how-much-money-can-your-website-make-as-a-publisher/
INFO: zarobki serwisu freeCodeCamp z ostatnich 18 miesięcy. Tutaj możesz wesprzeć autora zestawienia: https://brave.com/mru079
7) Lista 13 sztuczek, które mogą Ci się przydać podczas pracy z tablicami w JavaScript
https://dev.to/duomly/13-useful-javascript-array-tips-and-tricks-you-should-know-2jfo
INFO: usuwanie duplikatów, podmiana wybranych elementów tablicy, zamiana arraya na obiekt, szybkie wypełnianie tablicy danymi i wiele innych
8) Lista 10 'supermocy', które daje Ci HTML5, a których prawdopodobnie nie używasz lub nie znasz
https://dev.to/shadowwarior5/10-superpowers-that-html5-gives-you-and-you-are-not-using-4ph1
INFO: jak zrobić efekt typu 'spoiler'? progressbar bez żadnych dodatkowych bibliotek i grafik? sporo użytecznych efektów natywnie dostępnych w HTML5
9) "Moja droga do zrozumienia animacji CSS w 25 dni" - warto rzucić okiem na przykłady, a konkretnie na ich kod źródłowy
https://dev.to/acupoftee/25-days-of-css-animations-teaching-myself-css-through-motion-design-4l10
INFO: zobacz koniecznie link z pierwszego komentarza. Znajdziesz tam sporo inspiracji na ciekawe, animowane efekty w CSS
10) Czego nikt nie powiedział Ci odnośnie tworzenia dokumentacji?
https://www.divio.com/blog/documentation/
INFO: Wg autora, dokumentacja nie powinna być po prostu losowym dokumentem tekstowym, a powinna zawierać cztery typy treści: tutorial, how-to, wyjaśnienia oraz referencje. W tekście znajdziesz przykłady, jak wygląda każdy z tych typów
11) Jesteś starej daty programistą webowym i uważasz, że stosowanie webcomponents to przesada i totalny overkill przy małych projektach? Spróbuj tego.
https://medium.com/@patrickwees/flexible-javascript-components-w-o-the-overhead-b0c5c0dcb42e
INFO: autor tekstu też tak myślał, więc stworzył malutką bibliotekę do obsługi komponentów webowych. Może ona zastąpić Reacta, Vue czy Embera w niewielkich projektach
12) Programowanie równoległe (concurrent programming) w Pythonie jest skomplikowane? niekoniecznie!
http://pljung.de/posts/easy-concurrency-in-python/
INFO: autor udowadnia, że najprostszą współbieżność można uzyskać już z użyciem trzech linijek kodu, bez przebudowywania reszty aplikacji
13) Programowanie funkcyjne w JavaScript - wyjaśnienie teorii kryjącej się za tym podejściem (są fragmenty kodu)
https://www.toptal.com/javascript/functional-programming-javascript
INFO: czym są funkcje 'pure' i co je odróżnia od 'impure'? jak takie napisać i które z natywnych funkcji JS są 'pure'?
14) Co to jest plik AASA (Apple-app-site-association)? do czego służy i jakie ciekawe informacje można z niego wyciągnąć
http://ghostlulz.com/apple-app-site-association/
INFO: to standard od Apple, służący do łączenia strony WWW z aplikacją. Ustala się w nim, że np. wejście na stronę /abc/ uruchamia na telefonie aplikację XYZ. Znalezienie tego pliku może ujawnić kilka ciekawych (niepublicznych) endpointów w serwisie
15) Soli Chip - miniaturowy 'radar' rozpoznający ludzkie gesty (zarówno ruchy ręką/palcem jak i całe postawy ciała)
https://atap.google.com/soli/
INFO: ciekawe rozwiązanie, dostępne już w smartfonie Pixel 4
16) Kilka mało znanych fontów dla edytorów programistycznych
https://vfoley.xyz/lesser-known-coding-fonts/
INFO: fonty te poprawiają czytelność kodu
17) Jak za pomocą Bitbucketa wprowadzić Continuous Deployment i wersjonowanie do Wordpressa?
https://www.toptal.com/wordpress/bitbucket-wordpress-version-control
INFO: rozwiązanie wykorzystuje mechanizm 'Pipeline'.
18) "Nie chcemy tej reklamy, ale musieliśmy ją kupić" - nieuczciwe zagrania Google
https://www.seroundtable.com/basecamp-google-ad-28161.html
INFO: Google umożliwia teraz reklamowanie się pod cudzą marką. To nic, że jesteś numerem jeden pod swoim keywordsem
19) Jakie są najważniejsze książki w świecie informatyki? - dyskusja
https://news.ycombinator.com/item?id=21311302
INFO: w komentarzach padają konkretne tytuły książek
20) Flutter vs React Native - porównanie
https://www.codeproject.com/Articles/1280298/A-Comparison-Between-Flutter-And-React-Native
INFO: planujesz stworzyć jeden kod źródłowy na iOS i Androida? które rozwiązanie do tego wybrać?
21) Kolekcja użytecznych rozwiązań i usprawnień do pracy w terminalu
https://sneak.berlin/20191011/stupid-unix-tricks/
INFO: autor pokazuje wszystko na przykładzie MacOS, ale wystarczy tylko zmienić ścieżkę ~/Library/ np. na ~/.local/ aby to działało wszędzie
22) Obserwatory w JavaScript - co to jest i jak ich poprawnie używać?
https://devszczepaniak.pl/o-obserwatorach-w-javascript/
INFO: nie należy tutaj mylić obserwatorów z listenerami (addEventListener). To dwie różne rzeczy.
23) Twarze OpenSource - czyli kto zrewolucjonizował świat technologii jaki znamy
http://www.facesofopensource.com
INFO: w górnym menu jest podział na kategorie w których dokonali oni rewolucji. Po kliknięciu widoczny jest opis danej osoby.
24) Jeśli nie Macbook Pro, to co? Dyskusja na HackerNews
https://news.ycombinator.com/item?id=21302412
INFO: użytkownicy dyskutują, co kupić jako zamiennik za Macbooka Pro.
== LINKI TYLKO DLA PATRONÓW ==
25) Tworzenie bota do Instagrama wykorzystującego sztuczną inteligencję (Tensorflow + Keras + Python)
http://uw7.org/un_5db159f5c4fad
INFO: bot rozpoznaje, czy na opublikowanej fotce jest burger. W artykule jest link do poprzedniego tekstu, opisującego jak napisać podstawowy kod bota (ten artykuł jedynie dodaje warstwę AI do finalnego kodu)
26) Problemy związane z urządzeniami typu IoT - czyli co złego może jeszcze się stać poza byciem podsłuchiwanym?
http://uw7.org/un_5db159fba5c36
INFO: zagrożeń jest sporo, ale ja przeważnie obawiam się tego, że urządzenia te bazują jednak na backendzie utrzymywanym przez firmę X, która może przestać istnieć w dowolnym momencie (upadek firmy lub zamknięcie projektu). Przykład: smartwatche pebble.
27) Lista 42 pytań i odpowiedzi związanych z GITem - czyli jak go poprawnie/efektywnie używać
http://uw7.org/un_5db15a062a00e
INFO: jeśli pracujesz z tym systemem kontroli wersji na co dzień, to warto rzucić okiem
28) Setki usług i narzędzi dostępnych za darmo dla developerów - długa lista z podziałem na kategorie
http://uw7.org/un_5db15a0b67cd1
INFO: część z nich oferuje darmowe pakiety, a niektóre mają 'free tier' z pewnymi limitami do wykorzystania.
==
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
==
Chcesz dostawać takie zestawienia na maila?
https://unknownews.carrd.co
************
[Obserwuj mnie na FB] - [Chcesz być wołany?] - [Zostań patronem] - [Wersja RSS] - [Subskrybuj przez email] - [Grupa na Telegramie]
Tagi:
#programowanie #android #python #javascript #macbook #technologia #serwery #google #ciekawostki pokaż całość
Ukryj statystyki
Sprawdź najnowsze informacje na tagu #koronawirus