Tingkatkan Skill Web Development

Ikuti Workshop Intensif Go, Vue.js, Vuetify dan Nuxt.js

Tingkatkan keterampilan pengembangan web Anda ke level berikutnya dengan workshop eksklusif kami. Pada workshop intensif ini, Anda akan diajak mengenal lebih dalam perkembangan terbaru dalam dunia teknologi web. Mulai dari pengenalan framework yang powerful seperti Go dan Vue.js, hingga pemahaman tentang konsep pengembangan web modern dengan memanfaatkan Vuetify dan Nuxt.js.

Minggu 12 Mei 2024	Membangun RESTful API yang Powerful dengan Go dan Framework Echo
Minggu 19 Mei 2024	Membuat Web App yang Elegan dan Responsif dengan Vue.js dan Vuetify
Minggu 26 Mei 2024	Membuat Aplikasi SPA (Single Page Application) dengan Vue.js dan SSR (Server-Side Rendering) Nuxt.js

Lokasi: Online via Google Meet atau Zoom.

Mengapa Memilih Go?

Memilih Go sebagai bahasa pemrograman untuk pengembangan web memiliki beberapa keuntungan yang signifikan. Pertama, Go dirancang untuk kinerja tinggi dan efisiensi, membuatnya ideal untuk aplikasi web yang membutuhkan waktu respons cepat dan skala besar. Kedua, Go memiliki sintaksis yang sederhana dan mudah dipahami. Selain itu, Go memiliki dukungan bawaan untuk pengelolaan konkurensi, yang sangat berguna dalam mengelola banyak permintaan web secara bersamaan. Yang tidak kalah pentingnya, Go memiliki pengelolaan memori yang efisien, sehingga aplikasi web Anda dapat berjalan lancar dan hemat sumber daya.

Mengapa Memilih Vue.js?

Memilih Vue.js untuk pengembangan web merupakan pilihan yang cerdas karena beberapa alasan. Pertama, Vue.js menawarkan pendekatan yang sangat fleksibel dalam membangun antarmuka pengguna yang responsif dan interaktif. Kedua, Vue.js memiliki performa yang sangat baik, baik dalam hal waktu respon maupun pengoptimalan ukuran file, sehingga memungkinkan aplikasi web Anda berjalan dengan lancar dan responsif. Selain itu, ekosistem Vue.js yang berkembang pesat, termasuk dukungan yang luas dari komunitas dan berbagai plugin.

Apa itu Vuetify?

Vuetify adalah sebuah framework UI (User Interface) yang dibangun di atas Vue.js. Vuetify menyediakan beragam komponen UI yang siap pakai dan didesain secara estetis untuk membangun antarmuka pengguna yang modern dan responsif dalam aplikasi web Vue.js. Dengan Vuetify, pengembang dapat dengan cepat membangun layout yang konsisten dan menarik, serta mengakses berbagai komponen seperti tombol, formulir, kisi, dan banyak lagi, semuanya sudah dirancang dengan baik dan mudah disesuaikan.

Apa itu Nuxt.js?

Nuxt.js adalah framework universal untuk aplikasi Vue.js. Dibangun di atas Vue.js, Nuxt.js menyediakan kerangka kerja yang powerful untuk mengembangkan aplikasi web dengan Vue.js dengan lebih efisien. Salah satu fitur utama Nuxt.js adalah server-side rendering (SSR), yang memungkinkan aplikasi Vue.js Anda di-render di sisi server sebelum dikirimkan ke browser pengguna. SSR membawa manfaat seperti peningkatan dalam SEO, kecepatan waktu muat, dan kinerja yang lebih baik, terutama untuk aplikasi web dengan konten yang dinamis.

Apa yang akan dipelajari?

Sesi 1
Membangun RESTful API yang Powerful dengan Go dan Framework Echo

1. Pendahuluan

Pengantar tentang pengembangan API dengan Go dan framework Echo.
Penjelasan tentang keuntungan menggunakan Go untuk pengembangan API.

2. Dasar-dasar Go

Pengenalan singkat tentang bahasa pemrograman Go.
Instalasi Go dan pengaturan lingkungan pengembangan.

3. Pengenalan Framework Echo

Apa itu Framework Echo dan mengapa kita menggunakannya.
Instalasi Echo dan pengaturan awal.

4. Rute dan Request HTTP

Membuat rute dasar untuk permintaan HTTP dengan Echo.
Menangani permintaan GET, POST, PUT, dan DELETE.

5. Validasi Input

Memvalidasi dan memproses input dari permintaan pengguna.
Menggunakan pustaka validasi untuk memastikan data yang diterima sesuai dengan yang diharapkan.

6. Koneksi Database

Menghubungkan aplikasi Go dengan database MySQL.
Melakukan operasi CRUD (Create, Read, Update, Delete) dengan database.

7. Membangun RESTful Endpoint

Membangun endpoint RESTful yang sesuai dengan prinsip–prinsip REST.
Menggunakan konvensi URL dan metode HTTP yang tepat.

8. Middleware dan Logging

Menerapkan middleware untuk otentikasi, otorisasi, dan penanganan kesalahan.
Menerapkan logging untuk melacak permintaan HTTP dan kesalahan aplikasi.

Sesi 2
Membuat Web App yang Elegan dan Responsif dengan Vue.js dan Vuetify

1. Pendahuluan

Pengantar tentang pengembangan web dengan Vue.js dan penggunaan Vuetify untuk desain UI.
Penjelasan tentang keuntungan menggunakan Vue.js dan Vuetify dalam pengembangan aplikasi web.

2. Dasar-dasar Vue.js

Pengenalan singkat tentang Vue.js dan konsep dasar seperti komponen, direktif, dan reaktivitas.
Instalasi Vue.js dan pengaturan awal.

