Penggunaan Dynamic Component di Angular

https://codeburst.io/dynamic-components-in-angular-8fd12490ab8

-

Memasang Material Design di Angular Component
https://medium.com/javascript-in-plain-english/how-to-use-material-design-in-angular-ab9af481bc08

-

Beberapa hal baru di Angular dan review Beberapa fiturnya
https://youtu.be/s_5CjnSj1OM

#angular #component #dynamic #material

Cara untuk menambahkan TypeScript di dalam project React JS dengan bantuan Webpack dan Babel.

https://www.smashingmagazine.com/2020/05/typescript-modern-react-projects-webpack-babel/

#typescript #webpack #babel
----

Catatan rilis Next JS versi 9.4 dengan beberapa perbaikan dan fitur baru
https://nextjs.org/blog/next-9-4

#nextjs
---

Membuat Hamburger Menu yang responsive pada React JS dan dengan Styled Component
https://levelup.gitconnected.com/how-to-create-a-responsive-hamburger-navigation-menu-reactjs-and-styled-components-59ce167ed543

#styledComponent #hamburgerMenu
---

Membuat aplikasi Markdown Editor dengan Firebase, React JS , dan SWR dari Vercel
https://dev.to/kartiknair/learn-how-to-build-a-fast-responsive-markdown-editor-with-react-firebase-swr-5h03

#firebase #swr #markdown
---

Membuat form pembayaran dengan React , Stripe Payment API, dan Material UI

#stripe #payment #react #material #form

Latihan menggunakan Bootstrap 5 Material Design

https://youtu.be/DZKf9l42WCo

---

Cara sederhana membuat posisi scroll halaman diingat oleh browser dengan menyimpan di LocalStorage

https://css-tricks.com/memorize-scroll-position-across-page-loads/

---

#css #bootstrap #nojquery #material #scroll #position

Latihan menggunakan Date Picker dari Angular Material untuk fungsi Date Range

https://www.techiediaries.com/angular-10-material-date-picker-calendar-range/

---

Latihan membuat Dark Mode di Angular dengan mudah melalui Angular Material

https://levelup.gitconnected.com/angular-material-dark-mode-in-3-steps-b9421bfc184b

---

Membuat halaman Shopping Cart dengan Angular dan Node JS

https://dev.to/suniljoshi19/build-a-shopping-cart-in-nodejs-and-angular10-4hne

---

Cara deploy aplikasi Angular ke Github Pages dengan Github Actions

https://dev.to/jasonfritsche/deploy-angular-to-github-pages-by-setting-up-a-workflow-in-github-171b

---

Tips dan trik menggunakan Dependency Injection di Angular

https://dev.to/thinkster/3-angular-dependency-injection-tips-i0e

---

#angular #material #darkmode #mean #shoppingcart #nodejs #githubActions #githubPages #dependencyInjection

Tips menggunakan CSS yang baik pada aplikasi web Angular

https://netbasal.com/3-style-management-tips-that-will-save-you-a-headache-in-your-angular-app-css-94365570987e

—-

Menggunakan Angular Material, Flex-Layout, Reactive Forms, dan Route Animations agar aplikasi web Angular semakin menarik dan nyaman

https://medium.com/better-programming/take-your-angular-apps-to-the-next-level-ee75b9655df4

#angular #css #material

Latihan membuat aplikasi web Blog dengan Angular dan Strapi CMS

https://dev.to/mkubdev/the-power-of-strapi-building-web-application-has-never-been-easier-291i

---

Membuat aplikasi Angular dengan tambahan plugin Netlify CMS

https://www.smashingmagazine.com/2020/10/angular-feedback-netlify-forms-edge/

---

Latihan menggunakan Angular Material untuk component tampilan

https://levelup.gitconnected.com/all-about-angular-material-3e0b86e9e195

#angular #strapi #cms #forms #netlify #netlify #forms #material

Menggunakan Nx DevTools untuk mempermudah pengembangan aplikasi web Angular

https://blog.nrwl.io/modern-angular-39b3f360f3d9

—-

Beberapa Component library untuk Angular

https://dev.to/citrusbug/7-best-angular-component-libraries-to-use-in-2020-5471

---

Beberapa pembaruan untuk desain dokumentasi Material Angular

https://blog.angular.io/giving-material-angular-io-a-refresh-d869850026bd

---

Menambahkan judul halaman aplikasi web dengan menggunakan Angular

https://reactgo.com/angular-document-title/

---

Membuat sistem Authentication di Angular dengan bantuan library Auth0

https://medium.com/javascript-in-plain-english/create-angular-web-authentication-with-auth0-428d162f341f

---

Latihan menggunakan NGXS untuk menyimpan data state sementara di Angular

https://medium.com/front-end-weekly/ngxs-storage-plugin-usage-in-angular-28b95795a62f

#angular #component #title #document #material #auth #auth0 #ngxs #nx

Latihan membuat tampilan tab dengan Angular Material dan fitur lazy loading router di Angular


https://medium.com/javascript-in-plain-english/angular-material-tabs-with-lazy-loaded-routes-3534bc9dfdf5

---

Tips dan trik berseri tentang Web Development dengan Angular

https://medium.com/javascript-in-plain-english/angular-development-tips-and-tricks-7ca936a80dc

---

Latihan menambahkan Jest untuk melakukan unit testing di Angular

https://itnext.io/angular-testing-series-how-to-add-jest-to-angular-project-smoothly-afffd77cc1cb

---

Latihan menggunakan Stackedit JS untuk konversi halaman Markdown menjadi HTML di Angular

https://itnext.io/angular-markdown-with-stackedit-js-a57a93555016

---

Menjalankan dua aplikasi web Angular berbeda agar bisa berjalan seperti satu aplikasi dengan bantuan Angular Elements

