


Dari Makmal Sains ke Reka Bentuk Web: Laluan yang tidak dijangka ahli biologi. Latar belakang saintifik saya menanamkan rasa ingin tahu yang mendalam, sifat yang membawa saya dari mikroskop dan hidangan petri ke dunia pembangunan web yang menarik. Pada mulanya saya belajar HTML di tengah -tengah sampel sentrifugasi dan eksperimen pembekuan, menggunakan alat seperti Homesite dan Dreamweaver. Sepuluh tahun yang lalu, WordPress memasuki hidup saya, mengubah hobi menjadi semangat sepenuh masa.
Perjalanan WordPress saya: Pembangunan Tema dan Beyond
Seorang peminat WordPress yang mengisytiharkan diri sendiri, penentuan awal saya melibatkan penggodaman tema, sangat bergantung pada "tema bangunan Morten Rand-Hendriksen dari awal menggunakan garis bawah." Tutorial ini, bersama dengan repositori GitHub Morten, menjadi sumber yang tidak ternilai. Saya mencipta tema tersuai (Kuhn, Popper, dan lain-lain) untuk arkib peribadi saya, carian-enjin yang tidak mesra, yang diilhamkan oleh falsafah Sara Souceidan "hanya menulis" dokumentasi yang teliti. Walaupun saya juga berkecimpung dalam pembangunan plugin dan widget, tumpuan saya kekal terutamanya pada tema.
JavaScript penting dan kebangkitan Gatsby
Panggilan 2015 Matt Mullenweg untuk kemahiran JavaScript yang lebih mendalam, ditambah pula dengan pengumuman editor Gutenberg, menandakan titik perubahan. Menyedari kepentingan JavaScript, saya memulakan perjalanan pembelajaran yang dipandu oleh "JavaScript Pembelajaran Zell Liew - di mana anda harus bermula dan apa yang perlu dilakukan apabila anda terjebak?".
Meneroka Tema Berasaskan API Awal dan Rehat
Kemunculan tema WordPress berasaskan React, seperti Foxhound, Picard, dan Celestial, pada mulanya menimbulkan minat saya. Walau bagaimanapun, ini seolah -olah eksperimen, dan pengetahuan JavaScript/React terhad saya menghalang penerokaan yang lebih mendalam.
Merangkul React dan Menemukan Gatsby
Menggunakan "Fundamental JavaScript sebelum belajar React" Robin Wieruch sebagai pelan tindakan, saya menangani React. Kesederhanaan penghalaan Gatsby, menggunakan @Reach/Router, membuktikan permainan changer. Kelajuan dan kecekapan Gatsby, seperti yang diterangkan dalam bahan pemasarannya, seterusnya mengukuhkan keputusan saya untuk memberi tumpuan kepadanya. Saya dengan tekun bekerja melalui tutorial Gatsby dan sumber yang memanfaatkan seperti "Panduan untuk Membina Tapak Gatsby dari bawah tanah" dan "Membina Blog Lanjutan Menggunakan Gatsby dan React" untuk membina kemahiran saya. Saya memilih gaya SASS kerana kebiasaan dan kebolehbacaannya, walaupun saya mengakui merit modul CSS.
Mengintegrasikan Gatsby dan WordPress: Sumber dan Cabaran
Banyak tapak berkuasa Gatsby menyerlahkan prestasi dan kelebihan keselamatannya. Walau bagaimanapun, mengintegrasikan dengan WordPress membentangkan cabaran. Pengendalian komen, ciri WordPress asli, penyelesaian alternatif yang diperlukan seperti Disqus, seperti yang terperinci dalam tutorial NorthStack.
Tema dan plugin Gatsby
Eksplorasi saya termasuk pelbagai tema Gatsby yang diilhamkan oleh WordPress (Tabor, Gatsby Tema WordPress Starter, Tema Sumber WordPress) dan Projek Tema Gatsby WP. Semasa menjanjikan, banyak tema tidak mempunyai dokumentasi mesra pemula. Saya juga menyiasat plugin eksperimen seperti Gatsby Source WordPress Experimental dan Gatsby WordPress Gutenberg, kedua -duanya masih dalam pembangunan.
Panduan penting
Artikel majalah Smashing Mohammad Mohsin mengenai membina tema reaksi dan memindahkan dua puluh sembilan belas ke Gatsby terbukti tidak ternilai. Panduan tujuh bahagian yang komprehensif Henrik Wirth untuk memindahkan tapak WordPress ke Gatsby menggunakan WPGraphQL juga sangat membantu, seperti tutorial Jason Longstorf mengenai berpindah ke Jamstack (berdasarkan belajar dengan Jason Podcast).
Laman web Gatsby dan arah masa depan saya
Kemunculan perjalanan ini adalah laman web WordPress Gatsby yang sebahagiannya sendiri (satu langkah terperinci akan diterbitkan minggu depan). Saya memantau perkembangan plugin WordPress eksperimen, dengan harapan untuk pembebasan rasmi mereka. Evolusi berterusan editor WordPress Block, WPGraphQL, dan plugin Sumber Gatsby membentangkan kedua -dua kemungkinan menarik dan cabaran yang berterusan.
Pemikiran terakhir
Pada masa ini, tema Gatsby WordPress tidak sepenuhnya matang untuk pemula. Walaupun pendekatan yang dipisahkan menawarkan kelebihan yang ketara untuk projek yang lebih besar, untuk keperluan peribadi saya, tapak Gatsby standard dengan kandungan markdown masih mencukupi. Masa depan integrasi Gatsby dan WordPress adalah menjanjikan, tetapi batasan semasa memerlukan pertimbangan yang teliti. Tinggal untuk tutorial terperinci saya minggu depan!
Atas ialah kandungan terperinci Perjalanan panjang saya ke laman web WordPress Gatsby yang dihancurkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Ekosistem React menawarkan kita banyak perpustakaan yang semuanya memberi tumpuan kepada interaksi seret dan penurunan. Kami mempunyai React-Dnd, React-Beautiful-Dnd,

Terdapat beberapa perkara yang saling berkaitan dengan perisian cepat sejak kebelakangan ini.

Saya tidak boleh mengatakan saya menggunakan klip latar belakang semua yang kerap. Saya ' Tetapi saya diingatkan dalam jawatan oleh Stefan Judis,

Animasi dengan RequestAnimationFrame semestinya mudah, tetapi jika anda belum membaca dokumentasi React dengan teliti maka anda mungkin akan mengalami beberapa perkara

Mungkin cara paling mudah untuk menawarkan kepada pengguna adalah pautan yang mensasarkan ID pada elemen. Begitu seperti ...

Dengar, saya bukan pakar GraphQL tetapi saya suka bekerja dengannya. Cara ia mendedahkan data kepada saya sebagai pemaju front-end cukup sejuk. Ia seperti menu

Pada minggu ini, roundup, sebuah bookmarklet yang berguna untuk memeriksa tipografi, menggunakan menunggu untuk mengamuk dengan cara modul JavaScript mengimport satu sama lain, ditambah Facebook ' s

Saya baru -baru ini melihat perubahan yang menarik pada Codepen: apabila melayang pena di laman web, ada persegi panjang dengan sudut bulat yang berkembang di belakang.


Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

Muat turun versi mac editor Atom
Editor sumber terbuka yang paling popular

Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

SecLists
SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

VSCode Windows 64-bit Muat Turun
Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft