Hari / Hari Kod: Perjalanan Pembelajaran dan Pertumbuhan

Kha, 26 September 2024

Hai semua!

Pertama sekali, saya ingin mengucapkan terima kasih yang tulus kepada Grëg Häris dan seluruh pasukan Dev atas dorongan anda yang tidak berbelah bahagi. Apabila saya memulakan cabaran 100 Hari Kod, saya hanya dapat melihat betapa pentingnya Dev dalam kemajuan saya. Memblog di Dev telah melengkapkan bulatan pembelajaran dalam talian untuk saya, menyepadukan semua yang saya pelajari dan mengujinya dalam konteks dunia sebenar. Seperti pelajaran Codecademy, pembelajaran adalah sosial dan dapat membuat siaran di Dev adalah satu hadiah, dan ia merupakan pengalaman pelbagai arah, kerana saya juga belajar banyak daripada anda semua.

Mengatasi Cabaran
Kehidupan melemparkan beberapa bola lengkung ke arah saya, yang mengganggu jadual blog saya. Saya bertanggungjawab sepenuhnya untuk ini. Walaupun menghadapi cabaran ini, saya meneruskan pengekodan, walaupun hanya sejam sehari pada masa-masa tertentu. Saya terpaksa mengutamakan, dan malangnya, blogging terpaksa mengambil tempat duduk belakang. Selepas beberapa refleksi, saya memutuskan untuk memanggil penggantungan kira-kira sepuluh hari lagi. Walaupun tidak menulis blog tidak sesuai, ia adalah kompromi yang diperlukan. Mengambil pada hari ke-78.

Mengimbangi Blogging dan Pengekodan
Menyedari bahawa blog memerlukan usaha, saya telah memutuskan untuk menempah sehingga dua hari seminggu untuk urusan pengekodan selain daripada blog. Saya akan menyasarkan untuk menyimpannya pada hujung minggu, tetapi ia boleh berlaku pada bila-bila masa. Seperti yang anda mungkin perasan, gaya blog saya adalah buatan sendiri, dan beberapa tugasan kami menjadi lebih mencabar.

Pembelajaran Hari Ini: Fungsi Kilang Anak Panah
Hari ini, saya mengetahui bahawa fungsi kilang anak panah berkelakuan berbeza berdasarkan gaya kandungan badan, yang boleh memberi kesan ketara kepada fleksibilitinya. Pembelajaran dalam talian sering kali melupakan butiran bernuansa ini, menambahkan lapisan yang menarik untuk saya kongsikan.

Sorotan Projek: Penjana Pakaian Seharian
Ambil tugasan hari ini, sebagai contoh. Ia bermula secara ringkas: penjana mesej luar talian menggunakan sekurang-kurangnya tiga keping data. Ideanya adalah untuk mencipta sesuatu seperti tukang tilik, horoskop atau sebarang mesej yang berkaitan dengan tiga maklumat. Saya memilih untuk mencipta penjana "Outfit of the Day" untuk berseronok.

Bahagian rumit datang seterusnya. Saya boleh menjadikannya mudah dengan mencipta objek untuk memegang tiga bit data dan fungsi penjanaan mesej dengan fungsi pembantu untuk menetapkan bahagian data secara rawak. Walau bagaimanapun, saya ingin mempraktikkan fungsi kilang, dan ini adalah peluang yang tepat.

Fungsi kilang sememangnya tidak mencabar, tetapi ia mengandungi kedua-dua data dan fungsi. Saya belajar bahawa cara isi kandungan ditulis menentukan cara bahagian lain ditulis dan sesetengah bahagian berfungsi secara tersirat. Untuk mendapatkan kaedah objek untuk mengakses sepenuhnya data objek, fungsi kata kunci diperlukan. Gaya kandungan badan tradisional lebih fleksibel, manakala gaya kandungan badan ringkas mengembalikan objek secara tersirat. Kod saya di bawah menunjukkan ringkas:

// Object of available outfit items
const items = {
  shirt: ['swag t-shirt', 't-shirt with clever saying', 'sweater', 'hoodie'],
  pants: ['cargo pants', 'jeans', 'chinos'],
  shoes: ['sneakers', 'boots', 'sandals'],
  accessory: ['backpack', 'poof ball hat', 'ball cap', 'sunglasses']
};

// Utility function to randomly select an item in each category
const selectRandomItem = category => {
  const randomIndex = Math.floor(Math.random() * items[category].length);
  return items[category][randomIndex];
};

// Outfit factory function
const outfitFactory = () => ({
  shirt: selectRandomItem('shirt'),
  pants: selectRandomItem('pants'),
  shoes: selectRandomItem('shoes'),
  accessory: selectRandomItem('accessory'),
  logOutfit: function() { 
    // Note: ': function' so method can be used with dot notation
    console.log("Outfit:");
    console.log(`Shirt: ${this.shirt}`);
    console.log(`Pants: ${this.pants}`);
    console.log(`Shoes: ${this.shoes}`);
    console.log(`Accessory: ${this.accessory}`);
  }
});

const outfit = outfitFactory();
outfit.logOutfit();

// Output, randomly selected: 
// Outfit:
// Shirt: swag t-shirt
// Pants: cargo pants
// Shoes: boots
// Accessory: backpack

Merangkul Percabangan GitHub
Akhir sekali, projek ini bertujuan untuk membolehkan kami bekerja dengan GitHub menggunakan percabangan, sama seperti yang akan kami lakukan sebagai bakal pembangun. Walaupun saya telah menggunakan Git secara tidak rasmi selama beberapa tahun, percabangan membuka ciri seperti permintaan tarik, penggabungan dan rebasing cawangan, bersama-sama dengan simpanan dan pop atau gunakan, yang baharu bagi saya.

Selamat pengekodan!

Atas ialah kandungan terperinci Hari / Hari Kod: Perjalanan Pembelajaran dan Pertumbuhan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!