Share Bootstrap: Pemrograman Tampilan Web Menggunakan Bootstrap - Printable Version +- Indonesian Back|Track Team (https://www.indonesianbacktrack.or.id/forum) +-- Forum: General Zone (https://www.indonesianbacktrack.or.id/forum/forum-172.html) +--- Forum: Programming (https://www.indonesianbacktrack.or.id/forum/forum-95.html) +--- Thread: Share Bootstrap: Pemrograman Tampilan Web Menggunakan Bootstrap (/thread-6434.html) |
Bootstrap: Pemrograman Tampilan Web Menggunakan Bootstrap - stevennathaniel - 08-15-2015 Catatan: Ini threadnya bersambung terus ya. jadi isinya gue coba update terus terusan, yg penting ada sedikit langsung di share. jangan ragu & malu-malu untuk komen di thread ini. santai aja. biar rame threadnya Kemungkinan juga nggak bahas soal Bootstrap aja, tapi juga bahas soal PHP, MySQL, Apache HTTP. digabung disini aja, biar komplit isinya dan nggak kebanyakan thread. kalau banyak thread tapi malah nggak keurus nanti malah bikin bingung. mendingan fokus 1 thread aja. Saya mau share tentang cara membuat tampilan aplikasi web menggunakan Bootstrap. ini adalah halaman resmi dari Bootstrap: http://getbootstrap.com/ untuk tutorialnya, salah satunya bisa didapat disini: http://www.w3schools.com/bootstrap/ untuk mempraktekan pemrograman Bootstrap ini kita perlu menginstal :
Dan untuk komponen intinya installah ini: Bootstrap JQuery Bootstrap maupun JQuery tanpa di instal pun bisa, asalkan ketika menjalankan halaman web nya harus terkoneksi ke internet. masukan link ini ke dalam source code html nya: Code: !-- Latest compiled and minified CSS --> Untuk text editornya bisa menggunakan Dreamweaver, SublimeText, Notepad++ atau GEdit. Pemrogramannya pun bisa dilakukan di Linux maupun Windows. Untuk source code pertama yg sudah saya tulis ada disini: Code: <!DOCTYPE html> berikut ini tampilan halaman web dari codingan diatas: jadilah tampilan web nya. untuk mengonlinekannya saya bikin web server di Virtualbox , menggunakan OS CentOS. dan di konek kan ke internet menggunakan jaringan internet Telkom Speedy. dengan melakukan port forwarding di modem router nya. Ini contoh tutorial yg kedua: Sumber tutorial nya: http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_txt_hn&stacked=h berikut ini source code nya: Code: <!doctype html> Berikut ini screen shoot tampilan web nya: RE: Bootstrap: Pemrograman Tampilan Web Menggunakan Bootstrap - stevennathaniel - 09-05-2015 selanjutnya aku mau kasih source code untuk nyoba-nyoba bikin form sederhana, untuk tutorial selengkapnya ada disini ya: http://www.w3schools.com/bootstrap/bootstrap_forms_inputs.asp http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_form_input&stacked=h source codenya seperti ini yg gue cobain: Code: <!DOCTYPE html> Screen shot tampilan hasilnya: RE: Bootstrap: Pemrograman Tampilan Web Menggunakan Bootstrap - iKONspirasi - 09-08-2015 wew kereen om, +2 nih dari gw RE: Bootstrap: Pemrograman Tampilan Web Menggunakan Bootstrap - stevennathaniel - 09-08-2015 terimakasih pak @iKONspirasi RE: Bootstrap: Pemrograman Tampilan Web Menggunakan Bootstrap - Nuey - 11-11-2015 Om hadir disini dulu saya, pengguna baru soalnya... Btw kan saya baru belajar jquery nih kalo langsung belajar boostrap bisa gak yah? RE: Bootstrap: Pemrograman Tampilan Web Menggunakan Bootstrap - nozarc - 11-11-2015 saya juga lagi buat form2 dari bootstrap nih, tapi tampilannya malah ancur ketika dibuka via firefox.tapi kalau buka di chrome malah normal, RE: Bootstrap: Pemrograman Tampilan Web Menggunakan Bootstrap - Psytrap - 11-11-2015 Keren.. ntar ane coba :v hehehhee |