Sumber Daya Segar untuk Pereka dan Pemaju Web (Disember 2016)

Kami hampir menjelang akhir tahun 2016, dan ia menjadi tahun yang menggembirakan bagi ramai termasuk pemaju web. Tahun ini, Populariti ReactJS melonjak secara eksponen, Pelanjutan ReactJS baru dilepaskan dan diletakkan di dalam senarai Repositori tren Github (hampir) setiap minggu.

PHP7 juga dikeluarkan tahun ini yang menawarkan peningkatan yang ketara pada kelajuan, serta pembebasan WordPress 4.7 dengan WP-API yang dinanti-nantikan ciri, dan Facebook turut memperkenalkan pakej benang yang boleh mencabar NPM.

Klik untuk Sumber Lebih Banyak

Cari koleksi kami sumber yang disyorkan dan reka bentuk dan alat pembangunan web terbaik yang tersedia.

Untuk butiran lanjut mengenai setiap siaran berguna ini, mari kita lihat senarai berikut:

LightHouse

LightHouse adalah a alat berguna dari Google untuk memeriksa laman web anda terhadap metrik pembangunan web moden, yang termasuk prestasi beban halaman, caching dengan Pekerja Perkhidmatan, sambutan masa pelayan dan sebagainya. Alat ini datang dalam dua bentuk, CLI (Barisan Perintah Baris) dan sambungan Google Chrome.

FuseJS

Carian fuzzy adalah sejenis penyelesaian carian di mana ia mengembalikan kemungkinan nombor walaupun tidak sama persis dengan argumen carian. Sebagai contoh, jika anda mencari 'untuk' keputusan yang dihasilkan mungkin kembali todo, robot, dan kaki. Ini adalah prestasi carian popular dalam aplikasi web hari ini. FuseJS ialah perpustakaan JavaScript yang ringan yang membolehkan anda melaksanakannya di laman web anda dengan mudah.

Pakej Benang

Benang adalah a Pengurus pakej nod yang dibina oleh Facebook. Ia pada asasnya sama dengan NPM walaupun dengan kemajuan dalam beberapa bidang seperti kelajuan, 'mod luar talian' yang membolehkan anda memasang pakej tanpa menyambung ke Internet, dan keselamatan serta kebolehpercayaan.

Menu Cache

Plugin WordPress berguna untuk menyembunyikan Menu WordPress menggunakan API Transien untuk meningkatkan kelajuan permintaan pangkalan data. Plugin ini dilengkapi dengan beberapa Penapis untuk suaikan tempoh caching dan melakukan perkara lain. Ia boleh dipasang menggunakan Komposer atau sebagai plugin WordPress biasa.

Githunt

Githunt adalah pelanjutan Google Chrome yang menggantikan laman utama Chrome dengan repositori Trend Github. Anda boleh menyusun hasil berdasarkan tempoh dan bahasa pengaturcaraan. Ia adalah, saya fikir, utiliti mestilah dipasang bagi setiap pemaju untuk terus dikemas kini dengan alat yang paling kecil di sekelilingnya.

FFocus

Tidak dapat memberi tumpuan kepada kerja anda dan ingin mendapatkan pekerjaan anda dengan cepat? Cuba FFocus. Ia adalah CLI yang membolehkan anda menyekat laman web untuk jangka masa yang ditetapkan melalui Terminal. FFocus boleh dipasang melalui NPM dengan menjalankan npm i ffocus -g perintah.

Accesslint

AccesslintJS adalah a Perpustakaan JavaScript untuk mengesahkan laman web anda untuk kemudahan. Menggunakan perpustakaan ini semudah memuatkannya sebelum tag, dan anda akan mendapat semua amaran dan kesilapan betul-betul di Konsol DevTools.

Berwarna

Colorable adalah a aplikasi web yang berguna yang membolehkan anda menghasilkan kombinasi warna yang mematuhi Garis Panduan WCAG, dan juga membuat laman web anda akses kepada pengguna dengan gangguan penglihatan seperti buta warna.

Micon

Micon adalah a ikon fon pictograph Microsoft Windows 10 yang dipilih. Ini boleh jadi penggantian hebat FontAwesome yang saya fikir sudah berlebihan.

Rujukan CSS

Nama itu mengatakan semuanya. Ia adalah Rujukan CSS untuk mencari sintaks CSS. Ia juga dipersembahkan dengan cara yang menyenangkan yang membuatnya menjadi alternatif yang hebat untuk dokumentasi CSS di MDN, jika anda fikir ia terlalu membosankan.

Tempatan oleh Flywheel

Ini adalah Aplikasi GUI yang membuat laman web WordPress tempatan dalam macOS anda begitu mudah. Aplikasi ini dikemas dengan kemudahan utiliti yang hebat untuk pemaju, seperti; “Satu klik” Pemasangan WordPress, Akses SSH, persediaan SSL mudah, cetakan biru tapak, dan XIP.io. Aplikasi ini berharga sekitar 149USD, tetapi adalah kini diberikan secara percuma sejak diperolehi oleh Flywheel.

FreeCodeCamp

Ia adalah sumber percuma untuk mempelajari kod untuk Web. Subjek termasuk HTML, CSS, JavaScript, dan a beberapa perpustakaan seperti ReactJS dan D3. Ia menyediakan cabaran atau contoh projek semasa anda mengambil kursus, serta tutorial untuk membantu anda memahami subjek yang lebih baik.

Font OverPass

Font OverPass adalah keluarga font yang terdiri daripada lapan berat (200-900), huruf italik tulen, dan monospace. Fon boleh dimuatkan sebagai fon web dari KeyCDN serta dipasang untuk penggunaan Desktop. Ia adalah percuma dan sumber terbuka.

Borang Pangkalan

Pangkalan asas ialah a set peraturan gaya CSS yang menetapkan semula elemen bentuk yang termasuk input, kotak semak, pilih, dan textarea dengan gaya asas namun hebat. Perpustakaan CSS ini bagus digunakan bersempena dengan yang lain “CSS resetter” seperti Normalize.css.

FrontEnd

ia adalah framwork yang digunakan untuk membina 24ways.org; sumber yang hebat yang boleh anda lihat untuk mempelajari teknik canggih CSS.

Kemenangan

ReactJS semakin meningkat, dan dengan itu datang sebilangan besar sambungan untuk menyokongnya. Kemenangan adalah a Komponen ReactJS untuk menambah intercative dan carta atau visualisasi data.

Inferno

Inferno adalah a Perpustakaan JavaScript untuk membina antara muka web pada peranti mudah alih. Ia adalah diilhamkan dari ReactJS oleh itu mewarisi konvensyen sintaksis yang serupa. Namun, perbezaannya ialah Inferno dibina dengan prestasi dalam minda yang menjadikannya saiz yang lebih kecil dan juga memberikannya a masa rendering lebih cepat.

Bersemangat

Permonish adalah perpustakaan yang dapat meramalkan interaksi seterusnya pengguna. Ini akan membolehkan anda menyediakan antara muka pengguna (UI) lebih sempurna sebelum pengguna sebenar berinteraksi dengan laman web anda.

SPA Starter Kit

Ini adalah contoh SPA (Permohonan Halaman Tunggal) yang dibina dengan Laravel dan VueJS. Belum lagi satu lagi sumber yang hebat untuk mempelajari pembangunan web menggunakan rangka kerja - lihat sumber Luke!

Docute

Docute adalah Perpustakaan JavaScript untuk membina dokumentasi halaman tunggal. Ia dikuasakan dengan VueJS dan dihantar dengan beberapa utiliti Node yang membolehkan anda sediakan dan jalankan dokumentasi anda dengan cepat.