Detail Materi Frond End

Berdasarkan laman Career Foundry, front end developer adalah mereka yang memiliki tanggung jawab dalam menghubungkan suatu situs website ataupun aplikasi dengan para penggunanya. Mereka akan membuat gambar, tombol, teks, dan juga menu serta interaksi antar setiap situs atau aplikasi dengan para pengguna. Oleh karena itu, mereka juga biasa dikenal dengan client-side. Front end adalah suatu hal yang tidak dibuat dengan merancang desain dari suatu situs ataupun aplikasi dari nol. Karena, pada dasarnya hal tersebut sudah dikerjakan oleh UI designer. Tugas front end adalah memindahkan desain yang dibuat oleh UI designer dalam bentuk yang lebih interaktif dan membuat desain tersebut menjadi lebih hidup. Nah, untuk membuat suatu situs website atau aplikasi, maka dibutuhkan juga seorang back end developer. Tugas mereka adalah memastikan semua hal yang dibuat oleh front end developer ataupun sistem dan server dibalik dibuatnya situs website atau aplikasi bisa bekerja sebagaimana mestinya. Mereka juga sering disebut dengan server-side. Back end sangat diperlukan karena mempunyai keahlian dalam mengolah suatu aplikasi atau situs website. Hal tersebut dikarenakan pengembangan dan juga perbaikan suatu situs website atau aplikasi akan terus terjadi seiring perkembangan waktu.

Dikelas ini kita akan belajar step by step membangun website landing page, Website Company Profile dan Banyak lagi yang tentunya menarik dan responsive

MENGGUNAKAN BAHASA PEMROGRAMAN


HTML 5

CSS3

Java Script

Bootstrap

Silabus Materi Frond End

# MATERI DURASI TARGET KEMAMPUAN PESERTA
1 Pengenalan Web Browser 120 Menit Memahami Tag HTML, Atrubut HTML & Element-Element HTML
2 Client-side vs Server-side language
3 HTML - CSS – Javascript
4 Aplikasi Editor HTML
5 Ekstensi VSCode
6 Pengenalan tag HTML5 serta studi kasus
7 StrukturHTML-Elemen HTML-Heading dan Paragraph
8 Atribut HTML-Elemen-elemen HTML
9 Anchor / Link-Images-Text Formatting-List & Tabel
10 Membuat Link dengan gambar 120 Menit Memahami Elemen HTML serta dasar CSS 3
11 Atribut Rowspan dan Colspan pada tabel
12 Pengenalan Form , Elemen dan atribut
13 Pengenalan Form-Atribut Action-Input Element Type Text (text box)
14 Atribut Value-Atribut Size-Atribut Readonly-Atribut Disabled
15 Input Element Type Submit-Input Element Type Password-Input Element Type Checkbox
16 Input Element Type Radio (radio button)-Select Element dan Option Element (menu dropdown)
17 Input Element Type Radio (radio button)-Select Element dan Option Element (menu dropdown)
18 Mengenal Struktur Halaman Web-Membuat Layout dengan Div Element
19 Contoh Layout Halaman HTML5 + CSS
20 Studi Kasus Bekerja di HTML dan CSS 120 Menit Peserta Mampu Membuat Halaman Landing Page
21 Menghbungkan Website dengan halaman Menu + Membuat Halaman Baru 120 Menit Peserta Mampu Membuat Menghubugkan anatar file untuk menu + Link
22 Pengenalan syntax JavaScript 120 Menit Peserta memahami alur kerja javascript
23 Membuat Form sederhana + Intip Password dengan JavaScript 120 Menit Peserta memahami syntax dasar JavaScript
24 Pengenalan Bootsrap + Studi Kasus 120 Menit Peserta memahami alur kerja Framework Bootsrap
25 Membuat Halaman Index & Admin dengan Bootsrap 120 Menit Peserta mampu membuat web yang full responsive menggunakan Bootsrap
26 Bimbingan Project Akhir 360 Menit Peserta mampu membuat web yang full responsive menggunakan Bootsrap
26 Upload Website ke Internet + cara sewa Domain & Hosting 120 Menit Peserta Mampu mengupload website ke Internet Sebagai salah satu syarat kelulusan

LIHAT PERTANYAAN UMUM YANG SERING DITANYAKAN