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 bagian kedua dari Traversy Media untuk pengembangan backend web modern dengan Deno TS dam PostgreSQL . Link sampel Github setiap bagian ada di dalam halaman video latihan ini .

Video bagian kedua
https://www.youtube.com/watch?v=KuaI6mphFNc

Video bagian pertama
https://www.youtube.com/watch?v=NHHhiqwcfRM

———

Latihan mengenal framework Deno TS yang bernama Jurassic

https://dev.to/oknoorap/great-fun-with-deno-my-first-deno-framework-191c

----

Latihan membuat aplikasi CLI yang berisi berita terbaru, dengan Deno TS

https://medium.com/javascript-in-plain-english/creating-your-first-news-cli-app-using-deno-e1470398c627

---

Latihan membuat Deno REST API dengan framework Oak dan koneksi ke MongoDb .

https://medium.com/javascript-in-plain-english/deno-rest-api-in-deno-using-mongodb-and-oak-c25ca7db0ee9

---

Latihan membuat Todo List API dengan Deno dan Oak
https://www.freecodecamp.org/news/create-a-todo-api-in-deno-written-by-a-guy-coming-from-node/

---

Memperkenalkan Playground untuk Deno TS di Repl. it

https://dev.to/bendman/try-out-deno-on-repl-it-1o89

---

#deno #oak #postgresql #mongodb #cli #news #traversymedia #typescript #todo #playground #replit #jurassic

Latihan panjang mengenal dan membuat backend server dengan Node JS framework Nest JS TypeScript. Dilengkapi dengan database PostgreSQL dan Sequilize ORM

https://www.freecodecamp.org/news/build-web-apis-with-nestjs-beginners-guide/


Contekan Cheatsheet penting untuk TypeScript tingkat lanjut.

https://www.freecodecamp.org/news/advanced-typescript-types-cheat-sheet-with-examples/
---

Latihan sederhana membuat aplikasi Todo list dengan Node JS Express JS dan PostgreSQL

https://codeburst.io/creating-a-todo-app-with-node-js-express-and-postgresql-database-6dbf80c3fe9c

#todo #list #nodejs #nest #express #postgresql #typescript

Latihan panjang membuat aplikasi Todo List dengan React , Redux , dan Firebase

https://dev.to/chaoocharles/creating-a-to-do-app-with-auth-react-redux-firebase-v3-1g6o

---

Latihan membangun aplikasi pencarian film dengan React

https://www.freecodecamp.org/news/learn-react-in-1-hour-by-building-a-movie-search-app/

---

Latihan localization bahasa dengan next-i18next di Next JS React

https://levelup.gitconnected.com/translate-your-next-js-app-to-the-world-645d100277e

---

Boilerplate kerangka project untuk membuat aplikasi desktop dengan Gatsby JS dan Electron JS

https://github.com/zonayedpca/electron-gatsby-boilerplate

---

Cara menggunakan React Redux dengan TypeScript

https://levelup.gitconnected.com/redux-hooks-with-typescript-4fba08f160ad

#todo #react #next #firebase #auth #movie #gatsby #electron #redux #typescript

Beberapa hal yang perlu diketahui sebelum menggunakan Svelte JS

https://dev.to/dailydotdev/building-with-svelte-all-you-need-to-know-before-you-start-2knj

---

Membuat fungsi Firebase Authentication dengan Svelte JS

https://dev.to/codechips/firebase-authentication-with-svelte-pbf

---

Latihan membuat Todo List dengan Svelte , Firebase , dan RxJS

https://dev.to/codechips/how-to-build-a-todo-app-with-rxjs-svelte-and-firebase-1k0f

---

Cara melakukan hosting Svelte / Sapper JS ke layanan cloud

https://blog.logrocket.com/hosting-your-own-svelte-sapper-app/

#svelte #rxjs #firebase #todo #auth

Template backend berbasis Parse Server dan Docker Container yang bisa menjadi dasar pengembangan aplikasi berbasis Node JS

https://medium.com/javascript-in-plain-english/a-powerful-backend-ready-for-your-next-app-d4acd88d0cbf

---

Latihan membuat aplikasi Todo List dengan Node JS, MongoDb dan GraphQL Apollo Server

https://medium.com/javascript-in-plain-english/build-a-todo-app-using-graphql-and-node-js-59d16feef60f

---

Latihan membangun aplikasi fullstack JavaScript bagian pertama dengan Node JS dan Spotify API

https://medium.com/javascript-in-plain-english/accessing-the-spotifyalgorithm-full-stack-application-tutorial-part-1-792a2c0ff13

---

Latihan dasar menggunakan framework Restify JS untuk membuat REST API sederhana

https://thewebdev.info/2020/08/16/getting-started-back-end-development-with-restify/

---

Contoh sampel aplikasi blog yang dibuat dengan Node JS MERN Stack

https://itnext.io/blog-app-using-mern-stack-b0b4d69d7ea1

---

#nodejs #docker #graphql #mern #apollo #restify #spotify #todo

Catatan rilis TinyHttp versi 1.0. yang berfungsi sebagai backend framework alternatif Express JS

https://dev.to/talentlessguy/presenting-tinyhttp-1-0-a-0-legacy-tiny-fast-web-framework-as-a-replacement-of-express-written-in-typescript-2j4a

---

Membuat aplikasi CLI Todo List dengan Node JS

https://dev.to/josh4324/create-a-todo-cli-app-with-node-js-3hbc

---

Panduan mengirim response dalam bentuk data atau file di Express JS

