Siri siaran ini diindeks di NgateSystems.com. Anda akan temui kemudahan carian kata kunci yang sangat berguna di sana juga.

Semakan terakhir: Nov '24

1. Pengenalan

Helo dan selamat datang! Saya harap anda dapati apa yang anda cari di sini.

Siaran ini bertujuan untuk pemula yang lengkap. Ia merangkumi segala-galanya yang saya ingin tahu sendiri semasa saya mula-mula bermain-main dengan tapak web dan pangkalan data. Mungkin anda masih bersekolah, atau lebih tua dan mempertimbangkan perubahan kerjaya, atau mungkin bersara (walaupun masih muda di hati) dan hanya ingin tahu. Perkara penting ialah anda mempunyai minda muda - yang terbuka kepada idea baharu dan cepat menghargai peluang. Anda memerlukan ini kerana banyaknya idea baharu yang perlu anda serap adalah hampir memberangsangkan. Amalan Sistem Maklumat Moden adalah hutan alat dan teknik yang sempurna. Lebih teruk lagi, hutan ini berkembang pada kadar yang memeningkan. Di manakah anda harus bermula?

Siri ini bertujuan untuk meminimumkan kesukaran anda dengan mencadangkan laluan tertentu melalui hutan ini - yang memberikan hasil yang pantas dan berguna tetapi juga membangunkan kemahiran dan konsep untuk membolehkan anda sendiri seterusnya.

Hebatnya (dan saya tidak pernah berhenti kagum dengan ini), kebanyakan alatan dan teknologi yang saya huraikan di sini adalah percuma. Satu-satunya perkara yang anda perlukan untuk melabur ialah masa peribadi anda. Malangnya, ini bukan faktor yang tidak penting tetapi, seperti yang mereka katakan, "tiada kesakitan, tiada keuntungan!

Walau bagaimanapun, sebagai galakan lanjut, izinkan saya juga menyatakan bahawa anda kini mempunyai sekutu percuma yang hebat - chatBot tujuan umum. Siri ini termasuk beberapa catatan panjang yang tidak masuk akal penuh dengan arahan yang membosankan. Walau bagaimanapun, ia akan menjadi lebih panjang jika saya cuba menerangkan langkah-langkah secara terperinci yang anda patut dapatkan. Saya kini boleh yakin bahawa di mana sahaja anda rasa saya telah meninggalkan anda, anda boleh menghubungi bot untuk membawa anda kembali ke landasan yang betul. Sebelum keluaran chatGPT dan bot lain pada tahun 2022, saya tidak sangka perkara ini akan berlaku. Kini, semuanya telah berubah. Lihat Siaran 4.1 untuk pengenalan kepada tutor digital anda. Pada masa ini, saya mengesyorkan anda menggunakan chatGPT40 pada peringkat percumanya.

Semua yang dikatakan, berikut ialah penyataan objektif keseluruhan siri ini dan garis besar laluan yang dicadangkan untuk diikuti.

2. Objektif

Andaian anda bertujuan untuk membangunkan perisian yang akan membaca beberapa maklumat ke dalam komputer, memprosesnya dalam beberapa cara yang bertujuan dan kemudian memaparkan hasilnya pada skrin. Oh, dan tambahan pula, anda ingin sesiapa sahaja, di mana-mana sahaja di dunia dapat menggunakan kerja tangan anda. Ini semestinya cukup mudah ...

Dalam dunia IT, terdapat pelbagai cara untuk mencapai tugas mudah ini. Tetapi pada pengalaman saya, pilihan paling mudah ialah menggunakan pelayar internet seperti Chrome atau Safari sebagai "pad pelancar" untuk aplikasi anda. Ini mungkin kelihatan aneh, anda mungkin berkata. Bukankah semua orang menggunakan "apl" berdiri bebas pada telefon mudah alih mereka?

Inilah satu sebab: anda mahu aplikasi anda tersedia kepada pengguna yang bekerja melalui setiap peranti yang boleh difikirkan - komputer riba, tablet, komputer meja dsb. Penyemak imbas menyediakan cara terbaik untuk mencapai ini dengan melindungi aplikasi anda daripada perbezaan dalam perkakasan dan sistem pengendalian. Mereka juga memberi anda persekitaran yang canggih dan praktikal untuk menyokong logik aplikasi anda. Apl, sebaliknya, terikat pada platform perkakasan tertentu dan terperangkap dalam kerumitan.

