Archiwum dla kategorii ‘Teoria’

Imperatywnie kontra deklaratywnie w JavaScript/ES6

Dziś mały artykuł o podejściu do pisania kodu. Czy piszesz swój kod JS deklaratywnie, czy raczej imperatywnie? Być może niektórzy nie zwracają uwagi, a jednak warto. Podobnie jak w przypadku metodologii pisania i organizacji stylów CSS. Deklaratywnie vs imperatywnie w JavaScript/ES6 Programowanie deklaratywne jest paradygmatem programowania – podejściem do budowania struktury i elementów programów, który […]

Sass (scss)

Szybka nauka Sass (SCSS)

Sass (Syntactically awesome style sheets), znany również jako CSS with superpowers, jest to preprocesor, który czyni opracowywanie stylów dla naszych projektów, znacznie łatwiejszym, przyjemniejszym, szybszym. Pozwala również znacząco ulepszyć samą strukturę kodów, używać zmiennych oraz tworzyć elementy wielokrotnego użytku (mixins, placeholders), co znacząco poprawia również łatwość utrzymania i modyfikacji. Szybka nauka Sass (SCSS) O Sass […]

Styl, konwencje i metodologie CSS – część 2. Sass, BEM, rscss, SMACSS, WTF?

Ciąg dalszy tematyki poruszanej w części I. Dziś przyjrzymy się kolejnym metodologiom pisania CSS, takim jak BEM, rscss, SMACSS. Należy dodać, że metodologie możemy łączyć (np. OOCSS + BEM). O ile oczywiście ma to dla nas sens. Do rzeczy. Metodologie CSS: SMACSS Zaczniemy od SMACSS, choć od razu powiem, że nie pracowałem z tym przy […]

Styl, konwencje i struktura CSS. Sass, OOCSS, BEM, rscss, SMACSS, OMG?

Co to znaczy być zajętym? Ano na przykład nie mieć absolutnie czasu nawet na nowe posty na blogu, chociaż tematów jest cała rzeka. Tak oto byłem zajęty, zawodowo oraz prywatnie. Dziś wracamy „on-line” z tematem, i to nie byle jakim… Zyskiwać czas można poprzez optymalizację codziennych czynności, ich automatyzację i organizację. I zawsze staram się […]

Nauka AngularJS od podstaw – część III – podsumowanie

W części III podstawowego kursu Angular kontynuujemy zagadnienia z części poprzedniej, jak i dotykamy nowych, kolejnych zagadnień dotyczących pracy z tą biblioteką. Nauka AngularJS – kolejne zagadnienia Zacznijmy od filtrów. To kolejna cecha AngularJS, która zdejmuje z programisty część żmudnej pracy. Zobaczmy je w akcji, podczas formatowania danych różnego rodzaju. Filtry (AngularJS filters) Już w […]

Nauka AngularJS od podstaw – część II

Dziś kontynuujemy naukę frameworku AngularJS od podstaw, opisując najważniejsze aspekty składowych aplikacji Angular, oraz analizując małe przykłady praktyczne. Nauka AngularJS – kolejne kroki Poprzednia część opisuje podstawowe kwestie związane z tym znakomitym rozwiązaniem. Wiemy że AngularJS jest frameworkiem języka JavaScript i rozszerza HTML poprzez dyrektywy ng. Poprzednia część pokazuje także prosty przykład z data-binding. Mamy […]

Nauka AngularJS od podstaw – część I

AngularJS – otwarta biblioteka języka JavaScript, rozwijana przez firmę Google. Znakomicie wspomaga tworzenie aplikacji na pojedynczej stronie (Single Page Application, SPA). Rozszerza HTML o własne, specjalne tagi. Biblioteka implementuje wzorce Model-View-Controller (MVC) oraz Model-View-ViewModel (MVVM), ułatwiając programowanie i testowanie aplikacji Web. Nauka AngularJS – wstęp. Jak to działa? AngularJS został stworzony z założeniem, że programowanie […]

No skill – no deal! Umiejętności front-end developera lub full-stack developera

Jak to mówią no skill – no deal! Bez odpowiednich umiejętności nie zdziałamy za wiele. Ważny jest też ciągły rozwój naszych skillz. To już nie te czasy, gdy wystarczała znajomość DHTML i PHP, obecnie developer obok języków programowania musi znać także masę narzędzi i frameworków. Umiejętności front-end developera / full-stack developera kontra rynek Dziś postaramy […]

node-js

Node.js wprowadzenie

Popularność języka JavaScript jest oczywista. A przyczyniają się do tego m.in. takie zastosowania jak node.js. Od dłuższego czasu widać i słychać dookoła o tej technologii. Sami pracujemy od jakiegoś czasu z node i robimy naprawdę fajne rzeczy, więc z pewnością jest to coś godnego uwagi! I w końcu mam trochę czasu, aby o tym napisać. […]

Tutorial Backbone.js w pigułce. Część 2/2.

Dziś część druga, w której zgłębiamy tajniki Backbone.js. Tutorial Backbone.js Po omówieniu podstaw i kluczowych aspektów, takich jak modele i kolekcje, zajmiemy się kolejnymi – Router, Views oraz Events. Routing – Backbone.Router Czym była by aplikacja bez możliwości interakcji. Backbone.Router dostarcza metod routingu stron na client-side, połączenia z akcjami i zdarzeniami. Jest także rozwiązanie (graceful […]