Dokumen ini membahas tentang desain dan pembuatan sebuah website trailer film menggunakan teknologi Vue JS. Website ini dirancang untuk memudahkan pengguna mengetahui detail dan trailer film sebelum menontonnya di bioskop. Website ini memiliki fitur utama seperti genre film, jadwal film terbaru, dan halaman film detail beserta trailer-nya.

1. Trailer Movies Websites
Dzikri Ardafi
Understand Everything About Vue JS Front End Engineer (B)

2. 2
Latar
Belakang
Mengurangi kontak fisik agar
penyebaran virus covid 19
dapat di kurangi
Membantu masyarakat dalam
mengetahui detail dan trailer
dari suatu film sebelum
mereka pergi ke bioskop

3. Apa yang akan dibahas?
3
Desain
Figma
Tools
Struktur
Program
Produk
Sukses
Framework
Proyek
Struktur
Alur
Kode
GraphQL
Deployment

4. Home Page
Genre
Up Coming
All Movies
View All
- Top Movies
- Indonesia Movies
- For Kids
4
Desain
Figma

5. 5
Color
Paleet
Blue Vermilion Dark Green Black

6. Movie Page
Genre
Up Coming
Home
*Poster Film
6
Desain
Figma

7. Detail Movie
Genre
Up Coming
Home
Watch Trailer
7
Desain
Figma

8. Tool
s
Visual Studio Code
Mozilla Firefox
Vuetify.js
Git Hub
Figma

9. 9
Produk
Sukses

10. 10
Framewor
k
Vue JS adalah library Javascript yang
digunakan untuk membuat tampilan
interface sebuah website yang
interaktif. Pada dasarnya, fitur utama
dari Vue JS lebih fokus pada rendering
dan komposisi element. Namun, untuk
membuat aplikasi yang lebih kompleks,
Anda akan membutuhkan routing, state
manajemen, template, build-tool, dan
lain-lain.

11. asset
components
gql
-TopMovies.gql
pages
- Action Page
- Top Movies
Page
layouts
static
store
11
Proyek
Struktur

12. 12
Alur
Kode

13. 13
GraphQ
L

14. 14
Bagian
Menantang
Karena saya yg bukan dari
jurusan IT, bagi saya bagian
paling menantang yaitu
memahami yang kode kode
yang digunakan
Fail
Features
Search Engine Movie
Login User
Add to dan Watch Later
Features
Development
Fix fail features

15. 15
Deploymen
t
Movies (moviezik.vercel.app)

16. 16
Terima
Kasih