Friss források a webes tervezők és fejlesztők számára (2018. február)

Miután évek óta fedezte ezt a sorozatot, tanúi voltam, hogy az eszközök jönnek és mennek. A néhány új eszköz szinte minden héten megjelent. Az elmúlt hetekben azonban úgy gondolom, hogy egy kicsit lelassul, egy kicsit tovább tartottam a szokásosnál az új eszközök megtalálásához a Github-hoz és más forrásokhoz amelyek szabad, nyílt forráskódúak és érdemes megemlíteni ezt a sorozatot.

A mai poszton a JavaScript keretrendszerből, a tesztelési eszközökből és a WordPress-oldalak fejlesztéséből származó eszközökből állok össze. Nézzük meg őket.

Kutt

egy olyan alkalmazás, amely saját domainnevével rövidíti az URL-címeket. A legmodernebb stackekre épül, mint például a Node.js, a React és a Redux egy maroknyi beépített funkciók, beleértve a jelszóval védett URL-t, a RESTful API-t, és a részletes statisztikák az URL-ek ellenőrzéséhez. A legjobb dolog Ez ingyenes, és a saját kiszolgálón is elhelyezheti.

WordHat

A WordHat a eszköz a Behat és a WordPress integrálásához. A Behat egy nyílt forráskódú Behavior-vezérelt fejlesztés (BDD) keret a PHP-hez, ahol tesztelheti a PHP alkalmazását kifejezőbb módon.

Ezt az eszközt rendkívül hasznosnak találja, mivel a WordPress témája és bővítménye bonyolultabbá válik a funkciókkal; A WordHat és a Behat gondoskodik arról, hogy a téma vagy a plugin a várt módon viselkedjen amikor a felhasználó vele kommunikál.

WP böngésző

A WordHathoz hasonlóan a WP-Browser a Codeception kiterjesztése kifejezetten a WordPress alkalmazásokhoz, témákhoz és bővítményekhez készült. A codeception egy eszköz a végrehajtáshoz tesztelés a PHPUnit és a Behat alkalmazáshoz hasonlóan, de többet tartalmaz. Ebben megteheti Böngésző tesztelése, BDD, egységintegrációs tesztelés és API tesztelés.

Csomópont WP internacionalizálása

A név önmagáért beszél. Ez egy NodeJS modul, amely sok témát automatizál a témák vagy a bővítmények nemzetközivé tételéhez. Telepítse a modult és a típust wpi18n makepot a POT fájl létrehozásához kiírható szövegből a WordPress bővítményeiben vagy témáiban.

Kösz

Egy másik NodeJS modul, amely a közelmúltban a Githubra irányul. “Kösz” akarat készítsen listát a nyílt forráskódú projektben használt csomagok karbantartói közül és kapcsolja össze az adományozásukhoz vagy az OpenCollective oldalhoz, mint a közösséghez való hozzájárulásuk hálájának jele.

Guten blokk létrehozása

Gutenberg hallja és lesz szállítva a WordPress 5.0-mal. Ez egy Az NPM modul egy Gutenberg blokkfejlesztési kazánlap létrehozására szolgál modern verem, mint például React, Webpack, Babel és Sass. Egyszerűen futtassa a parancssort ,create-Guten-block, és mindannyian be van állítva.

WP Vue

A WP Vue a a Vue-val készült sablon a WordPress bejegyzések megjelenítéséhez. Ez a sablon kiváló kiindulópont, ha szeretné létrehozni a WordPress webhelyét fejetlen. Nézze meg, hogyan működik a demóoldalon. Módosítsa a WP-API URL végpontjának URL-jét bármely WordPress webhelyről; automatikusan újratelepíti az új végpont URL-jéből származó bejegyzéseket.

Inger

A új JavaScript keretrendszer a Basecamp-tól. A React vagy Vue-val ellentétben nem kényszeríti arra, hogy a teljes alkalmazást JavaScript-el írja, vagy szintetikus tulajdonságokat adjon hozzá.

StimulusJS egy egyszerű HTML-ben dolgozik, amit már tudtunk a adat- attribútumok. Nem igényel bonyolult építési konfigurációt. tudsz egyszerűen csak add hozzá a szkriptet a weboldalon, mint a jQuery-vel és ez az - kezdje el írni a szkriptet, hogy életben legyen az alkalmazás.

Manta

A ingyenes alkalmazás számlák létrehozására és kezelésére. Felvehet egy jegyzetet, beállíthat valutát, alkalmazhat kedvezményt, hozzáadhat egy listát az ügyfelekről vagy az ügyfelekről, adja hozzá a logót, tervezze meg a számla sablont, és töltse le PDF formátumban. Ez MacOS, Windows és Linux operációs rendszereken érhető el. Ha Ön szabadúszó, ez lehet a számlázás, amit keresett a szabadúszó üzleti futtatásához.