3. Pengenalan Vuetify

Apa itu Vuetify dan mengapa kita menggunakannya.
Instalasi Vuetify dan pengaturan awal.

4. Struktur Proyek Vue.js

Mendesain struktur proyek Vue.js yang baik.
Membuat dan mengatur komponen Vue.js.

5. Desain Responsif dengan Vuetify Grid System

Menggunakan sistem grid Vuetify untuk merancang layout responsif.
Membuat layout yang responsif untuk berbagai perangkat.

6. Komponen UI Vuetify

Mengenal dan menggunakan berbagai komponen UI yang disediakan oleh Vuetify, seperti tombol, kartu, formulir, dan lainnya.
Menerapkan desain yang estetis dan responsif dengan komponen UI Vuetify.

7. Navigasi dengan Vue Router

Menerapkan routing dalam aplikasi Vue.js menggunakan Vue Router.
Membuat navigasi antara halaman-halaman aplikasi dengan Vue Router.

Sesi 3
Membuat Aplikasi SPA (Single Page Application) dengan Vue.js dan SSR (Server-Side Rendering) Nuxt.js

1. Pendahuluan

Pengantar tentang Single Page Application (SPA) dan Server-Side Rendering (SSR).
Manfaat penggunaan Nuxt.js untuk mengembangkan aplikasi web dengan Vue.js.

2. Pengenalan Nuxt.js

Apa itu Nuxt.js dan mengapa kita menggunakannya.
Perbedaan antara SPA dan SSR dalam konteks Nuxt.js.

3. Instalasi dan Konfigurasi Nuxt.js

Instalasi Nuxt.js menggunakan Vue CLI atau dengan npx create-nuxt-app.
Konfigurasi awal proyek Nuxt.js.

4. Struktur Proyek Nuxt.js

Mendesain struktur proyek Nuxt.js yang baik.
Memahami berbagai direktori dan file dalam proyek Nuxt.js.

5. Routing dengan Nuxt.js

Penggunaan Nuxt.js untuk membuat routing dalam aplikasi web.
Menerapkan rute dinamis dan berbeda dengan Nuxt.js.

6. Server-Side Rendering (SSR)

Konsep dan manfaat SSR dalam aplikasi web.
Konfigurasi SSR dalam proyek Nuxt.js.

7. Menggunakan Layout dan Komponen

Menggunakan layout dan komponen Nuxt.js untuk merancang tata letak dan struktur aplikasi.
Membuat layout yang dapat digunakan kembali dan komponen global.

Jadwal

Sesi 1	Minggu, 12 Mei 2024	Membangun RESTful API yang Powerful dengan Go dan Framework Echo
Sesi 2	Minggu, 19 Mei 2024	Membuat Web App yang Elegan dan Responsif dengan Vue.js dan Vuetify
Sesi 3	Minggu, 26 Mei 2024	Membuat Aplikasi SPA (Single Page Application) dengan Vue.js dan SSR (Server-Side Rendering) Nuxt.js

Waktu	: 09:00 - 15:00 WIB
Lokasi	: Online via Google Meet / Zoom
Biaya	: Rp. 450.000 / sesi

Catatan:
- Training akan dijalankan dengan minimal jumlah peserta 3 pada setiap sesi.

Sertifikat Digital

Peserta akan mendapatkan sertifikat digital esklusif setelah menyelesaikan setiap sesi dalam workshop ini. Peserta akan mendapatkan sertifikat untuk setiap sesi yang diikuti

Apa Kata Mereka

“Saya masuk Program Android Basic di Rumah Coding selama 4 hari di setiap weekend. Dari segi fasilitasnya oke. Ada wifi dan tv led buat presentasi. Disana juga disediakan makanan ringan seperti gorengan permen dan kacang-kacangan dan juga makan siang. Tenaga pengajarnya juga oke. Dijelasin sampai paham.”

Angga Anantataqwa

PT. Anugrah Amal Citrabogatama

“Bagi kalian yang bingung cari tempat buat Coding saya saranin di Rumah Coding aja.. Tempat nya bagus materi yang di ajarkan nyampe.. Mentor mentor yang sdh berpengalaman.. Apalagi mas Rino.. Orangnya sangat muda tp jam terbang nya sudah luar biasa.. Salut dah buat rumah Coding.. Sukses selalu ya.. Semoga kedepannya lebih baik dan mengeluarkan anak didik yang berguna bagi Nusa dan bangsa..”

Marwan Ogabe

Kementrian Dalam Negeri

“Terima kasih untuk Rumah Coding atas ilmu & pengalamannya, terutama untuk mentor. Suasana kelas yang kondusif dan sesi Branstorming yang mudah dimengerti.”

Farros Aslam

PT Estetindo Global Indonesia

“Terima kasih untuk Rumah Coding atas ilmu dan pengalaman yang sangat berharga, pengajarnya baik dan sabar mau membimbing kita dari awal”

Dian Septiansyah

PT. Trans Retail Indonesia

“Rumah coding The Best beuttt Materi & cara jelasin dari trainer nya sangat berkesan & mudah difahami amaze juga sama trainer nya karena usia masih muda tapi skill & pengalaman tidak diragukan Sukses Teruss Rumah Coding!”

Gunawan Teguh S.

PT Hexpharm Jaya Laboratories

“The teaching was good, detailed, and very relaxed. Learning by creating something using the language is good for participants to follow up after the course. But I suggest participants should find out themselves before applying whether they already have the necessary basic knowledge or not, as Rumah Coding don’t prepare some kind of questionnaire and advices (which I believe they should).”

Donny Prasetya E.P.

PT. Sarana Energi Investama