Bagian 1: Persiapan Instalo Software Text Editor Mempersiapkan Direktori Assets Project ( CSS, JS, Images Dan lain-lain )
Bagian 2 : Halaman Utama Menghubungkan Halaman HTML Dengan CSS Pembuatan External File CSS Baru Membuat File CSS Dan Menghubungkannya Dengan HTML Membuat file Javascript Pada HTML Instalo Font Website Pada File CSS Belajar Menggunakan Font-awesome Untuk Icon Desain Web Pembuatan Container Sebagai Titik Tengah Dari Website Pembuatan Header Pada Halaman Website Membuat Logo Pribadi Pada Halaman Website Membuat Menu Primary Pada Bagian Header Pembuatan Dropdown Menu Pada Bagian Header Membuat Menu Cart atau Keranjang Belanja Pada Bagian Header Pembuatan Header Yang Kecil Membuat Form Search Pada Bagian Header Yang Kecil Membuat menu login dan register
Membuat Slider Pada index.html Belajar Tentang Library Jquery Mengkostum Tombol Prev Dan Next Pada Slider Pembuatan kontent Produk Pada Halaman Web Menggunakan Matematika Untuk Grid Konten Memasukan Gambar Pada HTML Dan Mengaturnya Pada CSS Pembuatan Paging Indikator Pada Content Product Pembuatan Halaman Testimonial Pembuatan Footer Yang Digunakan Untuk Copyright
Pembuatan dokumen baru yang akan digunakan sebagai detail produk yaitu detail.html ini membahas : Bagian 3 : Halaman Detail Membuat judul, harga, deskripsi produk Membuat menu-menu penting dalam toko online (add to cart, report, add to wishlist) Pembuatan bagian review pada halaman detail produk sebagai testimonial atau review dari produk tertentu. Membuat form untuk Membuat review dari pembeli atau pelanggan.
Pembahasan akhir dari pelajaran sila pertama ini membahas tentang : Bagian 4 : Halaman Detail 2 Pembuatan halaman hasil pencarian Pembuatan Halaman Kategori Dari Produk Tertentu