Latihan pengenalan JavaScript dan React JS dasar

https://www.freecodecamp.org/news/learn-react-basics/

---

Membuat smooth scrolling dengan React JS

https://dev.to/holdmypotion/react-super-simple-smooth-scrolling-2l08

---

Latihan membuat Unit Testing di React dengan Jest

https://blog.logrocket.com/testing-apps-with-jest-and-react-testing-library/

---

#react #es2015 #jest #testing #smooth #scrolling

Vue Mastery meluncurkan course gratis terbatas untuk latihan menggunakan Vue JS 3 bersama TypeScript

https://www.vuemastery.com/free-week-ts/


#vue #typescript #vuemastery

Node Weekly 377
03/01/2021

• News Tauri: A New(ish) Framework for Building Desktop Apps with a Web Frontend
• News The February 2021 Security Releases Are Here
• News A Friendly Introduction to Functional Programming with JavaScript by Anjana Vakil
• News Introducing Env: A Better Way to Read Environment Variables
• News Backend Developer - Remote or in Beautiful Norway
• News Find Your Next Job Through Hired
• News Working with Protobufs in Node
• News Building a Real-Time Webapp with Node and Socket.io
• News Introducing SPOTcon 2021! Get Your Free Early Bird Ticket Today
• News Building Your First AWS Lambda Function in VS Code
• News One Developer's Contribution to Node.js Core
• News tldts: Library to Work with Complex Domain Names, Subdomains and URIs
• News cron-parser: Node Library for Parsing cron Rules
• News Hexo 5.4: A Node-Powered Blog Framework
• News An Engineering Leader’s Guide to OpenTelemetry
• News PKCS11js: A Node Implementation of the PKCS#11 2.3 Interface
• News Tree-Sitter: A Parser Generator Tool and Incremental Parsing Library
• News Raw Node.js Release Data
• News ZWS: A URL Shortener Based on Invisible Spaces


Tags: #weekly #nodejs
NodeJs Indonesia Community

Tips penting untuk menjaga produktivitas bekerja bagi pengembang aplikasi

https://www.freecodecamp.org/news/how-to-stay-productive-all-day-coding-and-scheduling-tips-for-programmers/

#productive #tips

Maximilian Schwarzmüller merilis course Udemy baru yang bernama NextJS & React - The Complete Guide . Course ini berisi latihan tentang React JS dan kemudian masuk ke framework turunannya yaitu Next JS . Video penjelasan rilisnya dapat dilihat di bawah ini.

https://youtu.be/oqKgIF2Pczo

—-

Course lengkap dan panjang banget dengan durasi 24 jam lebih ini dapat dibeli dengan harga promo terbatas yaitu Rp 84.000,- saja di Udemy .

https://www.udemy.com/course/nextjs-react-the-complete-guide/?couponCode=EARLY_BIRD

#udemy #maximillian #react #nextjs

Latihan membuat aplikasi web dengan React JS dan Sanity IO Headless CMS yang berbasis Node JS

https://www.smashingmagazine.com/2021/02/web-app-react-redux-sanity-io/

---

Menggunakan Immer JS untuk Immutable State di React JS

https://blog.bitsrc.io/using-immer-with-react-a-simple-solutions-for-immutable-states-a6ebb8b0bfa

---

Latihan berseri mengenal Next JS dalam tiga bagian

https://dev.to/vinicius77/next-js-trash-course-part-1-3-2dlb

---

Melakukan debugging untuk mengetahui kapan React JS melakukan render ulang halaman

https://dev.to/mokkapps/debug-why-react-re-renders-a-component-3i8e

---

Membuat aplikasi Realtime dengan Node JS, Socket IO, dan React JS

https://javascript.plainenglish.io/building-a-real-time-application-with-react-and-socket-io-f4c401832557

—-

#react #cms #nodejs #sanity #nextjs #immerjs

Latihan deploy backend Node JS ke layanan VPS Digital Ocean

https://www.freecodecamp.org/news/deploy-nodejs-app-server-to-production/

---

Referensi deploy aplikasi web ke layanan Digital Ocean