https://itnext.io/how-to-run-separate-angular-apps-in-one-spa-shell-5250e0fc6155

---

#angular #tab #material #lazyloading #stackedit #jest #testing #angularElements

Latihan membuat Gauge Chart dengan AnyChart library di Angular

https://medium.com/javascript-in-plain-english/how-to-create-an-angular-gauge-using-javascript-d96b4cbd76ba

---

Daftar referensi Material Component untuk Angular

https://medium.com/javascript-in-plain-english/10-free-angular-material-frameworks-4555104e7be

---

Cara mengirim data antar Component di Angular

https://medium.com/javascript-in-plain-english/how-to-pass-data-from-one-component-to-another-in-angular-a9725733da12

---

Pembuatan Checkbox dan Date Picker dengan Angular Material

https://medium.com/front-end-weekly/angular-material-checkbox-and-datepickers-b975fd65d8fe

#angular #chart #gauge #material #component #communication

All right then gang, Net Ninja telah merilis latihan panjang dan lengkap tentang pengenalan Next JS dan Contentful CMS. Kemudian dilanjutkan dengan proses deploy ke layanan Vercel Cloud Hosting.

https://youtu.be/m9mNsYJbkNg

Playlist selengkapnya dapat dilihat di
https://youtube.com/playlist?list=PL4cUxeGkcC9jClk8wl1yJcN3Zlrr8YSA1

---

Net Ninja juga telah merilis latihan lengkap dan panjang sekali tentang pengenalan Material UI Components untuk React JS

https://youtu.be/0KEpWHtG10M

Playlist selengkapnya dapat dilihat pada tautan berikut ini.
https://youtube.com/playlist?list=PL4cUxeGkcC9gjxLvV4VEkZ6H6H4yWuS58


#netninja #react #nextjs #material #ui #vercel #cms #contentful

Latihan menggunakan Nx Tools dengan Svelte JS dan Tailwind CSS

https://javascript.plainenglish.io/getting-started-with-svelte-tailwind-and-nrwl-nx-9c9c1ea32a54

---

Menggunakan Material UI di Svelte JS

https://blog.logrocket.com/svelte-material-ui-advanced-material-design-components/

---

Beberapa library untuk form validation di Svelte JS

https://blog.logrocket.com/top-form-validation-libraries-svelte/

---

#svelte #nx #material #formValidation

Latihan panjang dari Freecodecamp tentang penggunaan Material UI di React JS

https://www.freecodecamp.org/news/code-a-dictionary-with-react-and-material-ui/

#react #material #freecodecamp

Menggunakan Material UI icons di React JS

https://javascript.plainenglish.io/how-to-use-material-ui-mui-icons-in-react-976911a2c7bb

---

Beberapa cara melakukan HTTP Request di React JS

https://betterprogramming.pub/rest-api-consumption-in-react-with-fetch-axios-and-axios-hooks-d9dd14b43c8b

---

#react #material #icons #http #request

Beberapa dashboard template untuk React JS yang dibuat dengan Material UI

https://medium.com/flatlogic/5-free-awesome-react-js-material-ui-admin-dashboard-templates-e346d71f9f35

#template #dashboard #admin #material

Latihan menggunakan Material UI pada aplikasi berbasis React bersama channel Lama Dev

https://youtu.be/fzxEECHnsvU

#material #react #lamaDev

Latihan menggunakan Material UI dengan Next JS

https://blog.logrocket.com/getting-started-with-mui-and-next-js/

---

Latihan menggunakan Redux pada Next JS

https://blog.logrocket.com/use-redux-next-js

#redux #nextjs #mui #material

Menambahkan animasi filter data pada React JS dengan Framer Motion bersama Cand Dev

https://www.youtube.com/watch?v=f4f7vwL4TcQ

—-

Pengenalan Material UI component untuk React JS

https://blog.bitsrc.io/the-last-component-library-youll-ever-need-an-intro-to-material-ui-c5495735ae05

—-

#react #framer #candDev #material

Cara kustomisasi Material UI date picker

https://blog.openreplay.com/styling-and-customizing-material-ui-date-pickers/

---

Membuat Toast message pada React JS dengan library React Hot Toast

https://blog.openreplay.com/simple-toast-notifications-with-react-hot-toast/

——

Beberapa kesalahan dalam React JS sehingga menyebabkan render ulang

https://medium.com/@rickmint/3-1-react-common-mistakes-that-triggers-unnecessary-re-renders-72d1e993d7bf

#react #material #ui #toast #datepicker #render

Membuat tampilan error 404 dengan HTML dan CSS

https://blog.openreplay.com/creating-a-custom-404-error-page/

—-

Komparasi antara Tailwind CSS dan Material UI dalam hal kustomisasi

https://blog.openreplay.com/which-is-easier-to-customize--tailwind-css-or-material-ui/

—-

#css #error404 #html #tailwind #material

JavaScript Fullstack WEB App: Nextjs & Docker

https://dev.to/francescoxx/javascript-fullstack-web-app-nextjs-docker-4d44

---

React Server-Side Rendering without Next.js

https://dev.to/opensourcee/react-server-side-rendering-without-nextjs-1kcj

---

Building Real-Time Next.js Apps with WebSockets and Soketi

https://dev.to/franciscomendes10866/building-real-time-applications-with-nextjs-and-websockets-588j

---

Building a Music Player using React hook useState() with my own implementation

https://dev.to/anthonyzhang220/building-a-music-player-using-react-hook-usestate-with-my-own-implementation-2ba5

---

Form Validation with Material UI Text Field component and React

https://dev.to/anthonyzhang220/form-validation-with-material-ui-text-field-component-and-react-23dl

---

#react #nextjs #fullstack #form #material #state