Latihan membuat aplikasi Todo List dengan Svelte JS

https://areknawo.com/making-a-todo-app-in-svelte/


#svelte #todolist

Latihan membuat aplikasi fullstack JS dengan MERN Stack dalam bentuk aplikasi Todo List

https://levelup.gitconnected.com/mernn-to-do-app-dab1e3173493


#mern #express #nodejs #react #mongodb #todo #todolist

Latihan membuat aplikasi Todo List dengan React JS dan Firebase Database

https://www.freecodecamp.org/news/how-to-build-a-todo-application-using-reactjs-and-firebase/

#firebase #todo #todolist
-

Membuat Toast Component di React JS
https://blog.logrocket.com/how-to-create-a-custom-toast-component-with-react/

#toast #react
-

Mengatur format angka di dalam input dengan Cleave JS , dan contoh kasus pada React.
https://blog.logrocket.com/formatting-form-inputs-with-cleave-js-and-react/

#cleave #input #format
-

Latihan sederhana membuat aplikasi Todo List dengan MERN Stack

https://codeburst.io/build-a-todo-app-with-react-and-node-part-2-frontend-faf0b04ab4f2

----

#mern #todolist #todo #nodejs #react #express #mongodb

Latihan dari channel Javascript Mastery tentang membuat aplikasi Todo List dalam bentuk backend REST API dengan Deno TS dan Oak Framework

https://youtu.be/Y-SIhZwbuLo

---

Latihan dari channel YouTube Web Dev Simplified tentang pengenalan Deno TS

https://youtu.be/Bkzem7vLjlA

----

Beberapa alasan kenapa pengembang Javascript akan tertarik memakai Deno TS

https://levelup.gitconnected.com/top-5-reasons-javascript-developers-prefer-deno-over-node-b1ff01734811

---

Latihan membuat REST API Todo List dengan Deno TS dan Oak

https://medium.com/javascript-in-plain-english/building-crud-apis-using-deno-and-oak-9f71ec106b0e

----

Perbedaan antara Deno TS dan Node JS

https://medium.com/javascript-in-plain-english/deno-vs-node-js-here-are-the-most-important-differences-62b547443be1


----

Beberapa modul penting yang ada di Deno TS

https://medium.com/javascript-in-plain-english/7-modules-you-can-use-right-now-to-build-your-first-deno-web-app-b041a156a346

---

Latihan pengenalan Deno TS dari channel Traversy Media

https://youtu.be/NHHhiqwcfRM

----

Course lengkap pengenalan Deno TS dari pembuatan endpoint REST API, koneksi ke database MongoDb , dan operasi CRUD

https://dev.to/sarthaksavvy/deno-full-course-in-3-5-hours-11p4

Operasi CRUD ke MongoDb

https://medium.com/javascript-in-plain-english/crud-in-deno-with-mongodb-b2fcda8ff4d7
---
Deno TS sudah mengeluarkan ekstensi untuk linting Deno di VS Code

https://marketplace.visualstudio.com/items?itemName=denoland.vscode-deno

#deno #oak #restAPI #crud #todolist #traversymedia #webdevsimplified #javascriptmastery #extension #mongodb #course

Latihan dari Traversy Media membuat aplikasi relaksasi Relax App dengan HTML , CSS , dan JavaScript Modern

https://www.youtube.com/watch?v=l-1ZrU6avzI

———

Pengenalan Variabel dan Tipe Data di JavaScript
https://www.youtube.com/watch?v=WiCa9oh4YRQ

——-

Latihan membuat Todo List dengan JavaScript murni
https://www.youtube.com/watch?v=Ttf3CEsEwMQ


#traversymedia #relaxapp #variable #datatype #todolist #vanilla

Membuat aplikasi Todo List sederhana dengan React dan TypeScript

https://dev.to/nas5w/creating-your-first-react-typescript-project-from-scratch-4f65

#todolist #basic #typescript
---

Cara menampilkan render data PDF di dalam aplikasi React JS

https://levelup.gitconnected.com/displaying-pdf-in-react-app-6e9d1fffa1a9

#pdf
---

Latihan membuat JSON Editor online dengan React Next JS

https://levelup.gitconnected.com/simplest-way-to-add-json-editor-to-nextjs-application-6baa71b5b4dd

#jsonEditor
----

