JavaScript Blog

A Javascript újdonságai a ES2022 megjelenésével

2022. július 03. - Webdeveloper

Az ECMA 2022 júniusi közgyűlése elfogadta az ES2022-es specifikációt. Nézzük milyen újdonságokat hoz ez a JavaScript-be

es2022.jpg

Tovább

Frissítés React 18-ra

A React.JS 18-as verziója új párhuzamos rerendelővel rendelkezik, ami lehetővé teszi számára, hogy számos új fejlesztést kínáljon, mint például a renderelési folyamat megszakításának lehetősége.
Egészen a React 18-ig a renderelési folyamat szinkron volt és nem megszakítható. Ez azt eredményezi, hogy a felhasználói felület zárolódik rendereléskor, így a felhasználó reakciójára (inputjaira) nem biztos, hogy képes időben reagálni.
Az új párhuzamos rerenderelővel ez a folyamat aszinkronná válik , így megszakítható, szüneteltethető, ezáltal a használat gördülékenyebbé válik, az ügyfélélmény nő.
Ezeknek az új funkcióknak az eléréséhez viszont a webfejlesztőnek frissítenie kell a kódjait a legújabb 18-as React.JS-re.

react18.jpg

Tovább

PHP változó JavaScript változóba.

A Discordon volt kérdés, hogy milyen módszerek vannak PHP-ből adatot áttani a JavaScriptnek.

php-to-js.png

Az ember rögtön hajlamos azonnal mondani erre, hogy Fetch API, jQuery Ajax, XHR, de ha a JavaScript kódunk egy szerveren van, a kódok egy fájlban, és csak egyirányú adatáramlásra van szükség a PHP-ból a JS-be, akkor alkalmazhatjuk a JS-kódok közé ékelt PHP kód módszerét is. Ebben az esetben a PHP fájl rendereli a JS-t.

Nézzünk rá egy példát. Hozzuk létre az index.php fájlt

//index.php
<?php $phpVariable = "THIS IS A TEST STRING" ?> <script> let javaScriptVariable = "<?php echo $phpVariable; ?>"; console.log(javaScriptVariable); //result: "THIS IS A TEST STRING"; </script>

Ebben a PHP script-ben a PHP által generált stringet átadtam a JavaScript változójának, amit kiírattam a konzolra, de bármilyen más művelet is végrehajtható lenne vele.
Ezt a fajta rétegezést persze éles környezetben nem ajánlom, ahogy azt sem, hogy HTML-t keverjük a PHP-vel, csak érdekességként mutattam be.

6. Országos IT megmérettetés 2022 webfejlesztés témakörben

Webfejlesztés témakörben is lehet indulni a 6. Országos IT megmérettetésen.

Ha neked is HTML / CSS / JavaSctipt folyik az ereidben, akkor neked is érdemes indulni.
A jelmondat szerint hagyományos eszközökkel történő webfejlesztés lesz a feladata a kategóriában indulónak. Ha jól tudom, akkor csapatban és egyénileg is lehet majd nevezni.
Az indulás elég messze van még. Mert nevezni, majd csak szeptembertől lehet. Addig is minden héten (Ezen a Youtube csatornán) bemutatnak majd egy-egy kategóriát, amin nevezni lehet. A hivatalos weboldal pedig itt érhető el. Regisztrálni lehet, nevezni majd szeptembertől.
Addig is tanuljatok, szerezzetek tapasztalatot és nyerjétek meg.

Háborúk és kiberhadviselés az API-k korában

A program:

api.jpg

18: 00 Háborúk és kiberhadviselés az API-k korában, Krasznay Csaba, Kiberbiztonsági Kutatóintézet, igazgató

18: 20 Trusted Types: egy világ XSS-ek nélkül?, Pék Gábor, CEO, Avatao

18: 40 API-k biztonsága: nincs új a nap alatt, Pfeiffer Szilárd, Security Engineer & Evangelist, Balasys

19: 00 Az API-leírók biztonsági aspektusai, Becz Tamás, Technology Team Leader, Balasys

 

Async request body function in Node.JS

A Node.JS ajánlása szerint többféle módon kaphatjuk el a frontend által a requestben küldött body-t Node.JS-ben. 

A connection-callback során átadott kérelem objektum egy stream, egy adatfolyam magyarul. Tehát ezt a folyamot kell figyelnünk, egy listenerrel. A req.on data és a req.on end eseményekre kell feliratkoznunk. A data során a request-eket darabokban (angolul chunk-okban) kapjuk meg. A data eseményben ezeket a darabokat hozzáfűzzük stringként egy változóhoz (a példában ez data, hogy egyértelmű legyen). Az end során megkapjuk a JSON stringet, amit parse-lünk, így megkapjuk az objektumot, amit már lehetőségünk van kiíratni vagy akármilyen műveletet elvégeztetni vele.

Tovább
süti beállítások módosítása