Wyszukaj / o blogu

JavaScript - Babel

Opublikowano wto 09 czerwca 2020 w javascript • Tagi: babel, transpilacja, gulp, npm, node.js, node • 2 min read

babel

Babel pozwala na transpilację/tłumaczenie kodu ES6+ do ES5 - sprawiając tym samym możliwość na interpretację kodu przez szerszą gamę środowisk od node.js po starsze przeglądarki internetowe. Babel jest oparty na małych wtyczkach, których instalacja pozwala na wykonanie oczekiwanej od niego pracy.

W jaki sposób działa Babel można również sprawdzić …


Czytaj dalej

Sass - struktura projektu

Opublikowano wto 02 czerwca 2020 w saas • Tagi: sass, scss, css, javascript, gulp, gulpfile • 1 min read

struktura-projektu-scss

Wraz z wzrostem wielkości projektu, większą rolę odgrywać będzie odpowiedni sposób strukturyzacji oraz modularyzacji plików zdefiniowanych w ramach niego stylów. Podział na odpowiednie moduły umożliwia również ponowne wykorzystanie wybranych części kodu w innych projektach.

Zwyczajowo przyjęło, się że plik, który importuje moduły (partials) a staje się łącznikiem pomiędzy nimi nazwany …


Czytaj dalej

Sass - wbudowane moduły i ich metody

Opublikowano ndz 31 maja 2020 w saas • Tagi: sass, scss, css, javascript, gulp, gulpfile • 4 min read

Sass oferuje następujące wbudowane moduły color, list, map, math, meta, selector, string

Używanie modułu odbywa się poprzez jego zaimportowanie na początku poprzez odowłanie się do słowa kluczowego @use nazwy modułu oraz użycia gwiazdki lub bez użycia gwiazdki - wówczas każda metoda musi być poprzedzona nazwą modułu

@use 'sass:math';
$half: math …

Czytaj dalej

Sass - wprowadzenie

Opublikowano ptk 29 maja 2020 w saas • Tagi: sass, scss, css, javascript, gulp, gulpfile • 7 min read

CSS na sterydach - czyli Syntactically Awesome Style Sheets

Sass

Sass jest językiem skryptowym rozszerzającym możliwości CSS i wymaga kompilacji na CSS tak aby mógł być interpretowany przez przeglądarki w tym celu można wykorzystać Gulpa (odpowiedniej wtyczki) lun wtyczki VSC.

Sass pozwala na:

* definiowanie zmiennych

* pisanie składni opartej na zagnieżdżaniu selektorów w …


Czytaj dalej

JavaScript - Gulp

Opublikowano czw 28 maja 2020 w javascript • Tagi: gitignore, node_modules, node, gulp, sass, wtyczki, npm, Dependencies, devDependencies, package.json • 4 min read

Gulp

Instalacja globalna

Gulp - jest narzędziem pozwalającym na zarządzanie wieloma zadaniami

Instalacja globalna Gulpa (wymaga wcześniejszej instalacji npm np. korzystając z nvm - Node Version Manager), która pozwala na wywoływanie komendy gulp globalnie przy pomocy terminala

npm install --global gulp-cli

Sprawdzanie instalacji (jej wersji)

gulp -v

zwraca:

CLI version: 2.2.1 …

Czytaj dalej