https://levelup.gitconnected.com/guide-to-the-express-response-object-files-and-json-1cb4c3d1a122

---

#express #tinyhttp #todo #cli #files #json

Membuat aplikasi Todo List yang bersifat realtime dengan Node JS

https://dev.to/ivanz123/building-todo-in-real-time-3pbl

---

Mengirim pesan ke Whatsapp dengan Whatsapp Businness API dari Node JS

https://vinamra-jain.medium.com/send-whatsapp-messages-using-nodejs-975f0ee3e3a9

—-

Referensi beberapa package Node JS untuk membantu pengembangan aplikasi backend Node JS

https://bencoderus.medium.com/top-nodejs-packages-to-speed-up-application-development-d4fa49acca5a

—-

Konfigurasi HTTP SSL pada Node JS server

https://javascript.plainenglish.io/https-with-express-framework-javascript-7229bbd7339b

—-

#nodejs #todo #ssl #whatsapp #package

Latihan panjang membuat Todo List dengan Vue JS

https://dev.to/smpnjn/making-a-to-do-list-in-vue-31on

----

Memahami penggunaan custom directive pada Vue JS

https://blog.logrocket.com/deep-dive-custom-vue-directives/

#vue #directive #todo #list

Mengenal module di dalam Javascript yaitu ES Modules dan Common JS

https://www.freecodecamp.org/news/modules-in-javascript/

---

Latihan penting menggunakan Slice dan Splice untuk manipulasi data Array

https://www.freecodecamp.org/news/javascript-slice-and-splice-how-to-use-the-slice-and-splice-js-array-methods/

---

Pengenalan Scope dan Hoisting di JavaScript

https://javascript.plainenglish.io/scopes-in-javascript-ebf776d42430

---

Latihan pengenalan CRUD dengan membuat aplikasi Todo List dengan JavaScript

https://www.freecodecamp.org/news/learn-crud-operations-in-javascript-by-building-todo-app/

#esm #commonjs #crud #todo #scope

Latihan dari Web Dev Simplified membuat aplikasi Todo List dengan TypeScript

https://youtu.be/jBmrduvKl5w

---

Tips dalam membuat generic functions di TypeScript

https://betterprogramming.pub/figuring-types-in-typescript-generic-functions-9479dd2fc3ea

---

Menambahkan TypeScript ke dalam aplikasi backend Node JS

https://javascript.plainenglish.io/adding-typescript-to-a-node-app-2e8294f9476c

---

Mengenal utility function Pick Type dalam TypeScript

https://dev.to/smpnjn/how-the-typescript-pick-type-works-aph

#typescript #todo #type #webdevsimplified

Membuat fitur lazy loading gambar yang didukung oleh banyak browser

https://blog.logrocket.com/cross-browser-native-lazy-loading-javascript/

---

Membuat operasi CRUD sederhana dengan JavaScript dengan contoh kasus aplikasi Todo List

https://www.freecodecamp.org/news/learn-crud-operations-in-javascript-by-building-todo-app/

---

Beberapa tools monorepo untuk alternatif dari Lerna

https://javascript.plainenglish.io/5-best-lerna-alternatives-42ffe75d403e

#lazyloading #todo #lerna

Memahami apa itu glob pada Node JS

https://blog.logrocket.com/understanding-using-globs-node-js/

---

Memahami apa itu stdin, stdout, dan stderr di Node JS

https://blog.logrocket.com/using-stdout-stdin-stderr-node-js/

---

Latihan membuat aplikasi Todo List sederhana dengan Express JS dan Redis Db

https://www.jackfranklin.co.uk/blog/node-express-todo-app-redis/

#nodejs #glob #stdin #stdout #todo #express

Latihan panjang membuat aplikasi Todo List dengan Strapi CMS dan Next JS

https://strapi.medium.com/how-to-build-a-to-do-app-using-next-js-and-strapi-63d99723eb70

#strapi #nextjs #todo

Latihan membuat aplikasi Todo List dengan Strapi CMS dan React JS

https://medium.com/strapi/how-to-build-a-to-do-list-application-with-strapi-and-reactjs-6a59a42d527b

#todo #strapi #react

Beberapa catatan penting dalam penggunaan Computed property di Vue JS

https://youtu.be/vL1lJt9acMQ

---

Implementasi pub sub pattern di Vue JS

https://javascript.plainenglish.io/implement-the-pubsub-pattern-in-vue-js-8a36a7a37b19

—-

Membuat aplikasi Todo List dengan Composition API dan Tailwind CSS

https://sayansinha5.medium.com/todo-app-using-vuejs-3-composition-api-and-tailwind-css-ee7c82854357

#pub #sub #vue #computed #todo #composition

Latihan bersama Dcode membuat aplikasi Todo List dengan JavaScript, HTML, dan CSS

https://www.youtube.com/watch?v=cijPd-TXPn4

#todo #list #dcode #css #html

Latihan panjang pengenalan React JS bagi pemula

https://blog.sahilchandravanshi.com/react-introduction

—-

Cara melakukan fetching data di Next JS

https://blog.openreplay.com/data-fetching-in-next-js/

—-

Latihan panjang membuat aplikasi Todo List dengan React, TypeScript, dan Vite JS

https://hackernoon.com/maximize-your-react-skills-build-a-to-do-list-app-from-start-to-finish-with-typescript-vite?source=rss

—-

Membuat Toast message di React JS dengan library Toastify

https://blog.openreplay.com/styling-toast-messages-with-react-toastify/

—-

#react #nextjs #todo #toast