Reagáljon a statikusra

Ahogy a neve is mutatja, ez egy olyan eszköz, amely lehetővé teszi statikus helyet hoz létre a React segítségével. Ez az összes előre beállított eszközzel együtt van, így elkezdheti a webes tartalom előállítását. És egy statikus helyszín a webhelyet még alacsony erőforrásokkal rendelkező megosztott tárhelyen is tárolhatja.

Piklist

A Piklist egy olyan WordPress fejlesztés lehetővé teszi egy komplex webhely-beállítás létrehozását a WordPress segítségével kevesebb kóddal. A segédfunkciók és a Hooks sorozata a WordPress szinte minden részének kiterjesztésére szolgál, mint például a Beállítás oldal, egyéni mezők, admin értesítések, rövid kód, widgetek, taxonómiák, felhasználók, és még sok más.

STRAPI

A tartalmi API létrehozására szolgáló agnositic CMS keretrendszer. Lehetővé teszi, hogy saját tartalmi struktúráját és API-ját megtervezze, valamint szép adminisztrációs panelt biztosít azok kezeléséhez. Ez azonban nem tartalmaz beépített sablonrendszert. Azt Önnek tetszőleges front-end könyvtárat választhat például React vagy Vue.

ParcelJS

ParcelJS a Bundler hasonlít a Webpack és Browserify-hez, kivéve, hogy gyorsabban villog és nulla konfigurációt igényel. Azt támogatja a HTML, JS, CSS és transzformátorok közös fejlesztői csomagját mint például a PostCSS és a Babel. Tehát csak a kódodra koncentrálhatsz, ahelyett, hogy időt veszítene a konfiguráción.

GoodShare

A JavaScript könyvtár a Social Media (szociális média) gomb megjelenítése néhány társadalmi média megosztásával. Számos közösségi médiát támogat, beleértve azokat is, amelyeket még soha nem hallottál, mint a Vkontakte, az Odnoklassniki, a SurfingBird, valamint néhány messenging platform, mint a Skype, WhatsApp és LINE. A GoodShare Vue komponensként is kapható.

CopyChar

Egy weboldal, amely lehetővé teszi speciális karakterek keresése és másolása a vágólapra. A webhelyen szereplő karakterek közé tartoznak a betűk, írásjelek, matematika, nyilak és emoji. Egyszerűen kattintson vagy érintse meg a karaktert, hogy a karaktert a vágólapra másolja.

Nerv

Nerv egy másik reaktív VirtualDOM könyvtár; a ReactJS alternatívája. Ez hozza a React JSX ismerős szintaxisát, de kevés figyelemre méltó különbséggel. A Nerv támogatja az Internet Explorer 8-at! és ez a React méret egyharmada. Még mindig, A Nerv kompatibilis a legbonyolultabb React bővítményekkel.

HyperappJS

Egy másik JavaScript könyvtár, amely érdemes megvizsgálni a webes alkalmazás létrehozását. Azt egyesíti az állami menedzsmentet egy virtuális DOM motorral amely támogatja a kulcsfontosságú frissítéseket és az életciklus-eseményeket minden függőség nélkül.

VulcanJS

A Vulcan a verem az eszközöket egy modern webes alkalmazás létrehozásához. A React, a GraphQL és a Meteor előre be van kötve. Mivel ez egy teljes kötegű keret, amely a segítő összetevőinek egész sorát biztosítja A back-end és a front-end-hez finomhangolva minden rendben van. Így gyorsan elindíthatja az alkalmazását.

Koa11y

A Windows, a MacOS és a Linux asztali alkalmazás a hozzáférhetőségi problémák vizsgálatára a webhelyen. A Koa11y értesítéseket és figyelmeztetéseket fog biztosítani arról, hogy webhelye sérti-e a hozzáférhetőségi előírásokat.

Ez minden webfejlesztői eszközkészlet eszköze lehet. Próbáljon navigálni a weboldalakon a billentyűzet használatával egy napig, hogy megértse, hogy a hozzáférhetőség fontos.

TablePlus

Valóban szép megjelenésű GUI alkalmazás az adatbázis kezelésére. A TablePlus az adatbázis-motorok széles skáláját támogatja, többek között MySQL, SQLite, Redis, Postgres, MS SQL és még sok más. A TablePlus elérhető a MacOS és a Windows operációs rendszerekhez.