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

Julai adalah bulan yang membawa musim panas dan sebagainya untuk sumber-sumber segar bulan ini, kami mempunyai alat-alat baru yang hangat daripada beberapa pemaju yang baru dan mapan.

Senarai ini mempunyai campuran alat yang menarik dari perpustakaan Sketsa oleh komuniti WordPress yang akan membolehkan anda membuat prototaip antara muka WordPress, segelintir alat yang memanjangkan React.js dan Vue.js, dan beberapa rujukan untuk meningkatkan kemahiran pembangunan anda. Mari kita periksa mereka.

WPRIG

Tema pemula semua-dalam-satu WordPress yang dicipta oleh Morten Rand-Hendriksenand dilengkapi dengan a membina pratetap proses menggunakan alat moden seperti Gulp, Babel, ESLint, dan integrasi Kod Visual Studio. Ia akan membantu anda membuat tema WP yang hebat tanpa masalah untuk mengkonfigurasi alat pembangunan sekitar.

VueNative

Rangka kerja berdasarkan Vue.js untuk membina aplikasi mudah alih merentas platform yang membolehkan anda menulis kod anda dengan spesifikasi Vue.js. Alat itu akan menyusunnya kepada React Native dan lakukan kerja ajaib untuk anda di belakang tempat kejadian dengan vue-native CLI. Jika anda sudah biasa dengan Vue.js, ini boleh menjadi rangka kerja yang sesuai untuk membina aplikasi mudah alih.

SketchPress

Orang-orang di 10up baru saja mengeluarkan SketchPress yang merupakan Templat lakaran dengan cepat mewujudkan antara muka admin WordPress dan reka bentuk. Ia dibungkus dengan UI admin biasa seperti Button Utama, Menu Bar, Dashicons, Metabox, dan sebagainya. SketchPress adalah alat pengiring yang hebat untuk pemaju WordPress untuk menyelaraskan plugin dan tema Tetapan atau laman Pilihan dengan WordPress admin UI.

Docz

Docz adalah a penjana dokumentasi berdasarkan MDX yang dipaparkan dalam pusingan terakhir siri ini. Alat ini akan membolehkan anda mengimport dan memasukkan komposit adat JSX ke dalam campuran dengan sintaks Markdown, sama seperti menulis dokumen JSX.

Animista

Animasi CSS membawa web ke kehidupan. Walau bagaimanapun, tidak mudah untuk menyusun Animasi CSS memandangkan awalan penyemak imbas untuk keserasian, parameter, dan jangka masa animasi. Animasta menjadikan perkara ini lebih mudah dengan menghasilkan kod untuk anda. Awak boleh mengkonfigurasi animasi dalam antara muka yang mesra pengguna dan dari mana anda hanya boleh menyalin kod.

GridToFlex

Beberapa contoh susunatur web biasa yang dibina menggunakan CSS Grid asli dan menggunakan Flexbox sebagai sandaran untuk pelayar yang tidak menyokongnya lagi. Lihat siaran kami: Pengenalan kepada Modul Layout Grid CSS.

RatioBuddy

Alat yang bagus untuk menjana kotak dengan CSS dengan nisbah yang ditentukan, sebagai contoh, 1: 1, 3: 4, dan sebagainya. Alat ini akan menghasilkan kod dalam format SCSS untuk menyalin.

Bagaimana untuk GraphQL

GraphQL adalah alternatif kepada struktur data REST dan Bagaimana GraphQL adalah a sumber yang komprehensif untuk belajar. Ia jauh lebih cekap daripada REST kerana ia hanya akan menarik data yang diminta mengurangkan jumlah beban dan pemindahan data.

Sejarah Contoh

Plugin WordPress mudah untuk menunjukkan sejarah aktiviti yang dilakukan di papan pemuka WordPress. Ia menyokong aktiviti asli WordPress seperti apabila pengguna membuat catatan dan halaman, log masuk, dan mengaktifkan atau menyahaktifkan plugin lain. Ia juga boleh lacak aktiviti pemalam lain termasuk Advanced Custom Fields (ACF) dan Switching Pengguna. Ini plugin hebat untuk menjejaki aktiviti dalaman laman web anda.

