🪂 #28 Game changer dla Gmaila, kurs NestJS, przeglądarkowe API tylko dla Googla?

Kurs NestJS

Kurs, który składa się z ponad 150 części tworzony od ~4 lat przez Marcina. Znajdziesz tutaj praktycznie wszystko co będzie ci potrzebne do zbudowania aplikacji - od samych podstaw - kontrolery, moduły, routing, przez budowanie aplikacji opartej o websockety, autoryzację (również two-factor authentication), użycie Elasticsearch i wiele tematów więcej.

API with NestJS #1. Controllers, routing and the module structure
We’ve figured out what is a Controller in NestJS and how to handle routing in our application. We’ve also touched the topic of Services & Modules.

❓️ Zagadka ❓️

Co się stanie jeśli backend zwróci błąd (500 Internal Error)?

fetch('/api/data')
  .then((response) => {
    // ...
  })
  .catch((error) => {
    console.error(error);
  });

✉️ Odpowiedź prześlij odpowiadając na tego maila 😉 Rozwiązanie w kolejnym wydaniu.

PS. Odpowiedź znajdziesz w jednym z dzisiejszych wpisów.


Real world example apps

Jedna aplikacja - klon medium.com, ale różne backendy i frontendy. Możesz dowolnie mixować technologię bo obowiązuje jedna specyfikacja API dla wszystkich. Ponad 100 rozwiązań przygotowanych w różnych technologiach.

GitHub - gothinkster/realworld: “The mother of all demo apps” — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more
“The mother of all demo apps” — Exemplary fullstack Medium.com clone powered by React, Angular, Node, Django, and many more - gothinkster/realworld

CSS Tips

Czy do wyświetlenia szerokości i wysokości ekranu naprawdę potrzebujesz Javascriptu? No… nie. Poniżesz znajdziesz rozwiązanie wykorzystujące tylko CSS. Ale przejrzyj też resztę tipsów, bo jest rozwiązanie jak wycentrować obrazek w tekście 😉

Get the screen width & height without JavaScript
A few lines of CSS to get the screen width/height as integer values

Dogłębnie o Promise’ach

Promise’y są z nami od ponad 10 lat i mimo, że napisano już o nich wszystko to wrzucam ten wpis od Josha. Po prostu przeczytaj 🙏.

Promises From The Ground Up
The “Promises” API is a surprisingly tricky part of modern JavaScript. Without the right context, it doesn’t make much sense at all! In this tutorial, you’ll build an intuition for how Promises work by getting a deeper understanding of JavaScript and its limitations.

Simplify Gmail

Mały game changer dla mojej skrzynki. Niesamowity boost czytelności.

Jest wersja próbna na 30 dni i to wystarczy żeby się przyzwyczaić i nie chcieć wrócić już do zwykłego widoku.

Simplify Gmail
A browser extension for Gmail from the co-founder of Google Inbox that boosts productivity, strengthens privacy, and reduces️ stress. Your time and attention matter.

Przeglądarkowe API dostępne tylko dla domen google.com

Chrome (i nie tylko!) daje dostęp do informacji o CPU, GPU i zużyciu pamięci, ale tylko dla domen *.google.com. Czy ma to jakieś znaczenie? Pewnie na 99% z nas kompletnie nie i jest to tylko ciekawostka 🙂

Ale dla firm, których działanie produktu zależy od wydajności sprzętu (we wpisie jest wspomniane o Zoomie) dostęp do informacji o wykorzystaniu CPU, GPU i pamięci może być przydatne.

Thread by @lcasdev on Thread Reader App
@lcasdev: So, Google Chrome gives all *.google.com sites full access to system / tab CPU usage, GPU usage, and memory usage. It also gives access to detailed processor information, and provides a logging backchannel....…