https://codeburst.io/deploy-nodejs-apps-to-digitalocean-77315b33527c

---

Mengenal apa itu SQL Injection dan cara pencegahannya

https://www.freecodecamp.org/news/what-is-sql-injection-how-to-prevent-it/

---

Cara membuat file PDF di Node JS dengan PDFKit

https://levelup.gitconnected.com/generating-pdf-in-nodejs-201e8d9fa3d8

#nodejs #deploy #pdf #pdfkit #sql #injection

Latihan membangun aplikasi real-time dengan Node JS dan Socket IO

https://blog.risingstack.com/real-time-node-js-webapp-socket-io/

---

Tips dan trik mengatasi callback hell di Node JS dengan Async Await dan Promise API

https://blog.risingstack.com/node-js-async-best-practices-avoiding-callback-hell-node-js-at-scale/

---

Menguasai teknik Async Await di dalam Node JS modern

https://blog.risingstack.com/mastering-async-await-in-nodejs/

—-

Konfigurasi environment variables untuk menjalankan Node JS Cron Jobs

https://javascript.plainenglish.io/environment-variables-file-i-o-in-node-js-cron-jobs-5e8558202fc7

#nodejs #socketio #realtime #async #await #callback

Channel Web Dev Simplified merilis latihan tentang pengenalan beberapa HTML tag yang jarang diketahui namun sangat berguna

https://youtu.be/iX_QyjdctsQ

#html #webdevsimplified

Latihan panjang membuat efek gambar yang responsive dengan CSS Gradient dan Aspect Ratio API

https://www.smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/

---

Latihan dari Online Tutorials membuat jam digital dengan efek Glassmorphism

https://youtu.be/Qdcj4rV82ek

---

Membuat Drop Down Navigation Bar yang responsive dari channel Online Tutorials

https://youtu.be/yNlHBfxgJVY

---

Membuat paralax effect dengan background Clip Path dan CSS dari channel Online Tutorials

https://youtu.be/LFY3e53wBPw

---

Tips menulis Semantic HTML dengan baik dan benar

https://levelup.gitconnected.com/getting-in-the-habit-of-writing-semantic-html-c7e507606385

#css #responsive #image #effects #onlinetutorials #glassmorphism #digitalClock #dropdown #navigation #paralax #clipPath

Contoh penggunaan Vue JS dengan TSX

https://areknawo.com/vue-with-tsx-the-perfect-duo/

---

Latihan menggunakan state management dengan Vuex

https://javascript.plainenglish.io/vue-js-state-management-with-vuex-a-beginners-guide-a1a281d7e91d

-

Referensi latihan tentang penggunaan Vuex

https://levelup.gitconnected.com/when-and-how-to-use-vuex-270f83c8d12a

---

Membuat dialog konfirmasi dengan Vue JS dan Tailwind CSS

https://javascript.plainenglish.io/build-a-confirmation-modal-with-vue-js-and-tailwind-7f7077f80d35

---

Membuat Countdown Timer dengan Vue JS

https://javascript.plainenglish.io/create-a-countdown-timer-app-with-vue-3-and-javascript-b064642d3a12

---

Form validation di Vue JS 3 dengan Vee Validate

https://medium.com/front-end-weekly/form-validation-in-a-vue-3-app-with-vee-validate-4-validation-and-submission-1a0068c871e4

#vue #vuex #dialog #modal #tailwind #countdown #tsx #validation #veevalidate

Latihan menggunakan Rollup module bundler untuk memaketkan aplikasi JavaScript

https://betterprogramming.pub/bundle-up-a-javascript-project-using-rollup-2f80205f5f5c

—-

Membuat aplikasi Single Page Application atau SPA dengan Rollup bundler

https://dev.to/luixaviles/how-to-serve-a-single-page-application-spa-using-rollup-js-and-web-dev-server-2p1h

—-

Melakukan bundling aplikasi JavaScript dengan menggunakan Rollup Bundler

https://dev.to/camillehdl/ship-modern-javascript-with-rollup-2e8a

—-

Konfigurasi Rollup untuk proses build aplikasi web