Transfer.sh

ia adalah utiliti berguna untuk berkongsi fail melalui perintah Shell. Anda boleh memuat naik sebarang jenis fail sehingga 10 Gb. Ia juga menyokong penyulitan fail. Dan adakah saya menyebut bahawa ia benar-benar Percuma?

FB Sonar

Alat untuk debug aplikasi mudah alih untuk iOS dan Android. Aplikasi ini dilengkapi dengan beberapa alat untuk a pengalaman debugging yang mudah seperti pemapar log, pemeriksa susunatur interaktif, dan pemeriksa rangkaian. Jika itu tidak mencukupi, anda boleh membuat plugin untuk memperluaskan aplikasi dengan fungsi yang anda perlukan.

JSUI

Aplikasi ini dibungkus dengan banyak alat untuk menyediakan cara yang lebih baik untuk menyusun projek anda. Awak boleh membuat kumpulan, menghasilkan projek baru menggunakan beberapa projek popular seperti React, Vue, dan Angular, memasang kebergantungan projek, jalankan pelayan Node.js, dan banyak lagi. Aplikasi yang hebat untuk mereka yang menguruskan sedozen projek.

BrainMonkey

Satu utiliti ujian unit PHP direka dengan beberapa alat khusus untuk WordPress. Ia menyediakan alat yang membolehkan mengejek Fungsi PHP. Ia juga menyediakan satu set alat keluar dari kotak untuk menangani beberapa fungsi WordPress seperti add_action remove_action untuk menamakan beberapa, yang pada umumnya sukar untuk menguji.

Fraktal

Fraktal telah direka untuk menjadi alat dokumentasi pusat bagi pemaju dalam satu pasukan untuk merujuk apabila ada keperluan untuk mengintegrasikan komponen ke dalam projek. Ia membolehkan anda untuk mengintegrasikan coretan kod, memaparkan pratonton, dokumentasi, nota, dll setiap komponen.

Ant Design Pro

“AntDesign” adalah salah satu rangka kerja UI yang popular berdasarkan React.js dan ini adalah “Pro” versi yang direka untuk aplikasi perusahaan. Ia termasuk beberapa komponen tambahan yang tidak termasuk dalam pakej biasa AntDesign seperti AvatarList, HeaderSearch, dan TagSelect.

Rangka kerja ini juga ada alat pembangunan terbina dalam seperti alat Build, Test Suite, dan Deployment jadi anda boleh bekerja pada kod anda sebaik sahaja membuang masa pada konfigurasi aliran kerja.

LuminJS

Sangat kecil Perpustakaan JavaScript untuk menyerlahkan teks pada tapak web anda. Ia berfungsi dengan lancar dengan struktur DOM rumit dan ia boleh diprogramkan kerana anda boleh menetapkan kelajuan, penggayaan, dan animasi.

Prompts

Yang berguna Pakej NPM untuk membina CLI interaktif menggunakan Node.js. Ia menyokong prompt asas, berbilang pilihan, cepat dinamik dan banyak jenis input seperti kata laluan, teks, nombor, dan e-mel dan lain-lain.

Persepsi

Plugin WordPress yang sejuk yang akan memperbaiki carian Perpustakaan Media WordPress dengan mengklasifikasikan imej menggunakan API Wawasan Awan Google. Sebagai contoh, jika anda telah memuat naik a “burung” imej, anda boleh mencari imej menggunakan kata kunci “burung” sama ada atau tidak kata kunci dimasukkan ke nama imej, nama fail, atau data meta.

DevTube

Satu koleksi video, ditarik dari Youtube, beberapa persidangan pemaju seperti JSConf, Google TechTalk, dan O'Reilly. Sekarang dapatkan popcorn dan tingkatkan kemahiran Dev anda.

Reactive.how

Pengaturcaraan reaktif semakin meningkat; paradigma baru dalam pengaturcaraan terutamanya di sekitar web di mana aliran data adalah banyak dan berterusan mengalir setiap milisaat. Sumber ini adalah inisiatif dari Cèdric Soulas kepada mengajar anda prinsip-prinsip reaktif pengaturcaraan.