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

HTML Dasar : Hyperlink (8/13)

Mari belajar mengenai Hyperlink, hal yang penting dalam HTML, karena tidak akan ada web jika tidak ada hyperlink.

pada video ini kita akan belajar mengenai bagaimana cara membuatnya, apa tag yang digunakan, dan apa kegunaannya.

DOWNLOAD SLIDE :

Follow juga akun media sosial kita yang lain :

– https://www.facebook.com/WebProgrammingUNPAS
– http://twitter.com/pw1unpas
– http://instagram.com/webprogrammingunpas

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/

REST API #1 APA ITU API ?

Ini adalah awal dari sebuah Seri / Playlist baru mengenai REST API dan di video ini kita akan bahas dulu mengenai apa itu API.


Ikuti Kelas Online “Menjadi Seorang FullStack Designer dalam 15 Hari”
http://fullstackdesigner.id


Beli Hosting & Domain di NIAGAHOSTER
KODE KUPON DISKON 10% : WPUNPAS (gunakan saat checkout)
NiagaHoster : http://bit.ly/2Jx5jDV


Definisi :
1. API
https://en.wikipedia.org/wiki/Application_programming_interface
2. Interface
https://en.wikipedia.org/wiki/Interface_(computing)


Apa yang harus dipelajari sebelum ini :
– Javascript Dasar

– Javascript & DOM

– PHP DASAR

– OOPHP

– PHP MVC

– CodeIgniter

PLAYLIST LAIN:

– HTML Dasar

– CSS Dasar

– Tutorial Sublime Text

– CSS Layouting


MEDIA SOSIAL

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


UNIVERSITAS PASUNDAN BANDUNG

Depan


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

terimakasih dan selamat #ngoding!

@sandhikagalih

Belajar PHP untuk PEMULA | 7. ARRAY

Array adalah salah satu materi yang paling penting di dalam bahasa PHP. Pada pertemuan ke-5 kita kali ini, kita akan membahas mengenai cara membuat, memanipulasi dan menampilkan array ke halaman web kita.


ARRAY pada JAVASCRIPT :

– Pendahuluan

– Manipulasi Array


PLAYLIST LAIN:

– Javascript Dasar

– HTML Dasar

– CSS Dasar

– Tutorial Sublime Text

– CSS Layouting


MEDIA SOSIAL

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


UNIVERSITAS PASUNDAN BANDUNG

Depan


terimakasih dan selamat #ngoding!

@sandhikagalih

Belajar PHP untuk PEMULA | 24. WEB HOSTING & DOMAIN NAME GRATIS

Akhirnya kita sampai pada topik yang sepertinya ditunggu2 rekan2 sekalian, yaitu bagaimana membuat website kita bisa diakses di internet oleh siapapun dan darimanapun.. kali ini kita akan coba menggunakan layanan WEB HOSTING dan NAMA DOMAIN yang GRATIS!!


– Web Hosting
https://infinityfree.net/

– Domain Name
http://www.freenom.com


Ikuti Kelas Online “Menjadi Seorang FullStack Designer dalam 15 Hari”
http://fullstackdesigner.id


Beli Hosting & Domain di NIAGAHOSTER
KODE KUPON DISKON 10% : WPUNPAS (gunakan saat checkout)
NiagaHoster : http://bit.ly/2Jx5jDV


PLAYLIST PHP DASAR UNTUK PEMULA


PLAYLIST LAIN:

– Javascript Dasar

– HTML Dasar

– CSS Dasar

– Tutorial Sublime Text

– CSS Layouting


MEDIA SOSIAL

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


TEKNIK INFORMATIKA
UNIVERSITAS PASUNDAN BANDUNG

http://if.unpas.ac.id


terimakasih dan selamat #ngoding!

@sandhikagalih