Ini satu lagi sebab: anda mahu maklumat aplikasi anda tersedia kepada pengguna di mana-mana sahaja di dunia. Pelayar sudah diletakkan di Internet, yang tujuan keseluruhannya adalah untuk memudahkan perkongsian maklumat. Inilah sebabnya mengapa operasi utama seperti Amazon dan Facebook sangat gembira menggunakan penyemak imbas web sebagai platform untuk sistem mereka.

Jadi, laluan yang saya cadangkan membawa kepada apa yang kini dikenali secara amnya sebagai "apl web", perisian yang diaktifkan dengan hanya memasukkan "alamat" apl web ke dalam penyemak imbas web. Apl web ini akan berupaya mengekalkan storan data yang berterusan ("pangkalan data") dan akan menyediakan keselamatan untuk data ini melalui ciri "log masuk". Chatbots berasaskan penyemak imbas memberikan contoh terbaik penggunaan teknologi aplikasi web.

Berikut ialah garis besar alatan dan teknologi yang anda perlu kuasai untuk membina apl web moden:

1. HTML - Bahasa Penanda Hiperteks - ini ialah "bahasa" yang digunakan untuk memberitahu penyemak imbas cara memformatkan output apl web pada skrin komputer
2. Satu IDE - Persekitaran Pembangunan Interaktif - ini ialah alat penyuntingan yang anda gunakan untuk mencipta kod anda - VSCode Microsoft ialah IDE yang akan saya gunakan di sini.
3. A Bahasa Pengaturcaraan- ini menterjemahkan "konsep" aplikasi anda ke dalam pelaksanaan digitalnya. Bahasa yang saya akan gunakan dalam kursus ini ialah JavaScript
4. Alat Penyemak Imbas - ini membolehkan anda memeriksa dan menyahpepijat apl web semasa ia berjalan. Saya akan menggunakan set alat dalam penyemak imbas Chrome Google.
5. Satu Rangka Kerja Pembangunan - ini paling baik difahami sebagai set alat yang membolehkan anda menggunakan JavaScript dengan cekap pada keperluan tertentu pembangunan aplikasi web. Rangka kerja yang saya akan gunakan dipanggil SvelteKit.
6. Satu Pelayan - ini ialah hos jauh yang akan menghantar kod apl web anda kepada pengguna anda. Ia juga akan menyediakan storan untuk datanya dan mungkin menjalankan elemen terpilih bagi kodnya. Saya akan menggunakan Firebase Google pada pelayan App Engine. Platform lain tersedia, tetapi Google Cloud menawarkan "peringkat percuma" yang sangat murah.

OK, sambung, mari kita mulakan ... Memandangkan anda membaca siaran ini dalam talian, saya akan menganggap bahawa anda sudah terbiasa dengan dunia dalam talian. Untuk kursus ini, anda memerlukan akses kepada komputer meja dan, untuk memudahkan, saya telah mengandaikan bahawa ini akan menjadi komputer riba Microsoft Windows. Saya pasti, jika ini tidak berlaku, anda akan dapat menyesuaikan arahan saya mengikut kesesuaian.

2.1 HTML (Bahasa Penanda Hiperteks)

Anda sedang membangunkan perisian untuk memaparkan teks dalam pelayar web. Anda mahu teks ini dipaparkan dalam pelbagai konfigurasi elegan kedudukan, warna, saiz dan lain-lain. Pelayar web membolehkan anda menentukan konfigurasi ini dengan mengelilingi kandungan teks dengan kod "penanda" yang menentukan cara kandungan itu perlu dipaparkan. Susunan ringkas ini memberikan hasil yang menakjubkan.

Anda boleh mencipta sampel dengan menaip arahan ke dalam fail teks dalam editor ringkas seperti Notepad Microsoft. Cuba senaman ringkas ini:

Taip baris berikut ke dalam editor teks kegemaran anda (cth utiliti Windows Notepad) dan kemudian simpannya sebagai fail dengan sambungan HTML (cth "my-first-app.html"):

<h1>Hello there</h1>

