Kogo obserwuję, aby być na bieżąco? Polecam 58 miejsc w Internecie dla web developera.

Świat front-endu to obszerny kawał języków, technologii, narzędzi. Ostatnie, co można o nim powiedzieć to “niezmienność”. Tutaj zmienia się wszystko! I to w zawrotnym tempie. Staram się być na bieżąco ze wszystkimi nowościami. Chcę wiedzieć, co w trawie piszczy. W tym celu za pomocą Feedly obserwuję spore grono web developerów. Oto blogi/portale o tematyce (m.in.) […]

React: Czy wiesz, że setState jest asynchroniczne?

A więc – wiedziałeś? Prolog Dla niewtajemniczonych: React zakłada budowanie widoku aplikacji z komponentów. Komponenty z kolei mogą posiadać swój wewnętrzny stan (state). Stan komponentu możesz w nim zmieniać za pomocą metody setState. Więcej podstaw możecie znaleźć tutaj.   Bum! Niby wszystko jest proste i logiczne, ale… Hola, hola! Metoda setState jest asynchroniczna! Na przykład! […]

Niezmienność danych w ES6

Dziś chciałabym zwrócić uwagę na dwa rodzaje typów danych w JS: prymitywne oraz referencyjne. Może wydaje się to nudną teorią, ale warto spojrzeć na prosty przykład obrazujący najistotniejszą różnicę między owymi typami. Załóżmy, że posiadamy zmienną A równą ileśtam oraz zmienną B, której przypisujemy zmienną A. Dane o typie prymitywnym (np. liczby, dane tekstowe…) Wartością […]

5 minut JS: slice vs. splice

Dziś 5 minut o dwóch prostych metodach, które modyfikują tablice. Obie potrafią usuwać wybrane elementy, które następnie zwracają. Nie chcę rozpisywać się o prostych szczegółach z dokumentacji. Zapraszam tylko do poświęcenia 5 minut, aby poznać/odświeżyć sobie wiadomości o najważniejszej różnicy pomiędzy metodami slice oraz splice: splice – modyfikuje oryginalną tablicę slice – tworzy i modyfikuje […]

BEM czyli sprytny sposób na CSS

Dziś krótko o BEM. CO TO? Konwencja nazywania klas w HTML i CSS. SKĄD NAZWA? BEM => Block, Element, Modifier Czasami spotkacie się z nazwą BEM101. Ta stojedynka oznacza nic innego jak “informacje podstawowe” (wiki). PRZYKŁAD? /* Block component */ .btn {} /* Element that depends upon the block */ .btn__price {} /* Modifier that […]

ngRoute vs. ui.router? Routing w Angularze na przykładzie.

Prolog Ten wpis nie będzie niczym odkrywczym dla osób mających duże doświadczenie z Angularem. Jednak podstawowa wiedza o routingu jest zalecana w lekturze tego posta Jest on usystematyzowaniem wiedzy na temat, jak działa routing, w postaci prostego przykładu. Jest tym, co sama chciałabym zobaczyć na początku swojej angularowej przygody. Przygotowałam plunkry obrazujące różne możliwości dwóch […]

Z czym się je Sass, SASS i SCSS?

Na początku nauki “sassów” spotkałam się z ogromną niekonsekwencją w używaniu dwóch pojęć: SASS i SCSS. Chciałabym troszkę usystematyzować zebrane informacje o tych wyrazach, co one dokładnie oznaczają i kiedy można z nich korzystać. Każdy pewnie kojarzy te pojęcia z hasłem “preprocesory CSS”. Nie będę w tym artykule rozpisywać się o tym, czym jest preprocesor CSS, jakie daje […]

Własności CSS: box-decoration-break

Własność box-decoration-break należy raczej do grupy tych własności CSS, które są sporadycznie używane, często zapominane, a przede wszystkim niedoceniane. Generalnie box-decoration-break przydaje się sytuacjach, kiedy element HTML jest przełamywany, przenoszony do drugiej linii. W szczególności dla elementów liniowych pojawia się wtedy problem niejednolitego ostylowania. Dzięki box-decoration-break dekoracja jest klonowana na nowo po przełamaniu danego elementu.   Własność box-decoration-break może przyjmować dwie wartości: slice – […]

AngularJS: Kompilacja dyrektyw – funkcje compile, pre-link, post-link.

To co wyróżnia AngularJS, to własny kompilator HTML. Pozwala on nam dodać nowe funkcjonalności do naszego HTML, nauczyć go nowych zachowań. W jaki sposób? Za pomocą dyrektyw. W tym artykule przedstawię proces przetwarzania dyrektyw w Angularze, omówię podstawowe własności funkcji compile, pre-link, post-link. Jeśli znajdziecie w nim jakiekolwiek błędy – proszę, dajcie znać o tym w komentarzach. Zarówno […]

Wpisz hasło, którego szukasz i naciśnij ENTER, aby je wyszukać. Naciśnij ESC, aby anulować.

Dawaj na górę