JavaScript Indonesia Channel

Beberapa tips penggunaan Angular dalam RxJS operator https://medium.com/@garcia.alberto.4.2012/angular-tricks-to-become-a-pro-part-2-rxjs-operators-1cf581b9bbd2 #angular #rxjs

Penggunaan Zustand di Next JS https://javascript.plainenglish.io/building-a-shopping-cart-with-zustand-a-practical-guide-to-react-state-management-with-typescript-73ec10c66fb7 --- Authentication dengan http only cookie di Next JS https://javascript.plainenglish.io/next-js-secure-authentication-using-http-only-cookie-graphql-or-rest-a4ef94cec9e8 --- Validasi form di React JS dengan React Hook Form https://javascript.plainenglish.io/how-to-create-and-validate-forms-with-react-hook-form-b2ca2f763d3f --- #nextjs #zustand #auth

Panduan tentang pengenalan Node JS https://www.freecodecamp.org/news/what-exactly-is-node-guide-for-beginners/ --- Cara menggunakan Rabbit MQ di Node JS https://www.freecodecamp.org/news/how-to-use-rabbitmq-with-nodejs/ --- Menggunakan selenium di Node JS https://javascript.plainenglish.io/a-beginners-guide-to-using-selenium-in-node-js-51ea596c8bc9 --- #nodejs #selenium #rabbitmq

Beberapa teknik shorthand pada JavaScript https://javascript.plainenglish.io/15-javascript-shorthand-ultimate-cheatsheet-d1f71a363a90 —- Beberapa fitur JavaScript yang jarang diketahui https://fatfish.medium.com/4-cool-modern-javascript-features-most-developers-dont-know-about-6ef4d33a8232 —- Penerapan prinsip SOLID pada JavaScript https://javascript.plainenglish.io/mastering-solid-principles-in-javascript-building-robust-and-maintainable-code-6acbf078c4d2 —- Latihan penggunaan Axios di JavaScript https://www.freecodecamp.org/news/axios-react-how-to-make-get-post-and-delete-api-requests/ #shorthand #solid #axios

Menggunakan Container Query di CSS https://www.freecodecamp.org/news/container-queries-responsive-design-beyond-the-viewport/ #css #container #query

Latihan dari Online Tutorials membuat paralax scrolling dengan GSAP https://www.youtube.com/watch?v=oHR5qZmPhmM #css #html #onlineTutorials

Cara melakukan DOM manipulation dengan JavaScript https://itnext.io/mastering-the-art-of-efficient-javascript-dom-manipulation-899b5cbf5a3f —- Pengenalan tentang Beacon API pada JavaScript https://javascript.plainenglish.io/must-know-javascript-api-beacon-api-4abe0bee29ff —- Penggunaan Maps dan Set pada JavaScript https://fadamakis.com/be-cool-start-using-javascript-maps-and-sets-df613e8c6ed5 —- #dom #maps #sets #beacon

Pengecekan nilai Null dan undefined di TypeScript https://javascript.plainenglish.io/beginners-guide-how-to-check-null-and-undefined-in-typescript-c6492a07b609 #null #undefined #typescript

Latihan dari Web Dev Simplified dalam menggunakan Next JS https://www.youtube.com/watch?v=NgayZAuTgwM —- Latihan menggunakan React Router 6 https://www.freecodecamp.org/news/how-to-use-react-router-version-6/ --- Menggunakan local storage di React JS https://www.freecodecamp.org/news/how-to-use-localstorage-with-react-hooks-to-set-and-get-items/ #localstorage #react #nextjs #webdevsimplified

Membuat web portfolio dengan Bootstrap CSS https://www.freecodecamp.org/news/how-to-create-a-portfolio-website-using-html-css-javascript-and-bootstrap/ --- Cara melakukan loop dalam Array https://www.freecodecamp.org/news/how-to-loop-through-an-array-in-javascript-js-iterate-tutorial/ --- Beberapa library dan module JavaScript yang perlu dicoba https://javascript.plainenglish.io/the-10-most-important-and-famous-javascript-modules-and-libraries-every-developer-should-know-6f5b25ca7c5a --- #portfolio #bootstrap #loop

