Langkah Mudah sampai Deploy ke Cpanel | Membuat Website Portofolio Dengan React Js
Di video ini, kita akan belajar bersama cara membuat website portfolio yang keren menggunakan React JS, HTML, dan CSS. Langkah demi langkah, kita akan mulai dari tahap dasar hingga kita deploy aplikasi kita ke cPanel. Cocok untuk teman-teman yang ingin memiliki portfolio online yang profesional dan menarik.
Apa yang akan kita pelajari:
1. Persiapan Project: Setup awal project React JS dengan vite.
2. Menggunakan Komponen di React: Membagi halaman portfolio kita menjadi komponen-komponen yang lebih mudah dikelola.
3. Responsif Design: Memastikan website kita terlihat bagus di berbagai ukuran layar.
4. Menggunakan useState di ReactJs
5. Deployment ke cPanel: Langkah-langkah untuk meng-upload dan menjalankan aplikasi kita di hosting cPanel.
🔗LINK PENTING
==============================
- File CSS : https://gist.github.com/dirumahrafif/5bec484dd14272e1ea43b13022aac182
- File Assets : https://drive.google.com/file/d/1kR4YW3q15hv4erPMMczRml82Ma4QYqK6/view?usp=drive_link
- React Icon : https://react-icons.github.io/react-icons/
- Petunjuk Deploy ke Subdirectory : https://gist.github.com/dirumahrafif/2bfa4dcc1f6a2e42cd1aa2ac046b5dba
- Link Repository : https://github.com/dirumahrafif/reactjs-website-portofolio
⏱️ TIMELINE
==============================
00:00:00 Intro
00:01:13 Instal ReactJs Melalui Vite
00:09:17 Buat Page Home
00:13:45 Buat Navbar (link css)
00:20:40 Buat Header (link asset)
00:29:28 Icon Social Media (link react icon)
00:36:02 Portfolio
00:49:25 About
00:57:08 Footer
00:59:33 Responsive Menu
01:14:34 Routing Home
01:19:16 Routing Portfolio
01:29:40 Halaman Detail Portfolio
01:48:09 Link Navbar
01:54:27 Scroll To Top
02:00:36 Experience
02:13:00 Deploy Cpanel Root public_html
02:17:15 Deploy Cpanel sub-directory public_html (link gist upload)
🔰 COURSE PREMIUM
==============================
🏷️Tutorial Laravel : https://dirumahrafif.id/course/laravel
🏷️Tutorial Booststrap : https://dirumahrafif.id/course/bootstrap
▶️ FOLLOW KAMI
==============================
🕸️ Website: http://dirumahrafif.id/
💰 Donasi: https://saweria.co/dirumahrafif
🖼️ IG: https://www.instagram.com/dirumah.rafif
📂 Github: https://github.com/dirumahrafif
⚙️ PERALATAN SAYA
==============================
▪️ Mic Condensor Fifine K66GB
https://shope.ee/7UeeJDWhBy
⚡POPULAR VIDEO
==============================
https://www.youtube.com/watch?v=5JwWqjd4e9o
https://www.youtube.com/watch?v=ZgNH0UfakeM
https://www.youtube.com/watch?v=93lDKPSE3us
https://www.youtube.com/watch?v=Y8jE5_ky1ec
❓ Pertanyaan ❓
Silakan sampaikan pertanyaan sehingga semoga saya atau yang lainnya bisa membantu.
Pertanyaan, Informasi, silakan email di bawah ini
💌 Email: dirumahrafif@gmail.com
Terima kasih,
Видео Langkah Mudah sampai Deploy ke Cpanel | Membuat Website Portofolio Dengan React Js канала Dirumahrafif
Apa yang akan kita pelajari:
1. Persiapan Project: Setup awal project React JS dengan vite.
2. Menggunakan Komponen di React: Membagi halaman portfolio kita menjadi komponen-komponen yang lebih mudah dikelola.
3. Responsif Design: Memastikan website kita terlihat bagus di berbagai ukuran layar.
4. Menggunakan useState di ReactJs
5. Deployment ke cPanel: Langkah-langkah untuk meng-upload dan menjalankan aplikasi kita di hosting cPanel.
🔗LINK PENTING
==============================
- File CSS : https://gist.github.com/dirumahrafif/5bec484dd14272e1ea43b13022aac182
- File Assets : https://drive.google.com/file/d/1kR4YW3q15hv4erPMMczRml82Ma4QYqK6/view?usp=drive_link
- React Icon : https://react-icons.github.io/react-icons/
- Petunjuk Deploy ke Subdirectory : https://gist.github.com/dirumahrafif/2bfa4dcc1f6a2e42cd1aa2ac046b5dba
- Link Repository : https://github.com/dirumahrafif/reactjs-website-portofolio
⏱️ TIMELINE
==============================
00:00:00 Intro
00:01:13 Instal ReactJs Melalui Vite
00:09:17 Buat Page Home
00:13:45 Buat Navbar (link css)
00:20:40 Buat Header (link asset)
00:29:28 Icon Social Media (link react icon)
00:36:02 Portfolio
00:49:25 About
00:57:08 Footer
00:59:33 Responsive Menu
01:14:34 Routing Home
01:19:16 Routing Portfolio
01:29:40 Halaman Detail Portfolio
01:48:09 Link Navbar
01:54:27 Scroll To Top
02:00:36 Experience
02:13:00 Deploy Cpanel Root public_html
02:17:15 Deploy Cpanel sub-directory public_html (link gist upload)
🔰 COURSE PREMIUM
==============================
🏷️Tutorial Laravel : https://dirumahrafif.id/course/laravel
🏷️Tutorial Booststrap : https://dirumahrafif.id/course/bootstrap
▶️ FOLLOW KAMI
==============================
🕸️ Website: http://dirumahrafif.id/
💰 Donasi: https://saweria.co/dirumahrafif
🖼️ IG: https://www.instagram.com/dirumah.rafif
📂 Github: https://github.com/dirumahrafif
⚙️ PERALATAN SAYA
==============================
▪️ Mic Condensor Fifine K66GB
https://shope.ee/7UeeJDWhBy
⚡POPULAR VIDEO
==============================
https://www.youtube.com/watch?v=5JwWqjd4e9o
https://www.youtube.com/watch?v=ZgNH0UfakeM
https://www.youtube.com/watch?v=93lDKPSE3us
https://www.youtube.com/watch?v=Y8jE5_ky1ec
❓ Pertanyaan ❓
Silakan sampaikan pertanyaan sehingga semoga saya atau yang lainnya bisa membantu.
Pertanyaan, Informasi, silakan email di bawah ini
💌 Email: dirumahrafif@gmail.com
Terima kasih,
Видео Langkah Mudah sampai Deploy ke Cpanel | Membuat Website Portofolio Dengan React Js канала Dirumahrafif
Комментарии отсутствуют
Информация о видео
17 мая 2024 г. 11:00:25
02:22:01
Другие видео канала