Beberapa referensi React Native Component untuk Calendar

https://kriss.io/10-react-native-calendar-component-example-project/


#react #component #calendar

---

Mengakses dan mengatur Environment Variables di dalam project React JS

https://medium.com/javascript-in-plain-english/managing-env-variables-in-react-app-4c48da162887


#env #environment #react
---

Penggunaan GraphQL pada Gatsby JS untuk performansi yang lebih baik

https://blog.logrocket.com/how-graphql-boosts-performance-in-gatsby/

#react #graphql #gatsby

Latihan panjang membuat game tebak pasangan kartu dengan Vue JS

https://www.freecodecamp.org/news/how-to-build-a-memory-card-game-with-vuejs/

---

Latihan membuat Gallery Foto dengan Vue Template Syntax
https://www.digitalocean.com/community/tutorials/vuejs-vue-template-syntax

---

Latihan membuat Todo List dengan Vue JS

https://medium.com/js-dojo/creating-a-simple-todo-app-with-vue-list-rendering-and-class-binding-f9519462107

---

Membuat aplikasi PWA sederhana dengan Vue JS

https://medium.com/js-dojo/promoting-your-vue-js-pwa-installation-6bd112342c19

---

#vue #cards #game #gallery #todolist #pwa

Kumpulan banyak contekan Cheatsheet untuk pengembangan aplikasi web React dan GraphQL

https://www.freecodecamp.org/news/react-apollo-client-2020-cheatsheet/

---

Latihan panjang berbentuk course pembuatan web app dengan React dan GraphQL

https://www.freecodecamp.org/news/the-react-graphql-2020-crash-course/

---

Membuat aplikasi peta perjalanan Travel Bucket Maps dengan Gatsby JS , Graph CMS , dan Leaflet JS

https://www.freecodecamp.org/news/how-to-create-a-travel-bucket-list-map-with-gatsby-react-leaflet-graphcms/

---

Latihan membuat Todo List dengan React Hooks dan Context API

https://dev.to/oohsinan/creating-a-todo-list-app-with-react-using-hooks-and-contexts-564g

---

Membuat Markdown Previewer dengan React JS

https://www.freecodecamp.org/news/how-to-build-a-markdown-previewer-with-react-js/

#react #graphql #hasura #todolist #context #hooks. #cheatsheet #apollo

Latihan dari Coding The Smartway membuat aplikasi Todo List sederhana dengan JavaScript murni

https://medium.com/codingthesmartway-com-blog/building-a-vanilla-javascript-todo-app-from-start-to-finish-ep-1-introduction-project-setup-8165cf33f37

—-

Video playlist latihannya :
https://www.youtube.com/playlist?list=PL2dKqfImstaTpcGL3Fb109V4Bg4XKy8mQ

#codingthesmartway #todolist #es2020

Latihan panjang membuat konversi koordinat dan sebaliknya dan ditampilkan ke dalam peta Google Maps dengan Geocoding , menggunakan Vue JS, Firebase dan Maps Geocoding API

Video
https://www.youtube.com/watch?v=L6DhmAnq_IY

Latihan tertulis
https://medium.com/javascript-in-plain-english/address-geocoding-with-google-geocoding-api-vuejs-and-firebase-694c0922df52

—-

Latihan menggunakan Vue Formulate untuk membuat form generator di Vue JS
https://www.youtube.com/watch?v=XZF71ij463Y

—-

Latihan membuat Translator Bahasa dengan Vue JS dan AWS Amplify
https://www.youtube.com/watch?v=VVb_qQFqE4M

——

Latihan membuat aplikasi Todo List dengan Vue JS , Vuetify, VueFire, Firebase

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


#vue #maps #geocoding #firebase #vueformulate #form #generator #todolist #vuetify

Latihan panjang menggunakan Collection di Javascript seperti Maps dan Sets

https://www.freecodecamp.org/news/how-to-use-javascript-collections-map-and-set/

---

Latihan pengenalan Javascript Iterators yang terkadang sulit dipahami.

https://dmitripavlutin.com/javascript-iterators/

---

Latihan membuat aplikasi Todo List dengan bantuan LocalStorage

https://dev.to/vladimirschneider/simple-to-do-list-using-localstorage-29on

#hashmap #maps #sets #collections #iterator #todolist #localstorage