Apabila anda "membuka" fail dengan "klik dua kali" pada entrinya dalam Windows Explorer, Windows harus bertindak balas dengan membuka penyemak imbas lalai anda dan memaparkan skrin yang memaparkan perkataan "Hello there". Tahniah, anda telah menulis apl web pertama anda (walaupun yang tidak dapat dilihat oleh sesiapa melainkan anda, tetapi kami akan membetulkannya kemudian).

Jika perkara tidak menjadi seperti yang dijangkakan di sini, ini adalah masa yang baik untuk meminta ChatGPT membantu anda menyelesaikan masalah tersebut. Prosedur yang diterangkan di atas bergantung pada konfigurasi peranti. Beritahu ChatGPT perkara yang anda tidak faham atau perkara yang tidak berfungsi pada peranti tertentu anda dan ia akan memberitahu anda dengan tepat perkara yang perlu anda lakukan untuk membetulkan perkara.

dan

dan anda akan menemui segunung tutorial dan nasihat tentang pembelajaran HTML. Tempat terbaik untuk bermula ialah Mozilla.org Bermula dengan web. Satu lagi tapak berguna ialah Tutorial HTML W3Schools. Tapak W3schools adalah interaktif dan membolehkan anda bereksperimen dengan sintaks HTML.

Yang penting, dalam dokumen ini, anda akan mengetahui bahawa banyak kelayakan tersedia untuk mengubah suai tindakan sesuatu teg. Contohnya,

tag boleh layak oleh a>

2.2 IDE (Persekitaran Pembangunan Interaktif)

Anda mungkin baru faham bahawa menulis apl web anda memerlukan anda membuat beberapa fail yang agak besar. Kod apl web adalah bertele-tele dan fail yang mengandungi beribu-ribu baris bukanlah sesuatu yang luar biasa.

Anda boleh, seperti yang ditunjukkan dalam contoh di atas, hanya taip baris ini ke dalam editor teks asas, tetapi ini adalah idea yang tidak baik. Penyemak imbas adalah binatang yang tidak boleh memaafkan, dan sebarang kesilapan ejaan dalam kod anda akan membawa kepada kegagalan sepenuhnya niat anda. Sebaik-baiknya, anda memerlukan editor teks khusus yang akan memantau kod semasa anda memasukkannya, memformat dan menyerlahkannya dengan cara yang membantu anda mengawal strukturnya, dan mungkin juga menulisnya untuk anda.

IDE direka bentuk untuk memenuhi keperluan ini - dan banyak lagi selainnya.

Banyak IDE tersedia, tetapi VSCode Microsoft adalah yang saya cadangkan. Ia adalah percuma untuk dipasang dan digunakan secara meluas. Sekali lagi ia mewakili keluk pembelajaran yang curam, tetapi Microsoft menyediakan dokumentasi dalam talian yang sangat baik.

Dalam pakej VSCode percuma, anda juga akan menemui banyak bantuan automatik - alatan untuk memformat kod anda dan untuk menyediakan mekanisme auto-lengkap yang mudah (cth, untuk arahan JavaScript dan nama pembolehubah). Mekanisme semakan akan mengambil ralat sintaks dan menyerlahkan pembolehubah tidak ditentukan dsb.

IDE menyediakan banyak perkhidmatan berguna lain. Setakat ini, permohonan anda diwakili oleh satu fail .html. Pada hakikatnya, sistem komputer moden mungkin mengandungi beratus-ratus fail - kami merujuk kepada pemasangan lengkap sebagai "projek". Menguruskan projek besar menimbulkan banyak tugas yang mencabar dan ini semua kini menjadi tanggungjawab IDE.

Sebagai contoh, andaikan anda mahu menukar>

Sekali lagi, katakan anda ingin meninggalkan perubahan terbaru pada fail dan menetapkan semula kepada beberapa keadaan sebelumnya dalam sejarah penyuntingannya. VSCode mengekalkan sejarah fail setempat yang boleh anda gunakan untuk membersihkan kekacauan. Selain itu, VSCode memaut dengan lancar dengan sistem pengurusan versi yang dipanggil Github untuk mencipta salinan "titik pemeriksaan" berasaskan web yang selamat bagi projek anda. Dengan cara ini sumber anda dan sejarahnya selamat walaupun anda meninggalkan komputer riba anda di dalam bas.