Beberapa kerangka atau boilerplate untuk memulai Nest JS https://javascript.plainenglish.io/top-5-nestjs-boilerplates-to-start-a-new-project-faster-a2a2270ea600 --- Optimasi performa Nest JS dengan bantuan Fastify https://dev.to/samchon/nestia-make-nestjs-30x-faster-with-fastify-133l --- #nodejs #nest #boilerplate

Menggunakan Container Query pada CSS https://www.freecodecamp.org/news/container-queries-responsive-design-beyond-the-viewport/ —- Panduan penggunaan CSS Grid https://medium.com/front-end-weekly/the-ultimate-guide-to-mastering-css-grid-488e1f8783e4 #css #grid #container #query

Beberapa tools untuk membantu pengembangan aplikasi https://javascript.plainenglish.io/12-killer-web-tools-let-you-do-more-with-less-increase-productivity-easily-87cd368a6a64 #tools

Membuat aplikasi web fullstack dengan Next JS , TypeScript dan deploy ke layanan AWS https://www.freecodecamp.org/news/full-stack-development-with-next-js-typescript-and-aws/ —- Latihan menggunakan React Server Component https://www.freecodecamp.org/news/react-server-components-for-beginners/ —- Pengenalan state management di React JS dalam hal Props dan Context API https://www.freecodecamp.org/news/state-management-in-react-props-vs-context-api/ —- #react #props #nextjs #typescript #aws #serverComponent

Beberapa cara dalam membuat aplikasi backend Node JS skala besar https://amplication.com/blog/7-tips-to-build-scalable-nodejs-applications #nodejs #scalable

Cara menggantikan RxJS dengan Signals di Angular https://blog.bitsrc.io/angular-16-is-out-now-learn-how-to-replace-rxjs-with-signals-c1f6f410809 —- Penggunaan Signals ada Angular dengan Untrack method https://netbasal.com/angular-signals-preventing-unnecessary-dependencies-using-the-untrack-function-15a4c03b03fe #angular #signals #rxjs

Cara menggunakan Web Worker pada JavaScript https://dev.to/this-is-learning/how-to-unleash-the-power-of-multithreading-in-javascript-with-web-workers-20m5 --- Beberapa fungsi sebaris atau one liner pada JavaScript https://www.freecodecamp.org/news/javascript-one-liners-to-use-in-every-project/ --- Beberapa metode manipulasi Array yang perlu diketahui https://javascript.plainenglish.io/20-javascript-array-methods-every-developer-should-know-about-a84dcb395da6 --- Menjawab keanehan fungsi parseInt pada bilangan desimal https://javascript.plainenglish.io/parseint-0-000005-0-whereas-parseint-0-0000005-5-but-how-6e661b0fb99b --- Konversi bilangan Number ke persen https://javascript.plainenglish.io/how-to-make-a-number-a-percentage-with-javascript-52046ddb1f61 --- Visualisasi unit testing pada Jest https://javascript.plainenglish.io/how-to-visualise-your-react-jest-unit-tests-6a43358f6984 #multithread #array #parseInt #jest

Beberapa public API yang dapat dipakai latihan oleh developer https://tapajyoti-bose.medium.com/7-free-public-apis-you-will-love-as-a-developer-c56fc80c35aa #api #public

Latihan dari Program With Erik tentang penggunaan TypeScript di Vue JS 3 https://www.youtube.com/watch?v=vf84v0e4q3Q —- Beberapa cara membuat layout di Vue JS 3 https://itnext.io/3-ways-to-create-a-multiple-layouts-system-vue-3-b24c0736b7bb —- #vue #typescript #programWithErik

Latihan panjang membuat aplikasi resep dengan JavaScript, HTML dan CSS https://dev.to/codewithsadee/how-to-build-a-recipe-app-with-vanilla-javascript-1ogm --- #recipe #app #vanilla