YoelDevBlog

Menyelami Visual Studio Code Editor Kode yang Tak Tergantikan Visual Studio Code (VS Code) adalah salah satu editor kode paling populer di kalangan pengembang saat ini. Diciptakan oleh Microsoft, VS Code telah merevolusi cara kita menulis, mengedit, dan mengelola kode dengan fitur-fitur canggih yang memudahkan pengembangan perangkat lunak. Mari kita telusuri keunggulan dan fitur utama dari editor yang kuat ini. Keunggulan Visual Studio Code 1. UI /Tampilan Yang Intuitif Salah satu daya tarik utama VS Code adalah antarmuka yang bersih dan mudah digunakan. Desain yang minimalis memungkinkan pengembang untuk fokus pada kode tanpa gangguan. Anda dapat dengan cepat mengakses berbagai fitur melalui bilah sisi dan menu yang terorganisir dengan baik. 2. Support Multi-Platform VS Code tersedia di berbagai platform, termasuk Windows, macOS, dan Linux. Hal ini membuatnya dapat diakses oleh pengembang di hampir semua sistem operasi, memastikan pengalaman yang konsisten di mana pun Anda bekerja. 3....

Cara Buat Website Tanpa Harus Pusing sebelumnya saya bicara mengenai membuat  website menggunakan extension . pada kesempatan kali ini saya akan membahas cara membuat website mudah tanpa harus mengerti HTML/CSS/JS sama sekali dengan menggunakan software (aplikasi) CMS. Apa itu CMS? CMS merupakan singkatan dari Content Management Sistem  atau dapat diartikan suatu sistem yang dapat mengatur konten. Dengan menggunakan CMS, semua orang bisa memiliki website mereka sendiri tanpa harus mengerti 1% pun bahasa program. Mengapa Harus Menggunakan CMS? Karena CMS sangat simple/mudah dipahami untuk orang-orang yang tidak mengerti bahasa program. Jadi dengan menggunakan CMS semua orang bisa membuat website mereka sendiri. Apa CMS Yang Dapat Digunakan? Berikut beberapa CMS yang dapat kalian gunakan : Wordpress  Blogger (khusus untuk membuat blog) Aura CMS Netlify CMS Drupal Shopify Joomla Dan masih banyak lagi. Kalian bisa menyesuaikan CMS sesuai denga kebutuhan kalian masing-masing. ...

  Cara Buat Website Tanpa Harus Pusing Banyak orang bertanya, apakah saya harus belajar banyak mengenai HTML, CSS, Dan JavaScript untuk membuat website? jawabannya TIDAK. disaat ini banyak sekali extensions dan CMS yang memudahkan kita untuk membuat website, contohnya adalah website ini yang menggunakan blogger. Dan pada blog ini saya akan menjelaskan mengenai salah satu extentions/tools/alat untuk mempermudah membuat web yang bernama bootstrap. Kalian bisa mengakses bootsrap dengan cara akses ke  https://getbootstrap.com/   Mengapa Harus Bootsrap? Karena Bootsrap memiliki tampilan yang lebih mudah dipahami dan bahkan lebih mudah dalam mendesign suatu website dalam multiple device. Bagaimana Cara Memakai Bootsrap? mudah. Anda bisa membaca petunjuk singkat cara mengunakan bootsrap di  https://getbootstrap.com/docs/5.0/getting-started/introduction/ Anda bisa membaca cara pemakaian dan cara membuat web di dokumentasi lengkap mereka.  Selamat menggunakan bootsrap an...

Navbar HTML dan CSS NAVBAR Memiliki navbar yang mudah digunakan penting untuk situs web mana pun. Dengan CSS Anda dapat mengubah menu HTML yang membosankan menjadi navbar yang menarik. NAVBAR = DAFTAR LINK Navbar memerlukan HTML standar sebagai dasar. Dalam contoh kita, kita akan membuat navbar dari daftar HTML standar. Navbar pada dasarnya adalah daftar tautan, jadi kita akan gunakan elemen unlisted <ul> dan list item <li> CONTOH < ul >   < li >< a href = "#home" >Home</ a ></ li >   < li >< a href = "#about" >About</ a ></ li >   < li >< a href = "#contact" >Contact</ a ></ li > </ ul > Setelah itu kita bisa menambahkan CSS kedalamnya.  ul {   list-style-type: none ;   margin: 0 ;   padding: 0 ; } Penjelasan :  -  list-style-type: none; - Menghapus poin-poin, Bilah navigasi tidak memerlukan penanda daftar. - margin: 0;  dan padding...

 Tutorial Styling Dengan CSS 1. Apa Itu CSS? CSS merupakan singkatan dari cascading style sheet. CSS digunakan untuk membuat sebuah website menjadi lebih menarik. Website tanpa CSS seperti nasi tanpa lauk alias tidak enak.  Ya, CSS memberi warna baru dalam sebuah website, website dengan HTML saja biasanya hanya berupa teks datar dan membosankan, tetapi dengan CSS kita bisa mengubah semua itu. 2. Bagaimana Memulai Coding Dengan CSS? Kita sudah membuat HTML sebelumnya, jadi sekarang kita bisa melanjutkan disana.  Sebelum itu kita bisa menginstall extensions di VSCode untuk membuat proses coding lebih mudah EXTENSIONS      1. Color Highlight      2. Color Picker      3. CSS Formatter      4. CSS Navigation      5. CSS Peek Sebelumnya kalian sudah mencoba tag <h1> bukan? Mari kita styling teks tersebut. Tetapi sebelum mulai styling mari kita buat file css terlebih dahulu. Pertama buat file dengan...

Cara Memulai Membuat HTML 1. Text Editor Text editor sangatlah penting untuk membuat HTML. Saat ini saya menyarankan anda untuk menggunakan Visual Studio Code (VSCode). Cara instalasi VSCode sangatlah mudah, anda bisa mengakses link official dari visual studio code disini Setelah menginstal Visual Studio code anda bisa memasang beberapa extensions untuk memudahkan anda dalam memulai coding.  Berikut adalah extensions yang saya pakai :      •      One Dark Pro (Opsional, hanya untuk styling)       1. Auto Close Tag      2. Auto Complete Tag      3. Auto Rename Tag      4. Better Comments      5. Color Highlight      6. Color Picker      7. Indent Rainbow      8. Prettier      9. Live Server/Five Server 2. Folder, File, Extentions Anda bisa mulai dengan membuat folder khusus untuk membuat html dasar. Setelah membuat...

  Extensions Visual Studio Code Yang Wajib Kamu Ketahui! Banyak Sekali pelajar bahkan programmer sekalipun terkadang merasa kesulitan dalam membuat suatu sistem coding dikarenakan kurangnya tools-tools/alat-alat pembantu yang membuat coding lebih menarik dalm lebih mudah dilakukan. Berikut beberapa Extensions yang dapat digunakan untuk memudahkan proses coding 1. One Dark Pro One Dark Pro adalah extensions yang berfungsi untuk mengubah theme/tema dari VSCode kalian menjadi lebih bervariasi dalam mode gelap. Extensions ini sangat cocok bagi kalian yang suka mode gelap tetapi tidak cocok dengan mode gelap milik VSCode. 2. VSCode-Icons VSCode Icons juga dapat menjadi pilihanmu jikalau kamu merasa bosan melihat tampilan icon-icon pada VSCode. Dengan Extensions ini logo-logo file akan berubah dan menjadi lebih menarik untuk kita lihat. 3. Live Server Extensions ini sangat berguna bagi kalian yang suka membuat coding website. Karena dengan extensions ini kalian tidak perlu repot-repot me...