Akhir sekali, VSCode menyediakan platform untuk menjalankan projek anda menggunakan sesi terminal yang memaut terus ke sistem pengendalian peranti anda. Anda mungkin akan menghabiskan banyak masa di dalam VSCode!

Ini mungkin saat yang baik untuk memasang VSCode pada peranti anda dan mencuba tutorial Microsoft di Bermula dengan Kod Visual Studio

2.3 JavaScript

JavaScript ialah bahasa yang bagus untuk pemula. Ia mudah dipelajari dan berfungsi dengan baik dalam banyak situasi. Tempat asalnya ialah penyemak imbas, di mana ia boleh membaca dan menulis kepada struktur data yang ditakrifkan oleh bahagian HTML apl web anda. Secara ringkas, ia boleh membaca dan menulis terus ke skrin. Walau bagaimanapun, ia juga telah memperoleh keupayaan untuk membaca dan menulis ke stor data berasaskan pelayan jauh, kedua-duanya dari dalam penyemak imbas dan apabila berjalan dari jauh pada pelayan. Ringkasnya, ia telah menjadi sangat berguna sehingga ia mungkin satu-satunya bahasa yang perlu anda pelajari.

Mari kita mulakan. JavaScript ialah bahasa "ditafsirkan". Ini bermakna tiada pra-pemprosesan khas diperlukan untuk menyediakan kod untuk pelaksanaan. Anda boleh melancarkannya terus ke dalam "enjin masa jalan" anda dan melihat hasilnya dengan serta-merta. Pelayar web anda yang sederhana ialah contoh enjin masa jalan JavaScript. Mari lihat bagaimana anda boleh menjadikan fail my-first-app.html yang anda buat sebelum ini berkelakuan "pintar" dengan menambahkan beberapa Javascript.

JavaScript mendapat keupayaannya untuk membaca dan menulis terus ke skrin daripada sifat sintaks HTML yang ketat. Ini membolehkan penyemak imbas membina "model" susun atur skrin - struktur pokok yang dipanggil "Model Objek Domain" (atau singkatan "DOM"). Dalam DOM, pelbagai dahan dan daun pokok semuanya boleh ditangani secara individu oleh JavaScript.

Ini contohnya. Ambil fail my-first-app.html yang diperkenalkan di atas dan editnya seperti berikut:

<h1>



<p>Kod ini menjadikan output kod bergantung pada masa dalam sehari. Jika anda menjalankan semula fail sebelum waktu makan tengah hari (khususnya, sebelum 12 tengah hari pada mana-mana hari tertentu), output akan muncul dalam warna biru. Selepas makan tengah hari, output akan muncul dalam warna merah. Tahniah, anda telah mengekodkan apl web "pintar" pertama anda. </p><p>Garisan antara HTML <skrip> dan </script> tag mengandungi bit pertama kod JavaScript anda. Baris bermula hourOfDay = mencipta "pembolehubah" yang mengandungi "Tarikh" "objek" untuk masa jalankan. "Objek" dalam Javascript ialah konsep kompleks yang anda akan suka mendapatkan perhatian anda pada masa akan datang. Walau bagaimanapun, buat masa ini, semua yang anda perlu tahu ialah contoh objek "Tarikh" yang dibuat apabila kod anda dijalankan akan mengandungi, di suatu tempat di dalamnya, perwakilan tepat milisaat bagi masa dalam sehari. Selain itu, objek itu juga mengandungi "kaedah" .getHours yang mengekstrak daripada data milisaat integer antara 0 dan 23 mewakili "jam dalam sehari". Kata kunci Javascript if and else dalam baris kod berikutnya memberikan logik untuk bertindak sewajarnya terhadap nilai yang mereka rujuk.

<p>Jika anda merasa sukar untuk menunggu sehingga waktu makan tengah hari untuk menguji logik perubahan warna, cuba tukar kod untuk menukar warna apabila minit itu adalah nombor genap. "Kaedah" untuk mendapatkan minit hari ialah getMinutes(). Javascript untuk menguji sama ada nombor nombor genap atau ganjil ialah jika (num % 2 === 0). Lihat jika anda boleh menukar kod dalam my-first-app.html untuk menukar warna teks apabila anda memuat semula halaman selepas seminit berlalu.</p>

