Latihan dasar mengenal Angular dan CLI

https://medium.com/front-end-weekly/angular-getting-started-53f637c92223

---

Membuat Angular Forms dengan dukungan static typing

https://indepth.dev/convert-into-strongly-typed-angular-forms-in-a-minute-2/

---

Beberapa fitur baru di Angular 10

https://medium.com/javascript-in-plain-english/whats-new-in-angular-10-20329a734251

#angular #forms

Latihan menggunakan library NgNeat Reactive Forms untuk membuat Reactive Forms di Angular

https://netbasal.com/introducing-angular-reactive-forms-with-benefits-26e52f21489c

https://github.com/ngneat/reactive-forms

——

Membuat fungsi seperti React Suspense di Angular

https://netbasal.com/adding-suspense-to-angular-%EF%B8%8F-%EF%B8%8F-1f34fd603584

—-

Membuat query parameters sesuai dengan isi dari Input Forms yang ada di Angular Forms

https://netbasal.com/a-simple-reusable-solution-for-binding-url-query-params-to-angular-forms-f33cc4b5bc7a


#angular #ngneat #reactive #forms #bindingparam #queryparam

Membuat starter project dengan Next JS

https://www.freecodecamp.org/news/how-to-create-a-nextjs-starter-to-easily-bootstrap-a-new-react-app/

---

Latihan dasar membuat project React JS dengan membuat form sederhana dengan React Hooks

https://www.freecodecamp.org/news/beginner-react-project-build-basic-forms-using-react-hooks/

---

Membuat form Sign In yang bernanimasi dengan React dan CSS
https://dev.to/cooljasonmelton/build-this-cool-sign-in-form-with-react-and-css-10of
---

Latihan lengkap membuat aplikasi Todo List dengan MERN Stack

https://www.freecodecamp.org/news/how-to-build-a-todo-app-with-react-typescript-nodejs-and-mongodb/

---

Membuat fungsi CRUD sederhana dengan Facebook Recoil

https://blog.logrocket.com/crud-with-facebook-recoil/

---

#nextjs #react #mern #nodejs #express #forms #hooks #recoil

Latihan bagian ketiga belas membuat aplikasi Point of Sale POS dengan MERN Stack, dalam bagian membuat pagination dari data dan halaman

https://blog.soshace.com/create-simple-pos-with-react-js-node-js-and-mongodb-13-grouping-sorting-pagination/

---

Latihan panjang sekali membuat aplikasi Contact Forms dengan Next JS dan Netlify Forms

https://www.freecodecamp.org/news/how-to-create-a-contact-form-with-netlify-forms-and-nextjs/

#netlify #nextjs #forms #pos #pointOfSale #contactForm

Memasang Dark Mode pada aplikasi web Angular dengan bantuan Service dan LocalStorage

https://medium.com/better-programming/turn-off-the-lights-with-angular-dark-mode-194241f491ae

---

Beberapa dasar atau fundamental utama dalam Angular

https://dev.to/farhatsharifh/how-i-learned-angular-fundamentals-1chb

---

Membuat form input Feedback di Angular dan mengirim data ke layanan Netlify Form untuk disimpan

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

---

Beberapa hal yang deprecated di Angular ketika upgrade ke Angular 10

https://medium.com/javascript-in-plain-english/angular-deprecations-the-maze-7498de672514

---

Beberapa cara untuk navigasi ke halaman sebelumnya di dalam aplikasi web Angular

https://nils-mehlhorn.de/posts/angular-navigate-back-previous-page

---

Membuat fungsi filtering data Array dari input form auto complete pada aplikasi web Angular

https://www.bennadel.com/blog/3907-using-a-single-pre-compiled-keyword-search-target-for-filtering-in-angular-10-1-5.htm

---

Filter input form dari data Array di Angular dengan bantuan Cosmic JS

https://dev.to/i_maka/build-an-product-filter-for-ecommerce-using-angular-and-cosmic-js-3m5p

