Laman » Reka Bentuk Web » Sumber Sumber Daya untuk Pereka dan Pemaju Web (Februari 2018)

    Sumber Sumber Daya untuk Pereka dan Pemaju Web (Februari 2018)

    Setelah merangkul siri ini selama bertahun-tahun, saya telah menyaksikan alat-alat datang dan pergi. A Beberapa alat baru dikeluarkan hampir setiap minggu. Walau bagaimanapun, dalam beberapa minggu kebelakangan ini saya fikir ia semakin perlahan, saya mengambil masa yang lebih lama daripada biasanya menggali ke Github dan sumber lain untuk mencari alat baru yang bebas, terbuka, dan bernilai menyebut tentang siri ini.

    Dalam jawatan hari ini saya mempunyai campuran alat dari rangka kerja JavaScript, alat Ujian, dan beberapa untuk membangunkan tapak WordPress. Mari kita periksa mereka.

    Kutt

    An aplikasi yang memendekkan URL dengan nama domain anda sendiri. Ia dibina di atas susunan moden seperti Node.js, React, dan Redux dengan segelintir ciri yang terbina dalam termasuk URL melindungi kata laluan, API RESTful, dan statistik terperinci mewah untuk memantau URL anda. Perkara terbaik adalah percuma dan anda boleh menjadi tuan rumah pada pelayan anda sendiri.

    WordHat

    WordHat adalah a alat untuk mengintegrasikan Behat ke WordPress. Behat adalah rangka kerja Pembangunan Bergerak (BDD) yang didorong oleh sumber terbuka untuk PHP di mana anda boleh menguji aplikasi PHP anda dengan cara yang lebih ekspresif.

    Anda akan mendapati alat ini sangat berguna kerana tema WordPress dan plugin anda menjadi lebih rumit dengan ciri-ciri; WordHat dan Behat akan memastikan bahawa tema atau plugin anda berkelakuan seperti yang diharapkan apabila pengguna berinteraksi dengannya.

    Pelayar WP

    Sama seperti WordHat, WP-Browser adalah extention of Codeception direka khusus untuk aplikasi, tema, dan plugin WordPress. Codeception adalah alat untuk melaksanakan ujian pada aplikasi anda, serupa dengan PHPUnit dan Behat, tetapi ia dibundel dengan banyak lagi. Di dalamnya, anda boleh lakukan Ujian Pelayar, BDD, Ujian Integrasi Unit, dan ujian API.

    Pengantarabangsaan WP Node

    Nama itu bercakap untuk dirinya sendiri. Ia adalah modul NodeJS untuk mengautomasikan banyak perkara untuk mengantarabangsakan tema atau pemalam anda. Pasang modul dan taipkan wpi18n makepot untuk menjana fail POT daripada teks yang boleh diterjemahkan dalam plugin atau tema WordPress anda.

    Terima kasih

    Satu lagi modul NodeJS yang sedang berjalan di Github baru-baru ini. “Terima kasih” akan menjana senarai penyelenggara pakej yang digunakan pada projek sumber terbuka anda dan menghubungkannya dengan laman sumbangan atau OpenCollective sebagai tanda terima kasih sumbangan mereka kepada masyarakat.

    Buat Blok Guten

    Gutenberg mendengar dan akan dihantar dengan WordPress 5.0. Ini adalah Modul NPM untuk menghasilkan boilerplate pembangunan blok Gutenberg dengan timbunan moden seperti React, Webpack, Babel, dan Sass. Hanya jalankan baris arahan ,buat-guten-block, dan anda sudah bersedia.

    WP Vue

    WP Vue adalah a templat yang dibina dengan Vue untuk memaparkan catatan WordPress. Templat ini adalah titik permulaan yang bagus jika anda ingin membuat laman WordPress anda tanpa kepala. Lihat bagaimana ia berfungsi di halaman demo. Tukar URL titik akhir URL WP-API dari mana-mana tapak WordPress; ia secara automatik akan mengisi semula jawatan dengan orang-orang dari URL akhir titik akhir.

    Rangsangan

    A rangka JavaScript baru dari Basecamp. Tidak seperti React atau Vue, ia tidak memaksa anda untuk menulis keseluruhan aplikasi anda dengan JavaScript atau menambah sifat sintetik.

    StimulusJS berfungsi dalam HTML biasa yang sudah kita kenal dengan data- sifat-sifatnya. Ia juga tidak memerlukan konfigurasi membina kompleks. Awak boleh cukup tambahkan skrip pada halaman web seperti yang anda lakukan dengan jQuery dan itu sahaja - mula menulis skrip membuat aplikasi anda hidup.

    Manta

    A aplikasi percuma untuk membuat dan menguruskan invois. Anda boleh menambah nota, menetapkan mata wang, memohon diskaun, menambah senarai pelanggan atau pelanggan, tambah logo anda, reka bentuk template invois, dan muat turun dalam format PDF. Ia tersedia untuk macOS, Windows, dan Linux. Sekiranya anda seorang freelancer, ini mungkin merupakan invois yang anda cari untuk menjalankan perniagaan freelancing anda.

    React Static

    Seperti namanya, ini adalah alat yang membolehkan anda menjana laman statik menggunakan React. Ia dilengkapi dengan semua alat yang telah dikonfigurasikan, jadi anda boleh memulakan menghasilkan kandungan untuk web. Dan menjadi tapak statik, anda boleh menjadi tuan rumah laman web ini walaupun dalam hosting yang dikongsi dengan sumber yang rendah.

    Piklist

    Piklist adalah perkembangan WordPress itu membolehkan anda membina persediaan tapak web yang kompleks dengan WordPress dengan kod kurang. Ia dilengkapi dengan satu set fungsi pembantu dan Hooks untuk memanjangkan hampir setiap bahagian dalam WordPress seperti halaman Tetapan, bidang adat, notis admin, shortcode, widget, taksonomi, pengguna, dan banyak lagi.

    Strapi

    A rangka kerja CMS agnositik untuk membina API kandungan. Ia membolehkan anda untuk mereka bentuk struktur kandungan anda sendiri dan API serta menyediakan panel Admin yang indah untuk mengurusnya. Walau bagaimanapun, ia tidak menyediakan sistem templat terbina dalam. Ia menawarkan anda memilih mana-mana perpustakaan front-end pilihan anda seperti React atau Vue.

    ParcelJS

    ParcelJS ialah bundler sama seperti Webpack dan Browserify, kecuali ia menyala lebih cepat dan memerlukan konfigurasi sifar. Ia menyokong bundler pembangunan biasa untuk HTML, JS, CSS dan transformer seperti PostCSS dan Babel out-of-the-xbox. Jadi, anda hanya boleh memfokus pada kod anda dan bukan membazirkan masa pada konfigurasi.

    GoodShare

    Pustaka JavaScript kepada tunjukkan butang Media Sosial dengan kiraan bahagian untuk beberapa media sosial. Ia menyokong banyak media sosial termasuk yang tidak pernah anda dengar seperti Vkontakte, Odnoklassniki, SurfingBird, juga beberapa platform messenging seperti Skype, WhatsApp, dan LINE. GoodShare juga boleh didapati sebagai komponen Vue.

    CopyChar

    Sebuah laman web yang membolehkan anda cari dan salin aksara khas ke clipboard anda. Huruf, Tanda baca, Matematik, Anak panah, dan Emoji adalah beberapa aksara yang terdapat di laman web ini. Cukup klik atau ketik pada watak untuk menyalin aksara ke clipboard anda.

    Nerv

    Nerv adalah yang lain perpustakaan VirtualDOM reaktif; alternatif kepada ReactJS. Ia membawa sintaks yang biasa dikenali sebagai JSX of React tetapi dengan beberapa perbezaan ketara. Nerv menyokong Internet Explorer 8! dan ia hanya satu pertiga daripada saiz React. Masih, Nerv serasi dengan React add-ons yang paling kompleks.

    HyperappJS

    Satu lagi perpustakaan JavaScript yang bernilai mencari untuk membina aplikasi web. Ia menggabungkan pengurusan negeri dengan enjin DOM Maya yang menyokong kemas kini utama dan peristiwa kitaran hayat semua tanpa sebarang dependensi.

    VulcanJS

    Vulcan adalah a timbunan alat untuk membina aplikasi web moden. Ia dibundel dengan React, GraphQL dan Meteor sebelum disahkan. Kerana ia merupakan rangka kerja penuh yang menyediakan pelbagai komponen penolong yang ada disempurnakan dengan baik pada bahagian belakang dan front-end, segala-galanya hanya bekerja out-of-the-box. Oleh itu, anda boleh mendapatkan aplikasi anda dan berjalan dengan cepat.

    Koa11y

    Aplikasi desktop untuk Windows, macOS dan Linux untuk memeriksa isu kebolehaksesan di laman web. Koa11y akan memberikan notis dan amaran sama ada laman web anda melanggar standard Kebolehcapaian.

    Ini harus menjadi alat di setiap kotak alat pemaju web. Cuba navigasi laman web dengan menggunakan papan kekunci anda untuk sehari untuk memahami bagaimana Kebolehcapaian adalah penting.

    TablePlus

    Sebenarnya aplikasi GUI yang bagus untuk mengurus pangkalan data. TablePlus menyokong pelbagai jenis enjin pangkalan data termasuk (tentu saja) MySQL, SQLite, Redis, Postgres, MS SQL, dan banyak lagi. TablePlus boleh didapati untuk macOS dan Windows.