<p>Anda mungkin akan perasan bahawa <h1> tag dalam baris pertama versi asal fail telah memperoleh klausa 'id='. Ini telah "melabelkan" teg dengan rentetan unik ("ujian" dalam keadaan ini). Perkara yang bijak ialah arahan document.getElementById('test') yang membolehkan JavaScript mengubah "gaya" 'test' <h1> tag. </p>

<p><em>Sebelum anda takut dengan prospek menghabiskan sepanjang hayat bermain-main dengan arahan document.getElementById('test'), izinkan saya memberi jaminan kepada anda bahawa ini tidak perlu. Keseluruhan perkembangan terkini dalam kejuruteraan perisian telah direka bentuk untuk membolehkan anda mengawal reka letak skrin melalui corak bahasa <b>bermakna</b>. Ini sangat memudahkan tugas. Dalam siri siaran ini, seperti yang dinyatakan sebelum ini, anda akan menggunakan "rangka kerja kod" yang dipanggil SvelteKit untuk mencipta sistem anda. Anda akan melihat contoh ini dalam Siaran 2.1.</em></p>

<p>Sekarang, bagaimanakah anda memperoleh kefasihan dalam JavaScript? Apa yang anda perlukan di sini ialah buku yang bagus dan yang saya cadangkan ialah "JavaScript Fasih" Marijn Haverbeke. </p>

