Virgo Frontend Monthly

Issue 027

Sziasztok!

Ismét jelentkezünk havonta megjelenő frontend témájú hírlevelünkkel!

Olvasnivaló

Sok probléma megoldható background-image használatával, és ez a tárház tovább bővül, ha megismerkedünk a blend mode-okkal, és a CSS adta filterekkel. Ehhez egy olvasmányos cikket tudunk ajánlani, és bár a használt property-k támogatottsága még nem az igazi, és a bemutatott példák hasznossága is vitatható, azért érdekes, hogy mennyi minden megoldható csak CSS segítségével egy modern böngészőben.

Google barátunk régóta igyekszik gyorsabbá és egyszerűbbé tenni a webet. Ehhez eszközöket is készítenek, és ilyen és ehhez hasonló cikkeket is posztolnak például a performanciáról. A cikk második felében a prediktív betöltésről is olvashatunk, ez szintén egy nagyon izgalmas téma.

És ha már Google: A Google AMP eredetileg azért készült, hogy eszközöket adjon a fejlesztőknek egy mobilon is gyorsan működő weblap készítéséhez. Ez nagyon jól hangzik, viszont sok tekintetben ez nem működik ennyire jól. Például 70%-os konverzióromlást is hozhat a bevezetése.

Sok cikket olvashatunk arról, hogy a natív alkalmazások egyre inkább teret vesztenek a reszponzív weboldalak és a progresszív webalkalmazásokkal szemben. Ezt a tendenciát segíthető elő a Generic Sensor API elterjedése és implementálása.

Egy online szavazás alapján a fejlesztők harmada azért nem használta még a CSS Grid-et, mert az Internet Explorer nem támogatja azt. Az ilyesfajta támogatottság biztosítása helyett akadnak jobb módszerek is, erről itt olvashattok bővebben.

A funkcionális programozás egyik alappillére a pure function: olyan függvény, aminek nincs mellékhatása, és adott bemenetre mindig ugyanazt a visszatérési értéket adja vissza. A mellékhatások elkerüléséről szól a következő cikk, JavaScript nyelvű (és egy kevés Python) példakódokkal, de úgy gondolom, hogy nyelvfüggetlenül nagyon érdekes írás.

Ezt már mind vágod?

Senior frontendeseket keres a Virgo Systems. Jelentkezz!

Röviden

Az olvasók közül biztos sokan írtak már böngészőkiegészítőket, nekem viszont ez valahogy eddig kimaradt az életemből. A Puppeteer Recorder készítői kedvesek voltak, és megosztották a tapasztalataikat mindazokkal, akik szeretnék kipróbálni az extensionfejlesztés világát.

Frissült kedvenc kódeditorunk, a Visual Studio Code. Minor frissítésről van szó, ehhez képest meglepően sok újdonság került az új verzióba, például JSX kódkiegészítés is. A hivatalos listát az újdonságokról itt olvashatjátok el.

Minden keretrendszer mellett felsorakoztathatóak érvek, hogy miért érdemes őket használnunk a projektünkön, ebben a hónapban a Vue.js-en a sor.

A webhint egy testreszabható és bővíthető linter, weboldalakhoz. Figyeli a hozzáférhetőséget, a performanciát, biztonsági szempontokat, és sok egyéb dolgot is. Nem egy teljesen új dologról van szó, régebben Sonarwhal-nak hívták, a névváltoztatás hatására figyeltünk fel rá :)

Megérkezett a Vue CLI 3 stable változata, rengeteg újdonsággal. A hármas verzióban a sok opcionálisan integrálható feature mellett GUI-t is használhatunk, ez azonban egyelőre beta státuszban maradt, így itt elképzelhetőek apróbb hibák.

És az Angular CLI-hoz is érkezett egy grafikus felület, az Angular Console. A Vue-val ellentétben ez nem böngészőben fut, letöltés után futtatható. A készítés okáról, és a jövőbeli tervekről itt írnak a készítől.

Béta státuszba került a Chrome 69-es verziója, ahol a CSS trükkökön kívül érkezik az AV1 videokodek támogatása is.

És végül: megérkezett a Babel 7! A 6-os verzió 2015-ben jelent meg, azóta jó pár év, és jó pár commit eltelt. A teljesség igénye nélkül pár jelentősebb újdonság a hetes verzióból: TypeScript és JSX támogatás, konfigurációs fájlok (babel.config.js) használata, upgrade tool, és természetesen sebességbeli javulás.

Végszó

Ezzel a végére értünk az augusztusi számnak, szívesen fogadjuk a visszajelzéseiteket az oldal alján található komment szekcióban.

Találkozunk egy hónap múlva, sziasztok!