Moduły w Node.js czyli require(), module.exports oraz node_modules

Ostatni odcinek był o import/export, czyli modułach w ES6. Dzisiaj zajmujemy się modułami w Node.js czyli require oraz module.exports.

Co prawda ten odcinek miał pojawić się dopiero w czwartek, ale algorytm coś pomieszał i pojawił się dzisiaj w nocy 😃
W takim razie zapraszam na kontynuację import/export po stronie Noda!

Moduły w Node.js czyli require(), module.exports oraz node_modules [wideo]

Import, export – jak w JS podzielić projekt na wiele plików

Import, export – jak w JS podzielić projekt na wiele plików [wideo]

Jak działa asynchroniczność w JavaScript

Asynchroniczność w JavaScripcie może być trochę myląca, ponieważ język JavaScript nie jest asynchroniczny …sam w sobie. Dopiero w połączeniu z przeglądarką lub node.js robi się asynchroniczny. Z racji, że inaczej nie możemy go użyć uznajemy w uproszczeniu JS za język asynchroniczny.

O tym jak to wszystko dokładnie działa opowiadam w dzisiejszym odcinku.

Jak działa asynchroniczność w JavaScript [wideo]

React JS – kurs w 60 minut

Pora omówić najpopularniejszy ~~framework~~ bibliotekę JavaScript. Jakie są wady i zalety Reacta, jak wygląda praca w nim? O tym właśnie dzisiaj

PS. Jeżeli jesteś zainteresowany pełnym kursem React, zapraszam tu -> https://tworcastron.pl/kurs-react/

React – kurs w 60 minut [wideo]

Pętla for ( ..in ..) vs for (.. of ..) w JavaScript

Pętla for ( ..in ..) vs for (.. of ..) [wideo]

Pętla for() – wstawiać let, const, var a może nic? JavaScript

Każdy widział pętle for() w JavaScripcie. Wygląda ona, np. tak:

for (let i = 0; i < 10; i++) { .... }

Ale dlaczego właściwie tam jest let? Czy może być const, var albo nic? O tym właśnie dzisiaj!

Pętla for() – wstawiać let, const, var a może nic? [wideo]

Różnice pomiędzy funkcjami (function declaration, function expression, arrow function) w JavaScript

W JavaScriptcie funkcję możemy zapisać na 3 różne sposoby:

1. Function declaration:
function greet () { … }

2. Function expression:
const greet = function () { … }

3. Arrow function (właściwie to też jest function expression):
const greet = () => { … }

Po co aż tyle i czym się różnią? Dzisiaj właśnie o tym..

Różnice pomiędzy funkcjami (function declaration, function expression, arrow function) [ wideo]

Vue.js – kurs w 60 minut

Vue.js czyli jeden z 3 najpopularniejszych frameworków JavaScript, zaraz za Reactem i Angularem.

Osobiście bardzo lubię Vue, jest przejrzysty i jak to nazywam programmer-friendly. Pisanie w nim jest łatwe i przyjemne już od samego początku.

Vue.js – kurs w 60 minut

Geneza powstania

Pewien koleś o imieniu Evan You, pracujący w Google przy Angualrze (tzn. używał Angulara) pomyślał:

I figured, what if I could just extract the part that I really liked aboute Angular and build something really fightweight without all the extra concepts involved?

Mówiąc prościej, postanowił stworzyć prostą i lekką wersję Angulara. I tak w 2014 roku ukazała się pierwsza wersja Vue.js

Przyjęty bardzo dobrze przez środowisko, dostał dodatkowego kopa, gdy Laravel (najpopularniejszy framework PHP) dodał Vue jako domyślny framework na froncie.

Zalety:

niski prób wejścia
bardzo lekki (Vue + Vuex + Vue Router = 30KB gzipped – tyle samo co jQuery!)
szybkość
relatywność
wirtualny DOM
budowanie aplikacji z komponentów
CLI – umożliwe szybkie tworzenie aplikacji, servera, deploymentu itd.
skalowalność – dobry do używa w dużych jak i malutkich projektach
dokumentacja – po prostu bardzo dobra
scoped CSS – łatwe ograniczenie CSSa do jednego komponentu

Wady:

„mała” popularność – jest to w cudzysłowie ponieważ popularność jest bardzo duża, jednak wciąż mniejsza niż React/Angular

Starałem się znaleźć więcej wad, ale naprawdę było ciężko. Vue.js ma za to 2 cechy, które mogą być uznane jednocześnie za wady i zalety…

Inne cechy:

template – Vue używa kodu HTML ze specjalnymi własnymi dyrektywami (do tworzenia pętli, instrukcji warunkowych itd.). Na identycznej zasadzie działa Angular.
elastyczność – w małych projektach zazwyczaj dobra, w dużych jednak często chcemy mieć większy porządek i reguły.

Jak działa Vue.js?

W tym miejscu odsyłam na filmiku na początku, od minuty 8:42 zaczynamy zabawę z kodem 😉

Jak postawić aplikację PHP (z własną domeną) na serwerze VPS

„this” oraz bind() call() apply() w JavaScript

„this” oraz bind() call() apply()

Ostanio omówiłem jak działa słowo kluczowe „this” i kiedy, na co wskazuje – co jest kontekstem wywołania funkcji.

Dziś kontynuacja, czyli jak możemy sami możemy ten kontekst (czyli na co wskazuje słowo kluczowe „this”) zmienić.