<p>Baca ini dalam talian jika perlu (anda boleh menemui edisi terkini di https://JavaScript .net/), tetapi tiada apa-apa yang sebanding dengan kemudahan buku yang betul dan ditulis dengan baik dengan halaman fizikal yang boleh anda coretkan. Barangan terpakai (dan edisi awal) tidak mengapa pada peringkat ini dan mungkin merupakan pelaburan permulaan terbaik (dan sahaja) yang perlu anda buat untuk sementara waktu. Haverbeke akan melakukan kerja yang jauh lebih baik dalam menerangkan konsep "objek", "kaedah", "fungsi", dan "gaya" yang diperkenalkan di atas daripada apa-apa yang saya harap dapat dicapai. </p><p>Jika anda masih berazam untuk belajar dalam talian, walau bagaimanapun, saya rasa tutorial Mozilla tentang asas JavaScript sangat bagus.</p>

<p>Adalah idea yang baik untuk mula memikirkan projek ujian untuk kerja anda. Siaran kemudian dalam siri ini akan memberikan beberapa contoh tiruan tetapi perkara-perkara hanya akan masuk akal apabila anda boleh mentafsirkannya semula dari segi sesuatu yang peribadi. Mula berfikir sekarang tentang jenis data yang diperlukan oleh projek ini. Bagaimana ini akan diwakili? Bagaimanakah pengguna berinteraksi dengannya?</p>

<h4>
  
  
  2.4 Alat Pelayar
</h4>

<p>Sangat tidak mungkin percubaan pengekodan anda akan berfungsi dengan betul buat kali pertama.  Mungkin reka letak skrin tidak sesuai dengan yang anda inginkan atau mungkin terdapat sesuatu yang tidak kena dengan logik aplikasi web. Kadangkala pelayar akan memaparkan mesej ralat tetapi pada yang lain, ia hanya akan duduk dan merajuk. Bagaimana anda menyelesaikan masalah ini?</p>

<p>Berita baiknya ialah semua penyemak imbas arus perdana mempunyai "alat pemeriksaan" terbina dalam yang membolehkan anda menyiasat masalah ini. "Pemeriksa" memberi anda maklumat dalaman tentang tafsiran penyemak imbas tentang definisi susun atur skrin dan membolehkan anda memantau pelaksanaan arahan JavaScript sisi klien. Dalam kes Google Chrome, alat pemeriksaan ini diakses dengan hanya mengklik kanan pada skrin penyemak imbas dan memilih "periksa" daripada pop timbul yang didedahkan. </p>

<p>Berita buruknya ialah, pada kenalan pertama, alat pemeriksaan mendedahkan dirinya sebagai kompleks bar menu dan tetingkap boleh saiz semula yang membimbangkan. Tetapi sila terima jaminan saya bahawa, setelah anda menguasainya, anda akan mendapati bahawa alat ini adalah kegembiraan untuk digunakan dan sumber yang tidak ternilai dalam menjejaki dan menyelesaikan masalah. Anda boleh mendapatkan dokumentasi penuh di Google devtools.</p>

<p>Mengenai isu reka letak, pemeriksa memberi anda demonstrasi grafik tentang cara pelbagai parameter "margin", "padding" dan "lebar" yang menentukan kedudukan elemen paparan digunakan oleh penyemak imbas. Di samping itu, ia membekalkan alat untuk bereksperimen dengan pelarasan yang sesuai.</p>

<p>Mengenai isu logik, pemeriksa membolehkan anda menetapkan "titik putus" dalam kod sumber JavaScript anda. Dengan adanya ini, menyegarkan apl web akan menghentikan pelaksanaan pada titik putus pertama dan membolehkan anda melihat nilai pembolehubah atur cara pada ketika itu. Anda kemudian mempunyai pilihan sama ada melangkah baris demi baris melalui kod berikutnya atau melangkau ke hadapan ke titik putus seterusnya</p>

<p>Jika program anda "ranap", pemeriksa akan memberitahu anda apa yang telah berlaku.</p><p>Pada zaman dahulu, cara biasa untuk mengetahui perkara yang telah membawa kepada isu logik ialah dengan menambah arahan "pembalakan". Ini akan menjejaki "aliran kawalan" melalui program dan memaparkan nilai pembolehubah program di tempat pemeriksaan. Seperti yang anda bayangkan, ini adalah prosedur yang menyusahkan. Kini, apabila saya "memeriksa" aplikasi web dalam penyemak imbas, seolah-olah saya telah membuka bahagian belakang jam tangan Switzerland dan mendapati semua selok-beloknya disediakan untuk pemeriksaan. Penyahpepijatan kini sangat menyeronokkan sehingga saya hampir tidak sabar untuk mendapat ralat dalam kod saya!</p>

<h4>
  
  
  2.5 Sveltekit
</h4>

<p>Contoh Javascript yang diperkenalkan dalam bahagian 2.3, di atas, menggunakan kaedah document.getElementById("idName") hodoh untuk mencapai DOM apl web dan mengubah suai sifat elemen "idName". Rangka kerja seperti Sveltekit menyediakan antara muka DOM yang lebih mesra dan cekap. Ia membolehkan anda menulis kod "bermakna" untuk tugas biasa seperti mendedahkan dan menyembunyikan pop timbul, memaparkan senarai dan mencipta sejarah tab penyemak imbas. Sebagai contoh, pernyataan Svelte yang menyatakan "jika popUpVisible displayPopup()" (walaupun dengan sintaks yang lebih ketat sedikit), akan menjadikan pop timbul kelihatan apabila pembolehubah displayPopup berubah kepada benar.</p>

<p>Semasa pembangunan awal, rangka kerja beroperasi melalui "pelayan tempatan" yang anda lancarkan dalam sesi terminal IDE. Ini mempunyai kesan ajaib mengekalkan tetingkap penyemak imbas yang mengemas kini dan menyegarkan dirinya secara automatik setiap kali anda menukar kod aplikasi web yang mendasari. </p>

<p>Rangka kerja ini juga membolehkan anda menentukan tempat kod apl web dijalankan. Sebagai contoh, pernyataan yang membaca dan menulis ke storan jauh mungkin, mengikut keadaan, paling baik dijalankan sama ada secara setempat dalam penyemak imbas pengguna atau dari jauh pada pelayan. Ini mungkin tidak menarik minat anda pada masa ini tetapi akan menjadi penting apabila anda menulis kod yang serius. Kod yang berjalan pada penyemak imbas adalah mudah untuk nyahpepijat tetapi, apabila anda perlu berdepan dengan isu kecekapan dan keselamatan, anda mungkin gembira mendapat peluang untuk menjalankan "sebelah pelayan". Sveltekit membolehkan anda menyampaikan susunan sedemikian dengan cara yang sangat elegan.</p>

<p>Apabila anda bersedia untuk melaksanakan kod anda, tindakan terakhir rangka kerja adalah untuk "membina" versi "berpakej" aplikasi anda. Ini melakukan satu siri langkah untuk menyusun, menghimpun dan mengoptimumkan aplikasi anda ke dalam "pakej" yang sedia untuk digunakan. Ini memastikan apl web yang digunakan adalah sekecil, pantas dan cekap yang mungkin.</p>

<p>Pada masa ini, rangka kerja yang paling popular mungkin ialah sistem Meta's React. Ini diwujudkan pada sekitar tahun 2010 untuk menyokong pembangunan Facebook. Idea ini berfungsi dengan baik sehingga saingan seperti Vue, Angular dan Next.js cepat muncul. Sveltekit ialah salah satu daripada ketibaan terbaharu dan saya menggunakannya di sini kerana ia amat mudah digunakan. Anda mungkin berminat untuk melihat penilaian kelulusannya yang baik dalam tinjauan Pembangun Stack Overflow 2024'</p><p><em>Selain itu, anda mungkin perasan bahawa saya kadangkala bercakap tentang Svelteki dan kemudian muncul secara songsang untuk beralih kepada sesuatu yang lain yang dipanggil Svelte. Svelte ialah "bahasa" yang dicipta oleh jurutera svelte.dev untuk "melanjutkan" Javascript dan memudahkan untuk menulis aplikasi web yang cekap. Sveltekit ialah rangka kerja yang mencipta persekitaran di mana aplikasi web Svelte dijalankan.</em></p>

<h4>
  
  
  2.6 Firebase dan Enjin Apl
</h4>

<p>Semua yang anda perlukan untuk melengkapkan peringkat pembangunan projek aplikasi web boleh dihantar pada komputer meja yang dinyatakan secara sederhana. Tetapi apabila anda sampai ke tahap di mana anda ingin melancarkan projek anda ke dunia yang dijangkakan, anda memerlukan perkhidmatan pelayan web "belakang" pakar. Ini akan:</p>

• Sediakan "titik akhir" (iaitu URL di web) dari mana fail boleh laku projek anda boleh digunakan untuk pelaksanaan setempat dalam penyemak imbas.
• Sediakan storan berasaskan web pusat untuk data projek anda. Kemungkinan besar, ini akan disimpan dalam pangkalan data berstruktur.
• Sediakan persekitaran yang pantas dan selamat untuk menjalankan elemen aplikasi yang sensitif.

Dalam kursus ini, anda akan menggunakan:

• Persekitaran pembangunan aplikasi "Firebase" Google untuk mendapatkan akses kepada alatan "Firestore" yang membolehkan anda menggunakan pangkalan data yang ringkas dan berstruktur
• Persekitaran "Enjin Aplikasi" Google untuk menggunakan kod aplikasi web dan mengehoskan pelaksanaan elemen "sebelah pelayan" projek SvelteKit anda.

Memandangkan anda akan menggunakan Firestore dari awal lagi, anda perlu bermula dengan membuat akaun Firebase.

Pada masa lalu, anda mungkin telah melihat kepada "Penyedia Perkhidmatan Internet" seperti GoDaddy atau HostPapa untuk menyediakan perkhidmatan Awan anda. Walaupun perkhidmatan ini masih mempunyai peranan untuk dimainkan dan sudah tentu memberi anda sokongan peribadi yang sangat baik melalui meja bantuan mereka, platform Cloud menawarkan pakej serba lebih baik untuk tujuan semasa anda.

3. Sekarang Baca terus

Kursus ini kini diteruskan dalam dua peringkat utama. Yang pertama direka bentuk untuk membiasakan anda dengan asas HTML, Javascript, Firebase dan Firestore. Jika anda benar-benar baru dalam permainan ini, terdapat banyak perkara yang perlu dipelajari di sini dan banyak potensi untuk menjadi keliru. Berharap untuk meluangkan sedikit masa untuk ini. Luangkan masa anda dan gunakan tutor chatBot anda secara prolifik.

Setelah anda melalui ini, peringkat kedua memperkenalkan anda kepada beberapa elemen reka bentuk aplikasi web Sveltekit yang lebih maju. Jika anda berjaya menyelesaikan ini, anda akan mengetahui kebanyakan perkara yang anda perlukan untuk membangunkan apl web yang berguna.

Jadi sekarang, teruskan. Langkah pertama ialah memasang SvelteKit pada mesin tempatan anda dan biasakan diri anda dengan teknik pembangunan aplikasi web. Lihat Siaran 2.1 untuk arahan.

Atas ialah kandungan terperinci Panduan Orang Muda NgSysV.A untuk Pembangunan Sistem dalam Era AI. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!