Tutorial Svelte JS #01 : Pengenalan dan instalasi

|

hallo temen temen, apa kabar?semoga baik ya😊

oke kita mulai dengan meme ya, gimana bener ga😆

belakangan ini gue lagi belajar framework javascript yang lagi ngeboom yaitu svelte js, gue tertarik dengan svelte js katanya framework ini cepat dan ringan.

ada satu hal yang bikin gue tertarik dengan svelte ini dikarnakan svelte js bukan hanya sekedar framework frontend semata seperti react, angular tetapi svelte lebih dari itu, semua kode Svelte akan di compile ke JavaScript murni. jadi svelte itu bisa juga dibilang sebagai bahasa compaile bukan lagi framework.

coba kalian cari aja cdn dari svelte itu tidak ada, dikarnakan svelte Karena Svelte ini bertindak sebagai compiler yang menerjemahkan kode HTML dan JavaScript yang di ketik itu ke dalam satu bundle JavaScript yang teroptimasi.

keren bukan? 🤯

svelte js memiliki keungulan diantaranya memiliki bundle yang sangat ringkas dibanding dengan framework lain.

belajar svelte ini worth it ga prospeknya, apa perusahaan besar pake svelte juga ?

The New York Times, Go Daddy, Gojek, Tokopedia, Philips, 1Password, dll. Dikabarkan Apple dan Spotify juga sudah menggunakan Svelte di platform website mereka (belum pasti).

nah itu nama nama perusahaan yang memakai svelte js, semoga bisa membuat kalian tambah semangat untuk belajar svelte js ya!😁

oke gue lanjut ke tahap instalasinya.

Tahap Instalasi svelte JS

PERSYARATAN ⚠

• Menginstal Text Editor
• Menginstal Git
• Menginstal Node Js

Jika teman teman sudah mengginstal hal yang diperlukan diatas, maka sudah dipastikan teman teman bisa lanjut ke tahap instalasi svelte js, jika belum silakan instal dulu hal yang diperlukan diatas ya agar bisa mengikuti tutorial ini😎

oke sekarang kita sudah siap melakukan instalasi svelte js

langkah 1 : Pastikan Anda memiliki node dan npx, lalu jalankan:

npx -v 

ohya pastikan kalian memiliki npx ya, jika kalian sudah punya npx maka akan muncul version dari npx nya.

jika belum silakan ketikan command

npm i npx

buat yang belum tau NPX itu adalah alat yang memungkinkan Anda menjalankan binari paket npm secara langsung tanpa mengunduhnya.

langkah 2 : kemudiam masuk kedalam command prompt/terminal untuk melakukan instalasi paket degit yang bertujuan mengkloning komit terbaru dari repositori github ke local storage kalian.

npx degit sveltejs/template my-svelte-project

INFO : untuk my-svelte-project itu bisa disesuaikan dengan nama folder kalian bebas aja namanya, kalo saya disini buat nama folder dengan my-svelte-project.

langkah 3 : masuk kedalam direktori project kalian disini saya menamai folder dengan perintah cd nama-direktori

cd my-svelte-project 

Langkah 4: Sekarang instal semua dependensi pastikan Anda berada di dalam direktori “my-svelte-project”.

npm install 

Langkah 5: jalankan server dengan mengetikan perintah berikut

npm run dev

Langkah Akhir : Buka browser kalian kemudian masuk kelocalhost server.

oke ini adalah tampilan dati awal dari svlte js jika muncuk tampilan helloworld ini tandanya teman teman telah berhasil melakukan instalasi svelte js, selamattttt kalian telah berhasil menjadi master svelte js 😂🤣

oke cukup sampai disini petualangan kita kali ini.

terimakasi telah membaca hingga akhir, jangan lupa titik koma ya😁