Czaruj kolorami w console.log jak… Facebook

Zapraszam Cię do poradnika jak dodawać style do console.log w JavaScript. Razem przyjrzymy się, jak to dokładnie działa i jak możesz ciekawie wykorzystać tą funkcjonalność w swojej codziennej pracy. Zobaczysz też, jak niektóre firmy używają styli w console.log aby kreatywnie komunikować się ze swoimi użytkownikami.

Facebook próbuje odstraszać

Jeśli zdarzyło Ci się kiedyś zerknąć na konsolę będąc na stronie Facebooka to pewnie zobaczyłaś lub zobaczyłeś taki oto widok:

Facebook.com używa styli w console.log do odstraszenia potencjalnych ataków
Facebook.com używa styli w console.log do odstraszenia potencjalnych ataków

Możesz pomyśleć, że to zasługa genialnych ludzi z Facebooka, którzy potrafią robić takie czary w konsoli 😉 Okazuje się jednak, że takie stylowanie wiadomości to standardowa funkcjonalność dostępna dla każdego. Zobaczmy więc jak uzyskać taki i wiele innych ciekawych efektów.

Czytaj więcej »Czaruj kolorami w console.log jak… Facebook

JavaScript: console.log z substitution strings

Console.log inaczej czyli substitution strings w akcji

Jeśli spojrzysz na dokumentację funkcji console.log to zwrócisz uwagę na to, że zawiera ona również drugą część, którą w artykule o podstawach console.log pominęliśmy.

Pełna definicja funkcji console.log w JavaScript
Pełna definicja funkcji console.log w JavaScript

Druga część definicji mówi nam, że w funkcji console.log możemy użyć tzw. substitution strings. Są to specjalne symbole, które pełnią rolę zmiennych i zostaną zastąpione wartościami podanymi po przecinku.

Czytaj więcej »JavaScript: console.log z substitution strings

Zrozum jak działa console.log w JavaScript

Używasz console.log do debugowania swojego kodu? Jeśli tak, zapraszam Cię na serię artykułów “JavaScript: Funkcje Console”. Zobaczymy jak logować z console.log obiekt czy tablicę, aby otrzymać prawidłowe dane oraz jak dodać do console.log kolory i style. Omówimy różne ciekawe i mało znane zastosowania console.log oraz innych funkcji z obiektu Console. Pokażę Ci, jak efektywnie ich używać i jak ułatwić sobie nasze programistyczne życie. Może nawet uda Ci się zaskoczyć kogoś z Twojej z pracy?

Czytaj więcej »Zrozum jak działa console.log w JavaScript