JavaScript Indonesia Channel

Kumpulan tools dan layanan yang membantu front end developer, yang dirangkum oleh Dicoding Instagram https://www.instagram.com/reel/CmN7jwfjMpk/?igshid=YmMyMTA2M2Y= #tools #frontend #dicoding

Tips dan trik dalam penggunaan JavaScript https://javascript.plainenglish.io/8-javascript-tricks-to-make-you-a-better-programmer-8d59c75736d2 #tips #tricks

Latihan sederhana tentang Job scheduling dengan Node JS cron job https://medium.com/mobioxy/schedule-jobs-with-node-js-af896b41d694 #nodejs #cronjob

Latihan menggunakan Bun Runtime dengan React JS https://blog.logrocket.com/getting-started-bun-react/ --- Latihan membuat aplikasi penjadwalan dengan Node JS, React, dan Email JS https://dev.to/novu/creating-a-scheduling-app-i-wish-somebody-showed-me-this-technique-when-i-first-started-coding-2icd --- Beberapa alasan menggunakan TypeScript di dalam React JS https://dev.to/luisca/reasons-to-use-typescript-along-with-react-get-the-benefits-of-static-typing-and-intellisense-3c9j --- Membuat aplikasi React JS dalam bentuk music player https://dev.to/documatic/building-a-music-player-in-react-2aa4 --- #react #bun #nodejs #emailJS #musicplayer

Template aplikasi web berbasis Node JS lengkap dari backend sampai front end. https://medium.com/payload-cms/nextjs-payload-cms-and-typescript-in-a-single-express-server-boilerplate-7901dec74bc5 —- Menggunakan Chat GPT bersama Next JS https://blog.bitsrc.io/i-asked-chat-gpt-to-build-a-to-do-app-have-we-finally-met-our-replacement-ad347ad74c51 #nextjs #chatgpt #nodejs #boilerplate

Beberapa property CSS untuk menyembunyikan element HTML https://www.freecodecamp.org/news/css-display-none-and-visibility-hidden-the-difference/ #css #visibility #hidden

Latihan dari Web Dev Simplified tentang penggunaan library Zod untuk validasi nilai https://www.youtube.com/watch?v=L6BE-U3oy80 #zod #validation #library #webdevsimplified

Vue single component dengan penggunaan CSS di dalamnya https://dev.to/cooty/the-skinny-on-css-in-vue-single-file-components-29de #css #vue

Melakukan perhitungan matematika dengan Linux Terminal https://www.freecodecamp.org/news/solve-your-math-equation-on-terminal/ #linux #math #terminal

Melakukan HTTP request di JavaScript dengan Fetch dan Axios https://www.freecodecamp.org/news/javascript-get-request-tutorial/ #fetch #axios #http

Memperkenalkan Protocol, framework untuk membuat dokumentasi dengan mudah karena berbasis Next JS dan Tailwind CSS https://tailwindcss.com/blog/2022-12-15-protocol-api-documentation-template --- Menambahkan Prisma ORM ke dalam Next JS https://dev.to/posandu/how-to-add-prisma-to-a-nextjs-project-3pf5 --- Next JS Auth sekarang tersedia untuk Svelte Kit https://vercel.com/blog/announcing-sveltekit-auth #nextjs #tailwind #protocol #css #prisma

Pengenalan tentang apa itu Chat GPT dan AI di dalamnya https://www.youtube.com/watch?v=0uQqMxXoNVs #ai #chatgpt

Latihan menggunakan Vim bersama channel DevasLife https://www.youtube.com/watch?v=XTGABtNh2EY #devaslife #vim #learning

Latihan dasar manipulasi DOM dengan JavaScript https://www.freecodecamp.org/news/javascript-dom-manipulation/ #dom #manipulation #esm

Membuat aplikasi game kartu dengan JavaScript, HTML dan CSS https://www.freecodecamp.org/news/improve-your-javascript-skills-by-coding-a-card-game/ --- Latihan membuat Array dengan jumlah data tertentu menggunakan Array. form() https://www.freecodecamp.org/news/javascript-range-create-an-array-of-numbers-with-the-from-method/ --- Membuat fungsi upload dengan Progress Bar menggunakan JavaScript, HTML dan CSS https://stackabuse.com/upload-file-with-progress-bar-using-javascript/ --- Membuat button menjadi sesuai mode Dark atau light menggunakan HTML, CSS dan JavaScript https://javascript.plainenglish.io/how-to-make-a-light-and-dark-theme-button-using-html-css-and-javascript-762695f7286a --- #card #game #button #upload #array

Latihan panjang menggunakan Next JS untuk membuat aplikasi web berbasis SSR https://www.freecodecamp.org/news/learn-next-js-tutorial/ --- Menjalankan aplikasi Next JS di server dengan bantuan PM2 https://upmostly.com/next-js/automating-your-next-js-app-with-pm2 --- Menggunakan environment variables di project React JS https://javascript.plainenglish.io/stupidly-simple-way-to-use-environmental-variables-in-react-js-b5d302ff3690 #nextjs #react #freecodecamp #env #pm2

Latihan sederhana dari Dcode menambahkan syntax highlighting ke dalam web https://www.youtube.com/watch?v=ZX1NCf7U3ec #dcode #syntax #highlighting #html

Penjelasan tentang beberapa Terminal shell di Linux https://www.freecodecamp.org/news/linux-shells-explained/ #linux #shell #terminal

Menambahkan ESLint, Prettier, dan Husky ke dalam project Node JS https://medium.com/@sean.yasno/how-to-add-eslint-prettier-and-husky-to-your-web-nodejs-project-8e1d9b8b1df5 #nodejs #eslint #prettier

Latihan melakukan debugging Node JS dengan Chrome Dev Tools https://blog.logrocket.com/debugging-node-js-chrome-devtools/ --- Membuat aplikasi fullstack JavaScript dengan Node JS dan dashboard Admin JS https://blog.logrocket.com/build-full-stack-application-adminjs/ #nodejs #chrome #devtools #adminjs #debug