NGOBAR #4 : MEMBUAT WEBSITE menggunakan BOOTSTRAP 4 (Bagian 1)

NGODING BARENG lagi!!!

Di video ini kita akan bareng2 membuat website sederhana menggunakan Bootstrap versi 4.

ini merupakan bagian dari kegiatan workshop “Membuat website menggunakan HTML, CSS dan Framework Bootstrap 4” yang diselenggarakan oleh Program Studi Teknik Informatika UNiversitas PASundan Bandung untuk siswa-siswa SMK di Kota Bandung.

kalo kalian siswa smk dan ingin mengikuti kegiatasn workshop (web, networking, game, internet marketing) di IF UNPAS, silahkan hubungi :

http://if.unpas.ac.id
IG / LINE : @informatikaunpas


DOWNLOAD FILE :
https://www.dropbox.com/s/ylzw5kkscknqem3/portfolio.zip?dl=0


Dokumentasi Bootstrap 4:
http://getbootstrap.com


NGOBAR Sebelumnya:

NGOBAR #1

NGOBAR #2

NGOBAR #3


PLAYLIST LAIN:

– HTML Dasar

– CSS Dasar

– Tutorial Sublime Text

– CSS Layouting

– Dasar Pemrograman dengan JAVASCRIPT

– Belajar PHP untuk Pemula


MEDIA SOSIAL

– http://instagram.com/sandhikagalih
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas
– https://github.com/webprogrammingunpas
– http://twitter.com/sandhikagalih


UNIVERSITAS PASUNDAN BANDUNG

Depan


http://www.if.unpas.ac.id/

terimakasih dan selamat #ngoding!

@sandhikagalih

CSS GRID | #5 Grid Area & Grid Gap

Membahas mengenai property pada grid container yaitu grid template areas dan grid gap


Download Code & Slide :
https://github.com/sandhikagalih/belajar-css-grid


Video Sebelumnya :


Sumber Belajar CSS GRID
1. CSS Tricks

A Complete Guide to Grid

2. MDN
https://developer.mozilla.org/en-US/docs/Web/CSS/grid

3. Morten Rand-Hendriksen: CSS Grid Changes Everything


🔥 Kelas Online “Menjadi FullStack Web Designer” 🔥
👉🏼 https://fullstackdesigner.id 👈🏼


Support Channel WebProgrammingUNPAS dengan berdonasi ke :
https://saweria.co/sandhikagalih


Yang Harus kalian pelajari sebelum ini :

– HTML Dasar

– CSS Dasar

– CSS Layouting

– CSS3

– Membuat Website Untuk Pemula

– NGOding BAReng

– FlexBox


FOLLOW ME
– http://instagram.com/sandhikagalih
– http://twitter.com/sandhikagalih
– https://github.com/sandhikagalih
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas


UNIVERSITAS PASUNDAN BANDUNG

Depan


http://www.if.unpas.ac.id/

terimakasih dan selamat #ngoding!

@sandhikagalih

WPU x KELASTERBUKA : Tetap Produktif Belajar / Bekerja Di Rumah

Ngobrol2 bersama Kang Pukis dari KelasTerbuka mengenai tips2 agar tetap produktif meskipun kita sedang #dirumahaja


Kelas Terbuka
https://www.youtube.com/kelasterbuka
https://www.instagram.com/kelasterbuka/


🔥 Kelas Online “Menjadi FullStack Web Designer” 🔥
👉🏼 https://fullstackdesigner.id 👈🏼


Support Channel WebProgrammingUNPAS dengan donasi ke :
– https://saweria.co/sandhikagalih
– https://karyakarsa.com/sandhikagalih


PLAYLIST TUTORIAL PEMROGRAMAN WEB

– Dasar Pemrograman dengan JAVASCRIPT

– JAVASCRIPT dan DOM (Document Object Model)

– JAVASCRIPT Lanjutan

– HTML Dasar

– CSS Dasar
https://www.youtube.com/edit?o=U&video_id=hehfb2oz8xI&ar=3

– CSS Lanjutan

– CSS Layouting

– CSS3


FOLLOW ME

– http://instagram.com/sandhikagalih
– https://github.com/sandhikagalih
– http://twitter.com/sandhikagalih
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas


UNIVERSITAS PASUNDAN BANDUNG

Depan


http://www.if.unpas.ac.id/

APA ITU FLEXBOX? | Bagian 2 – Latihan

Kali ini kita akan melanjutkan materi FlexBox kita sebelumnya dengan menerapkannya pada 5 buah latihan sederhana.

Video Sebelumnya :


🔥 Kelas Online “Menjadi FullStack Web Designer” 🔥
👉🏼 https://fullstackdesigner.id 👈🏼

Sumber Belajar FlexBox :
– https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
– https://css-tricks.com/snippets/css/a-guide-to-flexbox/


Yang harus dipelajari :

– HTML Dasar

– CSS Dasar

– CSS Layouting

– CSS3

– Membuat Website Untuk Pemula

– NGOding BAReng


FOLLOW ME
– http://instagram.com/sandhikagalih
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas
– https://github.com/sandhikagalih
– http://twitter.com/sandhikagalih


UNIVERSITAS PASUNDAN BANDUNG

Depan


http://www.if.unpas.ac.id/

terimakasih dan selamat #ngoding!

@sandhikagalih

HTML Dasar – Hello World #1

HTML dasar kali ini kita ga bakal bahas banyak. kita bakal mulai ngenalin gimana caranya kalian bisa buat kode html, jadi tutorial ini cocok banget nih buat pemula. untuk menjadi seorang programer kalian cukup punya notepad sama browser. ga percaya?

yap. kalian bisa web programing cuman modal notepad sama internet browser. di video kali ini kita bakal buat hello world ya, tapi versi html nya.

bagi kalian yang tertarik belajar web indonesia boleh banget buat subscribe ke channel ini supaya bisa belajar html mudah.

NGOBAR #22 – Membuat GAME “Pukul Tikus Tanah” (Whack-a-Mole) menggunakan JAVASCRIPT

UpCloud : https://upcloud.com/signup/?promo=wpu
KODE PROMO $50 : WPU (gunakan saat mendaftar)

Di video kali ini kita akan membuat ulang GAME sederhana yang sudah pernah dibuat oleh WesBos, yaitu game Whack-a-Mole atau “Pukul Tikus Tanah”

Game sederhana ini dibuat dengan menggunakan Vanilla Javascript (Javascript Murni) tanpa ada bantuan dari library / framework lain, dengan menerapkan apa yang sudah kita pelajari sebelumnya di playlist Javascript Lanjutan


WesBos

home

Javascript30
https://javascript30.com/


KELAS PREMIUM “Full-Stack Designer”
http://fullstackdesigner.id


Yang harus kalian pelajari sebelum ini :

– Dasar Pemrograman dengan JAVASCRIPT

– JAVASCRIPT dan DOM (Document Object Model)

– JAVASCRIPT Lanjutan

– HTML Dasar

– CSS Dasar
https://www.youtube.com/edit?o=U&video_id=hehfb2oz8xI&ar=3

– CSS Lanjutan

– CSS Layouting

– CSS3


MEDIA SOSIAL

– http://instagram.com/sandhikagalih
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas
– https://github.com/sandhikagalih
– http://twitter.com/sandhikagalih


UNIVERSITAS PASUNDAN BANDUNG

Depan


http://www.if.unpas.ac.id/

terimakasih dan selamat #ngoding!

@sandhikagalih

Membuat List HTML – Belajar Web (13/100)

Belajar membuat website dari dasar sampai mahir. Ini adalah video ke-13 dari 100 video yang direncanakan.

Di video kali ini kita akan belajar membuat list. Ada beberapa macam bentuk list yang bisa kita buat menggunakan HTML, diantaranya adalah list lingkaran, list angka, list huruf, list romawi, dll. Yuk belajar cara membuat list di HTML sekarang.

#BelajarWeb #CaraMembuatWebsite #BelajarHTML #HTMLdasar #ListHTML

———————————————————————————————-
Playlist 100 Hari Jago Web: https://www.youtube.com/playlist?list=PLNuPCSS–FFqjccYQYiWAXV5ugryAgXQW
FB group: https://facebook.com/groups/cafebisnis
Telegram: https://t.me/joinchat/CQxohAN62O0GXG_xh1EbRA