https://dev.to/plebras/setting-up-a-javascript-build-process-using-rollup-n1e

—-

Konfigurasi Rollup pada project berbasis JavaScript

https://dev.to/luixaviles/how-to-setup-a-typescript-project-using-rollup-js-2lo

#rollup #bundler

Pengenalan Aleph JS, framework React JS untuk Deno TS runtime

https://blog.logrocket.com/first-look-at-aleph-js-a-new-react-framework-in-deno/

#aleph #deno #runtime #react

Beberapa fitur penting dari JavaScript standar ES2019 yang perlu diketahui

https://dev.to/alexdevero/8-useful-javascript-es2019-features-to-know-about-29cm

---

Pengenalan tentang struktur data, event loop, dan callstack di JavaScript

https://levelup.gitconnected.com/stack-data-structures-the-call-stack-and-the-event-loop-in-javascript-b52468cf08ee

---

Membuat animasi scroll halaman dengan library GSAP dan Framer Motion

https://medium.com/front-end-weekly/how-to-create-amazing-scroll-based-animations-with-gsap-scrolltrigger-and-framer-motion-c17482ab3f4

---

Form Input validation dengan menggunakan HTML dan JavaScript

https://javascript.plainenglish.io/making-most-of-html-input-box-built-in-validation-methods-e87e502ba6a9

---

#es2019 #scroll #framer #gsap #validation #form #eventloop

Komparasi beberapa framework JS dengan React JS

https://blog.logrocket.com/comparing-the-best-new-javascript-frameworks-to-react/

---

Referensi beberapa project berbasis React JS yang dapat dipakai sebagai latihan

https://www.freecodecamp.org/news/react-projects-you-should-build-this-year/

---

Referensi struktur project berbasis React JS

https://www.freecodecamp.org/news/a-better-way-to-structure-react-projects/

---

Beberapa cara untuk mengambil data dengan Fetch di Next JS

https://dev.to/jameswallis/different-ways-to-fetch-data-in-next-js-server-side-and-when-to-use-them-1jb0

---

Latihan dasar membuat aplikasi berbasis Progressive Web Apps dengan React JS

https://dev.to/sanity-io/make-a-progressive-web-app-with-react-45gh

---

Panduan menggunakan useReducer di React Hooks

https://blog.logrocket.com/guide-to-react-usereducer-hook/

---

Membuat sitemap pada halaman web Next JS

https://levelup.gitconnected.com/generate-a-sitemap-with-next-js-and-typescript-906add9df0a7

#react #reducer #comparison #nextjs #pwa #tutorial #sitemap

Latihan dari Programming With Erik tentang menggunakan Vite sebagai build tools dan module bundler dari Vue JS 3

https://www.youtube.com/watch?v=SGIAwj3wp-o

#programWithErik #vue #vite

Pembaruan text editor VS Code dan VS Codium versi 1.54 atau Februari 2021 Update telah tersedia

https://code.visualstudio.com/updates/v1_54

—-

Beberapa catatan rilisnya yaitu :

Apple Silicon builds - VS Code is now available in stable for Apple Silicon.

Accessibility improvements - Better word navigation on Windows and roles for views and buttons.

Persistent terminal processes - Local terminal processes are restored on window reload.

Product Icon Themes - Personalize your VS Code icon imagery with Product

Timeline view improvements - Compare changes across Git history timeline entries.

Auto reload Notebooks - Notebooks automatically reload when their file changes on disk.

Remote ports table view - Remote ports now shown in a table widget.

Brackets extensions - Use Brackets keyboard shortcuts in VS Code.

Troubleshooting extensions blog post - Learn to troubleshoot extensions using extension bisect.

#code #codium #release

KotaTalks10: Membangun Ekosistem Digital Melalui "Indonesia Belajar"

Langsung ngobrol sama owner Youtube channel "Indonesia Belajar" nih gaes. Jangan terlewat ya !

📌 : linktr.ee/kotatalks10⠀
🗓: Sabtu, 6 Maret 2021⠀
🕑 : 13.00 WIB - selesai⠀