Home » Pengantar HTML, CSS, dan JavaScript dari awal untuk pemula Web Development Guide Kursus Gratis Udemy

Pengantar HTML, CSS, dan JavaScript dari awal untuk pemula Web Development Guide Kursus Gratis Udemy

 

Pengantar HTML, CSS, dan JavaScript dari awal

Pelajari keterampilan pengembangan web langsung di dunia nyata | Buat 7 Aplikasi

Apa yang akan Anda pelajari

☑ Memahami konsep inti HTML

☑ Memahami konsep inti CSS

☑ Pahami konsep inti JavaScript

☑ Buat Struktur Dokumen HTML

☑ Gaya elemen HTML dengan CSS

☑ Ciptakan interaktivitas dengan JavaScript

☑ Buat situs web dasar

☑ Buat aplikasi web

Topik

JAVASCRIPT

CSS

HTML

Deskripsi

Kursus pengantar HTML, CSS dan JavaScript ini sangat penting bagi siapa saja yang ingin menjadi pengembang web ..

Ketiga teknologi ini adalah keterampilan yang harus dipelajari dan dimiliki setiap pengembang web.

HTML: Digunakan untuk membuat konten

CSS: Digunakan untuk menyajikan konten

JavaScript: Digunakan untuk membuat interaksi

Mereka adalah blok bangunan dari semua situs web dan proyek berbasis web.

Kursus ini akan mengajarkan Anda dasar-dasar dari ketiga teknologi ini dengan membuat situs web satu halaman dasar dan 7 proyek lainnya.

Apa yang akan Anda pelajari meliputi:

Pengantar HTML dasar

Membuat situs web yang sangat dasar

Merencanakan situs web dasar

Merakit file dan folder

Apa itu HTML

Struktur dokumen HTML

Anatomi elemen HTML

Menandai teks

Tautan

Menggunakan komentar

Atribut HTML

Pengantar CSS dasar

Apa itu CSS

Cara menerapkan CSS

Set Aturan CSS

Pemilih dasar CSS

Styling banyak elemen

Model Kotak CSS

Menggunakan properti margin dan padding

Mengubah warna latar belakang

Properti CSS Display

Properti Font CSS

Menggunakan font google

Pengantar JavaScript dasar

Apa itu JavaScript

Di mana menempatkan JavaScript

Variabel

Jenis Data

Operator

Prioritas operator

Menggunakan Conditionals

Fungsi

Acara

Menggunakan alat Linting

Menambahkan pengubah gambar

Menambahkan pesan yang dipersonalisasi

Proyek yang akan kami buat:

TodoList

Kalkulator

Kuis interaktif

Penggeser gambar

Penghitung waktu mundur

Alat pengubah berat

Kalkulator pinjaman

Kandungan

Mulai

pengantar

Bahasa Pengembangan Web Inti

Editor Teks

Browser Web

Merencanakan proyek web

Membuat sketsa desain Anda

Membuat file dan folder untuk proyek web Anda

Lab Online Gratis

pengantar

JSBIN

JSFIDDLE

CODEPEN

DABBLET

PLUNKER

LIVEWEAVE

Pengantar HTML

Apa itu HTML

Anatomi Elemen HTML

Dokumen HTML -Struktur dasar

Membangun struktur dokumen HTML dasar -Bagian 1

Membangun struktur dokumen HTML dasar -Bagian 2

Membangun struktur dokumen HTML dasar -Bagian 3

Apa itu Atribut

Cara Menandai Teks

Cara membuat Link

Menambahkan komentar ke kode HTML Anda

Apa itu kode sumber

Pengantar CSS

Apa itu CSS

Metode penerapan CSS

Cara mengatur gaya beberapa properti

Cara memberi gaya pada banyak elemen

Cara memodifikasi CSS Anda

Pemilih CSS Dasar

Model Kotak CSS

Properti Padding dan Margin CSS

Properti latar belakang CSS

Menggayai judul halaman web

Properti Font CSS

Properti CSS Display

Menjelajahi dan menggunakan Google Fonts

Menambahkan komentar ke Kode CSS

Pengantar JavaScript

Apa itu JavaScript

Konsol pengembang

Tempat Menempatkan JavaScript

Sintaks JavaScript

Apakah pernyataan itu

Apa ekspresi

Apa Variabel

Konvensi Penamaan Variabel

Apa itu Array

Jenis Data

Mencampur Jenis Data

Operator

Operator Aritmatika

Operator Penugasan

Prioritas Operator

Operator Perbandingan

Operator Logis

Pernyataan bersyarat

Fungsi

Alat linting

Acara

Menambahkan Pengubah Gambar

Memperbaiki masalah linting – bagian 1

Memperbaiki masalah linting – bagian 2

Menambahkan pesan selamat datang ke halaman web

Menambahkan komentar ke Kode JavaScript

Proyek 1: Membangun Kalkulator Web Dasar

Apa yang akan kami buat

Desain dan sketsa proyek

Buat direktori dan file

Membuat struktur dengan HTML – Bagian 1

Membuat struktur dengan HTML – Bagian 2

Tambahkan fungsionalitas dengan JavaScript

Tambahkan gaya dengan CSS

Proyek 2: Buat Aplikasi Web TodoList

Apa yang akan kami buat

Buat direktori dan file proyek

Buat struktur dengan HTML

Tambahkan gaya dengan CSS

Tambahkan fungsionalitas dengan JavaScript – Bagian 1

Tambahkan fungsionalitas dengan JavaScript – Bagian 2

Proyek 3: Bangun Penggeser Gambar

Apa yang akan kami buat

Membuat direktori dan file

Membuat struktur dengan HTML

Tambahkan gaya dengan CSS

Tambahkan fungsionalitas dengan JavaScript

Proyek 4: Buat Kalkulator Pinjaman

Apa yang akan kami buat

Membuat direktori dan Struktur

Menambahkan logika dengan JavaScript

Menambahkan gaya dengan CSS

Proyek 5: Buat Timer Hitung Mundur Acara

Apa yang akan kami buat

Gambaran

Membuat direktori dan file

Membuat struktur dengan HTML

Tambahkan gaya dengan CSS

Tambahkan fungsionalitas dengan JavaScript

Proyek 6: Buat Aplikasi Web Kuis Interaktif

Apa yang akan kami buat

Gambaran

Membuat direktori dan file

Membuat struktur proyek dengan HTML

Tambahkan gaya dengan CSS

Menambahkan fungsionalitas dengan JavaScript – Bagian 1

Menambahkan fungsionalitas dengan JavaScript – Bagian 2

Proyek 7: Membuat Aplikasi Web Konversi Berat

Apa yang akan kami buat

Membuat direktori dan struktur dengan HTML

Menambahkan fungsionalitas dengan JavaScript

Tambahkan gaya dengan CSS

Mengonversi Pound ke Kilogram

ENROLL NOW