- Видео 15
- Просмотров 21 875
Tikbra Muhammad
Индонезия
Добавлен 28 июн 2022
Tutorial Membuat Top Navigation Website HTML & CSS
Hi semuanya, kali ini kita membuat navigasi bar transparan menggunakan konsep flexbox yang lebih mudah dibandingkan menggunakan float. dilengkapi dengan file condingan dan source-nya.
🔗 Source code + image
github.com/tikbramuhammad/top-navbar
🔗 link menuju dokumentasi flexbox
www.w3schools.com/css/css3_flexbox.asp
🔗 Import Fonts :
fonts.google.com/specimen/Poppins
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💸 Donasi :
Saweria : sociabuzz.com/tikbramuhammad_...
Terimakasih sudah menonton 🙏
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#navbar #topnavbar #navbarhtmlcss #html #html5 #css #css3 #flex #flexbox #tutorial #tikbra ...
🔗 Source code + image
github.com/tikbramuhammad/top-navbar
🔗 link menuju dokumentasi flexbox
www.w3schools.com/css/css3_flexbox.asp
🔗 Import Fonts :
fonts.google.com/specimen/Poppins
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
💸 Donasi :
Saweria : sociabuzz.com/tikbramuhammad_...
Terimakasih sudah menonton 🙏
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#navbar #topnavbar #navbarhtmlcss #html #html5 #css #css3 #flex #flexbox #tutorial #tikbra ...
Просмотров: 296
Видео
Pertama kali nyobain soal latihan PHP Dasar di website w3schools| Bahasa Indonesia
Просмотров 220Год назад
Halo temen-temen kali ini kita belajar menyelesaikan soal PHP di Website w3schools yg sangat legend sekali dan lengkap sekali dokumentasinya.. 🔗 Video sebelumnya ngerjain soal Javascirpt ruclips.net/video/T-IZoRjgzf0/видео.html 🔗 Video sebelumnya ngerjain soal HTML ruclips.net/video/BkRYh1he_-A/видео.html 🔗 Video sebelumnya ngerjain soal CSS ruclips.net/video/FR7dRt-chXw/видео.html 🔗 Websitenya...
Membuat Design Layout Website sederhana dengan HTML dan CSS | Tutorial Layouting CSS
Просмотров 18 тыс.Год назад
Hi Temen-Temen, di video ini kita akan mengimplementasikan design css layouting sederhana menggunakan konsep flexbox. 🔗 Video sebelumnya ngerjain soal Javascript ruclips.net/video/leM9jf5EMU4/видео.html 🔗 Video sebelumnya ngerjain soal HTML ruclips.net/video/BkRYh1he_-A/видео.html 🔗 Video sebelumnya ngerjain soal CSS ruclips.net/video/FR7dRt-chXw/видео.html - - - - - - - - - - - - - - - - - - -...
Bahas sampai selesai soal latihan JavaScript Dasar | Bahasa Indonesia
Просмотров 157Год назад
Halo temen-temen kali ini kita melanjutkan video sebelumnya, dimana kita akan menyelesaikan soal-soal JavaScript di Website w3schools yg sangat legend sekali.. 🔗 Video sebelumnya ngerjain soal CSS ruclips.net/video/leM9jf5EMU4/видео.html 🔗 Video sebelumnya ngerjain soal HTML ruclips.net/video/BkRYh1he_-A/видео.html 🔗 Video sebelumnya ngerjain soal CSS ruclips.net/video/FR7dRt-chXw/видео.html 🔗 ...
Bahas 29 soal latihan JavaScript Dasar | Bahasa Indonesia
Просмотров 105Год назад
Halo temen-temen kali ini kita belajar bareng-bareng ngerjain soal-soal mengenai Javascript 🔗 Video sebelumnya ngerjain soal HTML ruclips.net/video/BkRYh1he_-A/видео.html 🔗 Video sebelumnya ngerjain soal CSS ruclips.net/video/FR7dRt-chXw/видео.html 🔗 Websitenya disini www.w3schools.com/ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💸 Donasi : Saweria : soci...
4 Menit tahu bedanya HTML, CSS, dan Javascript
Просмотров 33Год назад
Hi Temen-Temen, di video ini kita akan membahas mengenai perbedaan dan kegunaan HTML, CSS, dan Javascrip pada sebuat website. 💸 Donasi : Saweria : sociabuzz.com/tikbramuhammad Terimakasih sudah menonton 🙏 #programming #frontend #belajarhtml #belajarcss #belajarjavascript #htmlcssjavascript
Tutorial Membuat Simple Hamburger Menu Animated Menggunakan HTML, CSS, JavaScript
Просмотров 2,9 тыс.Год назад
Hi Temen-Temen, di video ini kita akan membuat Hamburger Menu yang cocok untuk dijadikan button menu pada navbar kalian. 🔗 Source code github.com/tikbramuhammad/simple-hamburger-menu 💸 Donasi : Saweria : sociabuzz.com/tikbramuhammad_... Terimakasih sudah menonton 🙏
Ngerjain Soal Latihan Coding CSS Level Cupu | Part 1
Просмотров 58Год назад
Halo temen-temen kali ini kita belajar bareng-bareng ngerjain soal-soal mengenai CSS buat pemula 🔗 Video sebelumnya ngerjain soal HTML ruclips.net/video/BkRYh1he_-A/видео.html 🔗 Websitenya disini www.w3schools.com/ 💸 Donasi : Saweria : sociabuzz.com/tikbramuhammad_... Terimakasih sudah menonton 🙏 #programming #tutorial #coding #css #css3 #tutorialcoding #tutorialcss #belajarcss #belajarhtml #ja...
Belajar Soal Latihan Coding HTML Untuk Pemula | Part 1
Просмотров 116Год назад
Halo temen-temen kali ini kita belajar bareng-bareng ngerjain soal-soal mengenai HTML buat pemula 🔗 Websitenya disini www.w3schools.com/ ⏱ Timestamps 00:00 Intro 01:05 HTML Attributes 03:41 HTML Headings 09:28 HTML Styles 13:43 Penutup 🎵 Musik - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Judul : So Good - LiQWYD Channel : Audio Library - Music for content ...
Tutorial Membuat Responsive Website Landing Page Menggunakkan HTML, CSS & Javascript | Part 2
Просмотров 49Год назад
Hi Temen-Temen, di video ini kita akan membuat Website Landing Page menggunakan HTML, CSS, dan Javascript (sedikit).. 🔗 Tonton Part Sebelumnya Disini ruclips.net/video/vwt2n6KxRQA/видео.html 📂 File github.com/tikbramuhammad/landing-page-pepsi1/tree/main/img 🔗 Source code github.com/tikbramuhammad/landing-page-pepsi1 ⏱ Timestamps 00:00 Preview 00:35 Perkenalan 01:05 Mulai Menambahkan Fitur 07:31...
Tutorial Membuat Website Landing Page Menggunakkan HTML, CSS & Javascript | Bahasa Indonsia
Просмотров 95Год назад
Hi Temen-Temen, di video ini kita akan membuat Website Landing Page menggunakan HTML, CSS, dan Javascript (sedikit).. 📂 File github.com/tikbramuhammad/landing-page-pepsi1/tree/main/img 🔗 Source code github.com/tikbramuhammad/landing-page-pepsi1 ⏱ Timestamps 00:00 Loading Animation Preview 00:18 Perkenalan 00:52 Membuat Struktur HTML 02:54 Memberi Style CSS 10:24 Menambahkan Javascript 13:03 Pen...
Tuotrial Membuat Responsive Comments Card Menggunakan HTML5 & CSS3 | Bahasa Indonesia
Просмотров 46Год назад
Hi Temen-Temen, di video ini kita akan membuat Comments Card / Kartu Komentar Menggunakan HTML5 & CSS3 📂 File github.com/tikbramuhammad/Testiominal-Cards/tree/main/img 🔗 Source code github.com/tikbramuhammad/Testiominal-Cards ⏱ Timestamps 00:00 Preview Testimonial Cards 00:29 Perkenalan 00:54 Disclaimer 01:11 Membuat Struktur HTML 01:45 Memberi Style CSS 04:26 Show Previes Cards 04:42 Penutup 🎵...
Tutorial Membuat Halaman Login Modern Menggunakan HTML CSS | Bahasa Indonesia
Просмотров 89Год назад
Hi Temen-Temen, di video ini kita akan membuat Pulse Loading Animation menggunakan CSS. 📂 File ... 🔗 Source code github.com/tikbramuhammad/login-form-page ⏱ Timestamps 00:00 - Pendahuluan 00:34 - Perkenalan 00:51 - Disclaimer 01:08 - Agenda 01:31 - Membuat Struktur HTML 02:50 - Memberi Style CSS 10:06 - Penutup 🎵 Musik - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ...
Tuotial membuat kalkulator sederhana menggunakan PHP | Bahasa Indonesia
Просмотров 105Год назад
Hi Temen-Temen, di video ini kita akan membuat Kalkulator menggunakan PHP. 📂 File ... 🔗 Source code github.com/tikbramuhammad/simple-calculator-php ⏱ Timestamps 00:00 - Preview Calculator 00:07 - Perkenalan 00:21 - Disclaimer 00:38 - Agenda 00:54 - Membuat Project 01:39 - Membuat Struktur HTML 02:49 - Memberi Style CSS 06:29 - Menabahkan Logic PHP 07:56 - Mencoba Kalkulator 08:27 - Penutup 🎵 Mu...
CSS Pulse Loading Animation
Просмотров 39Год назад
Hi Temen-Temen, di video ini kita akan membuat Pulse Loading Animation menggunakan CSS. 📂 File ... 🔗 Source code github.com/tikbramuhammad/CSS-Pulse-Loading-Animation ⏱ Timestamps 00:00 - Loading Animation Preview 00:02 - Perkenalan 00:15 - Disclaimer 00:32 - Mulai Membuat Project 01:46 - Preview 02:12 - Penutup 🎵 Musik - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -...
cara menambahkan biar kalo di pencet masuk ,bisa masuk web gmn.?, 🙏
Bisa pake plugin live server ya
@@tikbramuhammadd kan itu tulisan login., terus saat di pencet pindah contohnya ke web dpr.id , 🙏
Bg misalnya sidebar nya kiri kanan kodingannya gimana, Kodingan sidebarnya 2 kemudian content atau sidebar content baru sidebar lagi
Ini layoutnya flexbox ngak bang?
Kenapa gk pakai semantic bang header dan nav nya?
bang,lanjut lagilah ngontennya
Mantapppppp
simpel dan mudah di pahami utk orang awam seperti saya terimakasih bang
Semangat bang
Cara nambahin daftarnya gimana bang
Makasi bro
buat tutorial pribadi mas.. diakhir materi kasih PR...
saran mas kasih PR atau Tugas...buat tugas seperti yang ada di video...dengan tampilan yang beda.. biar pada ngerti bukan hanya teori aja
kasih latihan untuk PR mas .. disetiap akhir materi .. biar kita enggak tau teori aja tapi bisa latihan pribadi
Simpel dan mudah di pahami.. Lanjutkan
Upload lagi lanjutannya bg
Cakep bg
saran bang, tiap2 perintah cssnya dijelasin bang biar yg pemula bisa ngerti.. seperti flex-wrap itu apa, dll.. makasih bang
Sengat terus bang , sehat sukses selalu🙏🙏
bang ada file kodingan nya ga
Ada bro : github.com/tikbramuhammad/design-layout, besok tonton video terbaruku upload jam 12 siang
Terima kasih Bang Semangat, 🔥💯
sama-sama semoga bermanfaat 🙏 Jangan lupa subscribe, buat dapet update konten terbaru!!