CODING MUM

Home	Lesson 01	Lesson 02	Lesson 03	Lesson 04	Lesson 05	Lesson 06	Lesson 07	Presentasi

---

LESSON 01: INTERNET DAN WEB DEVELOPMENT

Objectives:

1. Peserta mampu memetakan dan membedakan berbagai macam teknologi dalam pembuatan website.
2. Peserta mampu mengenali struktur dasar layout dalam suatu website.
   • Header
   • Navigation
   • Content
   • Sidebar
   • Footer
3. Persiapan untuk kelas berikutnya.

File

• Slide materi LESSON 01: INTERNET DAN WEB DEVELOPMENT

---

LESSON 02: PENGENALAN HTML DAN CSS

Objectives:

1. Peserta mampu membuat HTML dasar dengan text editor.
   • Title
   • Heading
   • Image
   • Paragraph
   • Links
2. Peserta memahami cara menyisipkan CSS pada sebuah halaman HTML.
   • Inline
   • Internal
   • Eksternal

File

• Slide materi LESSON 02: PENGENALAN HTML DAN CSS

---

LESSON 03: PEMBAHASAN LEBIH RINCI TENTANG HTML

Objectives:

1. Peserta mengerti perintah untuk menyisipkan icon, meta data, video, list, dan line break.
2. Peserta mengerti struktur website dibentuk dari HTML div.
3. Peserta mampu memahami box model pada CSS.

File

• Slide materi LESSON 03: PEMBAHASAN RINCI HTML

---

LESSON 04: PEMBAHASAN LEBIH RINCI TENTANG CSS

Objectives:

1. Peserta mengetahui cara menyisipkan CSS pada halaman HTML secara eksternal.
2. Peserta mengetahui selector dan property CSS.

File:

• Slide materi LESSON 04: PEMBAHASAN LEBIH RINCI CSS

---

LESSON 05: BOOTSTRAP

Objectives:

1. Perkenalan tentang Bootstrap.
2. Peserta mampu mengerti penggunaan Bootstrap.
3. Peserta mengerti konsep responsive dengan menggunakan Bootstrap.
4. Membuat layout website dengan menggunakan Bootstrap.

File:

• Slide materi LESSON 05: FRAMEWORK BOOTSTRAP

---

LESSON 06: PERSONAL PROJECT

Objectives:

1. Peserta mulai mengerjakan Personal Project.

---

LESSON 07: DOMAIN, HOSTING AND GITHUB

Objectives:

1. Peserta mampu membedakan antara domain dan hosting.
2. Peserta mampu mengunggah website ke hosting.
3. Peserta mampu menggunakan Github sebagai tempat penyimpanan kode dan hosting statis. (optional)

---

LESSON 8: PRESENTATION

Assessment:

1. Code
2. Functionality
3. Information Architecture (IA)
4. User Interface (UI)
5. User Experience (UX)

---

Home	Lesson 01	Lesson 02	Lesson 03	Lesson 04	Lesson 05	Lesson 06	Lesson 07	Presentation