TS TworcaStron.pl.

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:

Wady:

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:

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

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ć.

 

“this” w JS – kiedy i na co wskazuje

“this” w JavaScripci – kiedy i na co wskazuje

Słowo kluczowe “this” byłe jedną z rzeczy, która dosyć mocna wprawiała mnie w osłupienie, mimo że znałem te słowo kluczowe z języka PHP.

Cały problem powstał ponieważ JavaScript był opraty o kilka języków, m.in. Sheme – język strukturalny w którym “this” jest niepotrzebne i język Java – język obiektóry, który “this” potrzebuje.

JS jest jednocześnie skrukturalny i obiektowy. Dlatego należało jakoś to pogodzić…