Membuat CRUD dengan NodeJs, Express, ReactJs, MongoDB - Tutorial MERN Stack #1

Hallo Semuanya, Selamat Datang di Channel Ngoding Mastery...

Pada Tutorial MERN Stack yang Pertama ini, kita akan membuat CRUD dengan NodeJs, Express, ReactJs, MongoDB, serta Tools yang lainnya.

- Yang akan kita Pelajari -
1. MERN Stack (Beginner Friendly)
2. Belajar membuat CRUD API dengan NodeJs, Express, Mongoose (MongoDB), Joi (Validation dan lainnya.
3. Belajar membuat CRUD dengan ViteJs, ReactJs, React Router, React Toastify (Notification) dan lainnya.
4. Belajar Mengolah API serta menghubungkan Front-end dan Back-end dengan AXIOS.
5. serta benefit lainnya.

- Extension Visual Studio Code -
1. ES7+ React/Redux/React-Native snippets by dsznajder
2. Thunder Client (Testing API)
3. DotENV
4. ESLint
5. Prettier - Code Formatter

- Extension Chrome -
1. What Font
2. Mobile Simulator - responsive testing tools

- chapter -
00:00 - Intro
00:31 - Overview Project yang dibuat
03:50 - Tools yang dipakai
05:20 - Persiapan
06:38 - Persiapan Membuat API (Back-end)
07:13 - Install Tools yang dibutuhkan
08:47 - Membuat Server
12:42 - Membuat Route
18:42 - Connect Database
21:37 - Membuat Model
23:41 - Membuat Controller
24:25 - Membuat Function Tambah Data
30:33 - Membuat Function Get All Data
34:09 - Membuat Validation (Joi)
37:00 - Menambahkan Validation di Tambah Data
41:07 - Menambahkan Data Exist di Tambah Data
44:09 - Membuat Function Get Data By Id
50:10 - Membuat Function Update Data
55:29 - Membuat Function Delete Data
1:00:11 - Persiapan Project bagian Front-end
1:00:38 - install ViteJs
1:02:39 - Membuat Struktur Folder dan File
1:05:24 - Install Tools
1:06:42 - Membuat Tampilan dibagian Front-end
1:40:28 - Get Data
1:50:55 - Add Data
2:08:35 - Delete Data
2:13:30 - Menampilkan Teks ketika Data tidak Ada
2:17:54 - Edit Data
2:33:26 - Penutupan

- Playlist PORTFOLIO Website -
https://www.youtube.com/watch?v=C_4x_N8SMSY&list=PLxLtIf3VX_3C7ooq2RuEo7XEeZ-G6omxD

- Playlist React Js Website -
https://www.youtube.com/watch?v=r9kAp2zeU5s&list=PLxLtIf3VX_3A5RJFRZTtdHCLcA69el96o

- Playlist Tailwind CSS Website -
https://www.youtube.com/watch?v=-o_tBBtLS4U&list=PLxLtIf3VX_3C-Oe5VtgUBmONbScnGBYPB

- Playlist NGOJEK (NGOding proJEK) -
https://www.youtube.com/watch?v=WgSCJSG1lOw&list=PLxLtIf3VX_3BnAbuL-XDaPmq6AkL41K6g

- Playlist Website LANDING PAGE Responsive -
https://www.youtube.com/watch?v=hXPb8v4SFbI&list=PLxLtIf3VX_3D8y0acpsIzIlME_5J_6Ns6

- Playlist Library CSS & JAVASCRIPT -
https://www.youtube.com/watch?v=hErSquN7vS0&list=PLxLtIf3VX_3C7p1royoHxX0KFflbhUFAH

- Playlist BOOTSTRAP Website -
https://www.youtube.com/watch?v=rK92ZoMMU7U&list=PLxLtIf3VX_3BHLe9ijLFzX9o7N2f3dUfB

- Playlist HTML CSS JS Website -
https://www.youtube.com/watch?v=eYFN_TL8Ycw&list=PLxLtIf3VX_3ALfhQfe37qKRPk4eJquGrU

- Playlist REST API (Node Js, Express Js, MongodDB) -
https://www.youtube.com/watch?v=6vMWoJsG4YQ&list=PLxLtIf3VX_3BMqiadv2dATYotfYKq0SjJ

- Playlist GITHUB -
https://www.youtube.com/watch?v=s0bNDmqlHO0&list=PLxLtIf3VX_3CtzHU1jnGR-iuyqh08W1NW

- Playlist Website Responsive Sederhana -
https://www.youtube.com/watch?v=AQP80QaYhK8&list=PLxLtIf3VX_3At0wacILmuuSm_06as1oNy

https://vitejs.dev/
https://nodejs.org/en
https://expressjs.com/
https://mongoosejs.com/
https://joi.dev/
https://fkhadra.github.io/react-toastify/introduction/
https://reactrouter.com/en/main
https://cdnjs.com/libraries/font-awesome
https://fontawesome.com/icons
https://reactjs.org/
https://react-bootstrap.github.io/

-------------------------------------------------------------------------------
Like and Subscribe Jika Teman - Teman Suka ?
-------------------------------------------------------------------------------

#webdevelopment #pemrograman #reactjs #reactjsdeveloper #reactjsforbeginners #mernstack #mernproject #mern #crud #merncrud #developerindonesia #fullstack #fullstackwebdevelopment #fullstackdevelopers #fullstackdeveloper #fullstackwebdeveloper