JavaScript Indonesia Channel

Melakukan styling theme pada Tailwind CSS https://blog.openreplay.com/theming-with-tailwind-css/ —- Horizon UI , template tampilan untuk React JS dan Next JS yang berbasis Tailwind CSS https://horizon-ui.com/ —- Bekerja dengan beberapa tampilan column pada CSS https://blog.openreplay.com/working-with-multiple-columns-in-css/ —- Membuat dropdown menu dengan CSS dan HTML https://blog.openreplay.com/creating-drop-down-menus-with-css/ —- #css #tailwind #react #horizonUI #dropdown #html

Latihan panjang membuat aplikasi Angular dengan Cypress, StoryBook, Tailwind CSS dan Nx https://medium.com/ngconf/creating-an-angular-app-in-minutes-with-cypress-storybook-tailwind-css-and-nx-2105fb22f3e1 —- Tips penggunaan RxJS pada Angular https://medium.com/@garcia.alberto.4.2012/angular-tricks-to-become-a-pro-part-2-rxjs-operators-1cf581b9bbd2 —- Mengenal provider DestroyRef di Angular https://netbasal.com/getting-to-know-the-destroyref-provider-in-angular-9791aa096d77 —- #angular #nx #tailwind #rxjs

Melakukan manipulasi tanggal dengan JavaScript dan library JavaScript selain moment JS https://blog.openreplay.com/dealing-with-dates-and-times--alternatives-to-momentjs/ #date #time

Catatan rilis dari Google Chrome 111 dengan tambahan fitur baru https://developer.chrome.com/en/blog/new-in-chrome-111/ #chrome #release

Latihan dari John Komarnicki tentang cara menambahkan icon ke dalam aplikasi web dan framework JS https://www.youtube.com/watch?v=RGRt7-NsWRU #icon #johnKomarnicki

Tips penggunaan CSS dari Kevin Powell https://www.youtube.com/watch?v=zT9Ftmw0-uc —- Tips penggunaan CSS Height dari Web Dev SImplified https://www.youtube.com/watch?v=-sF5KsEo6gM #css #tips #kevinPowell #webdevsimplified

Cara melakukan pencarian file di Terminal Linux https://www.freecodecamp.org/news/how-to-search-files-effectively-in-linux/ --- Konfigurasi IP Address statis di dalam Ubuntu https://www.freecodecamp.org/news/setting-a-static-ip-in-ubuntu-linux-ip-address-tutorial/ --- #linux #search #ipAddress

Membuat tampilan responsive dengan break point CSS https://blog.logrocket.com/css-breakpoints-responsive-design/ --- Menambahkan style pada checkbox dengan CSS https://blog.logrocket.com/styling-checkboxes-css-properties/ --- Optimasi tampilan desain CSS dengan Viewport unit terbaru https://blog.logrocket.com/improving-mobile-design-latest-css-viewport-units/ #css #responsive #design

Melihat beberapa fitur baru dari Nuxt JS Server Component https://www.youtube.com/watch?v=17zBODTpuoo #nuxtjs #vue #server #component

Latihan bersama Dcode tentang cara konfigurasi Node JS pada WSL, Mac, dan Linux https://www.youtube.com/watch?v=R73JI8rwkKc #dcode #nodejs #wsl #linux #mac

Membuat fungsi SSR pada Vue JS 3 https://blog.logrocket.com/adding-ssr-existing-vue-3-app/ #ssr #vue

Latihan membuat aplikasi web dengan Next JS, Tailwind CSS, dan Storybook https://blog.logrocket.com/building-next-js-app-tailwind-storybook/ --- Membuat aplikasi generator gambar dengan Next JS dan Dall E API https://betterprogramming.pub/exploring-openai-dall-e-apis-with-next-js-900dc24fbcd6 #nextjs #dalle #tailwind

Latihan dasar pengenalan HTML bagi pemula https://www.freecodecamp.org/news/html-for-beginners/ --- Cara membuat text menjadi tebal dengan font weight https://www.freecodecamp.org/news/css-bold-how-to-bold-text-in-html-with-font-weight/ --- #html #bold

Menggunakan Chat GPT untuk membuat Resume dengan mudah https://medium.com/codingthesmartway-com-blog/use-chatgpt-to-create-your-personal-resumewebsite-in-just-5-minutes-and-host-it-for-free-7cb5c9b50e4f —- Beberapa fungsi Chat GPT bagi web developer https://medium.com/vue-mastery/chatgpt-for-web-developers-f6a52316cf14 #chatGPT

Tips penulisan kode JavaScript https://blog.bitsrc.io/best-practices-for-writing-efficient-javascript-code-d9a3ef108224 —- Beberapa teknologi berbasis JavaScript yang perlu disimak https://medium.com/javascript-scene/top-javascript-frameworks-and-technology-2023-4e4a06d6be93 —- Cara membuat perhitungan Vowel dengan JavaScript https://javascript.plainenglish.io/javascript-challenge-vowel-count-49e2e771555d —- Cara menyembunyikan kode JavaScript yang berisi key sensitif https://javascript.plainenglish.io/hiding-your-javascript-code-from-prying-eyes-a-complete-guide-cc501509d627 —- Tips penggunaan destructuring pada JavaScript https://medium.com/@maria_laramie/7-es6-destructuring-tricks-for-cleaner-code-%EF%B8%8F-a0a1b7b374be —- #destructuring #tips #vowel

Beberapa fungsi manipulasi Array yang perlu diketahui https://javascript.plainenglish.io/mastering-array-manipulation-with-map-filter-and-reduce-in-javascript-478e0e4bcf63 --- Beberapa cara untuk menggabungkan Array dengan JavaScript https://javascript.plainenglish.io/5-ways-to-merge-arrays-in-javascript-easy-34389c28e97d #array #merge #reduce

Library JavaScript untuk membuat animasi dalam UI dengan mudah https://www.youtube.com/watch?v=AkSE-GVaC8E #designCourse #gsap #animation

Pengenalan beberapa design pattern di Node JS https://medium.com/@ben.dev.io/design-patterns-in-node-js-227673162879 #designPattern #nodejs

Latihan panjang dari JavaScript Mastery membuat aplikasi portfolio dengan React JS dan Three JS https://www.youtube.com/watch?v=0fYi8SGA20k #react #javascriptMastery #threejs

Kumpulan beberapa public API yang dapat dipakai oleh pengembang https://www.freecodecamp.org/news/public-apis-for-developers/ #api #public