---

End to End Testing di Angular dengan Cypress IO

https://levelup.gitconnected.com/e2e-testing-with-cypress-angular-219eaa3926c

#angular #darkmode #forms #netlify #netlifyForm #navigate #router #filter #testing

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

Mengakses data Cookies dan Forms dari request yang diterima dalam Node JS Express JS

https://medium.com/javascript-in-plain-english/accessing-data-from-cookies-and-forms-using-express-node-js-c140c9f59f6d

—-

Latihan sederhana membuat server streaming video dengan Node JS

https://dev.to/abdisalan_js/how-to-code-a-video-streaming-server-using-nodejs-2o0

---

Memasang fungsi Cron Job di dalam server Node JS

https://dev.to/ahmedmagdy11/building-a-cronjob-server-with-nodejs-1dgi

---

Konversi alamat menjadi koordinat latitude longitude dengan Node JS

https://levelup.gitconnected.com/how-to-geocode-a-street-address-in-node-js-eba0c8071f4

---

#nodejs #streaming #cronjob #geocode #express #cookies #forms

Membuat Side bar menu yang bersifat sticky dan ukurannya dinamis dengan HTML dan CSS

https://css-tricks.com/a-dynamically-sized-sticky-sidebar-with-html-and-css/

---

Membuat form input HTML dengan benar dan UX yang memudahkan bagi penggunanya

https://austingil.com/build-html-forms-right-user-experience/

---

Pemahaman antara beda Shadow DOM dengan Virtual DOM

https://dev.to/duomly/shadow-dom-vs-virtual-dom-differences-881

---

#stickybar #sticky #menu #html #css #vdom #shadowdom #forms #input #ux

Channel Fireship merilis video latihan tentang pengenalan fitur JavaScript modern ES2020 yang pasti akan sering dipakai, yaitu :
Ternary Operator, Optional Chaining, Nullish Coalescing

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

—-

Latihan menggunakan Email JS untuk membuat Form kirim email atau email subscription

https://medium.com/javascript-in-plain-english/how-to-implement-email-js-api-to-create-a-subscription-form-325c51fbe827

---

Mendeteksi apakah pengguna memakai Password Manager di browser atau tidak dengan JavaScript

https://medium.com/javascript-in-plain-english/how-to-detect-passwords-managers-usage-on-a-website-using-javascript-97fc1dff5c4a

---

Latihan mengenal Scope dan Hoisting di JavaScript

https://dev.to/alisabaj/back-to-basics-functions-hoisting-and-scope-3l5o

---

Membuat gambar Bubble Speech dengan SVG dan JavaScript untuk tampilan aplikasi percakapan

https://humaan.com/blog/creating-comic-book-speech-bubbles-with-svg-and-javascript/

---

#email #forms #svg #bubbles #scope #hoisting #passwordManager #es2020

Langkah demi langkah deploy aplikasi Progressive Web App Angular ke layanan Netlify

https://javascript.plainenglish.io/create-and-deploy-a-pwa-with-angular-step-by-step-guide-cab2e471288d

—

Membuat theme warna dan style di aplikasi web Angular dengan bantuan CSS Variables

https://dev.to/angular/theming-your-angular-apps-using-css-variables-easy-solution-3od0

---

Contoh implementasi dynamic forms di Angular

https://dev.to/myndpm/a-new-approach-to-have-dynamic-forms-in-angular-5d11

---

#angular #pwa #forms #cssVariable

Panduan tentang cara membuat Form input dengan baik

https://blog.logrocket.com/create-better-css-forms-design-principles/

#css #forms #remix

Membuat copy to clipboard component di Angular

https://netbasal.com/create-reusable-copy-to-clipboard-directive-in-angular-fc1139b9e755

—-

Membuat nested forms dan subform di dalam Angular

https://betterprogramming.pub/split-angular-nested-forms-into-subform-components-dcf32d1fb10d

#angular #forms #subform #copyToClipboard