Navbar Fixed dan Inverse

Dalam tutorial ini ada beberapa pertanyaan seputar navbar.  Dan pertanyaannya adalah:

1. Apakah itu navbar fixed?

2. Apa navbar hanya bisa diletakkan diatas?

3. Apa navbar bisa berganti warna?

Ini memang sering dijadikan pertanyaan, jadi akan dibahas satu persatu.

Selebihnya ada di video tutorial dibawah ini.

contoh kodenya adalah seperti ini..



<div class="navbar navbar-inverse">
........

Navbar dan Dropdown

Tutorial ini menjelaskan bagaimana cara membuat navbar atau biasa disebut dengan navigation bar, 

yang biasa terletak di bagian paling atas dari sebuah web. Sebenarnya navbar tidak selalu diatas, 

bisa juga dibawah, dan bisa saja diletakkan di bagian manapun sesuai dengan kebutuhan kita.

Navbar sebenarnya memiliki beberapa kemampuan yang cukup menarik, yaitu dengan 

memberikan dimensi yang sesuai dengan device. Misalkan saya memiliki sebuat smartphone 

atau tablet yang membuka web tertentu, maka navbar nya akan mengikuti sesuai dengan ukuran 

device tersebut.

contoh kode nya adalah seperti ini:

Jumbotron Dan Well

Jumbotron adalah heading (atau mirip) yang berukuran besar yang biasanya 
diletakkan di atas suatu website. Di dalam bootstrap sebutannya untuk heading besar 
adalah jumbotron, bentuknya mirip dengan panel, namun sebenernya berbeda dengan heading 
yang sudah disediakan dalam bootstrap.

Sedangkan well sendiri adalah seperti panel dan berwarna abu-abu. 
Dan elemen ini seolah memperkaya bootstrap dalam library nya. 
Banyak pilihan yang digunakan dalam well, bisa untuk grid sistem, untuk form,
atau untuk kebutuhan lain.

Sistem nya sendiri adalah menambahkan beberapa komponen seperti berikut ini.

=============================================================

	

	//hello
	

Mengenal Grid System dan Button

Dalam tutorial kali ini kita akan belajar bagaimana cara kerja dari grid system, dan button. 

Sebelumnya grid sistem ini memudahkan kita untuk mengatur tata letak dari web. 

Dengan grid system ini kita akan memiliki banyak pilihan, dan tentunya sangat mudah sekali digunakan.

Dalam grid system ini kita akan mengenal yang namanya row atau baris. 

Di dalamnya akan terdapat beberapa pilihan untuk mengatur kolom sehingga kita dapat mengaturnya 

dan sistem nya sendiri hampir mirip dengan html table.

Untuk lebih jelasnya akan dijelaskan dalam video ini.

Kenali Sistem Bootstrap

Dalam tutorial bootstrap kali ini kita akan membahas cara kerja bootstrap. 

Tutorial ini hanya mengenalkan bagaimana cara kerjanya aja, jadi jangan terkecoh, hahaha. 

Selengkapnya ada di tutorial di bawah ini.

How to Custom AngularJS Delimiters

　　 Ok, simply, how to make custom delimiter in angularJS? Just because some php framework like Laravel, and something else use {{ }} for the delimiter as well. As we know, that delimiter can receive only for form or something in laravel (so far I know that Laravel 5.0 use {!! !!} for delimiter).

I’m beginner in Laravel. And i’m just curious on that, how to create recognize some angularJS code and will it running on Laravel? 　　 　　

There is no simple way to make it happen, right? At least we need some code to make it good.

For this tutorial, check this video.




Netbeans - How To Make Find And Grab Remote Files In Netbeans

This tutorial is about little trick to grab remote files in netbeans and how to working with the file locally.

At first you, as you can see, if we add new script from the host, like ajax 
(Angularjs, jquery, or something else), it would look like this.

And look at the netbeans project, you can check remote files like this.

And of course, remote files like this need more time to refresh the page. 
Actually it depends on your internet connection. 
If you have the high speed internet connection it would be no problem. 
But so far, as newbie developer, I very often push F5 to refresh page. 
Because my internet connection sometime slow 
(you can check Indonesia internet connection speed rank, and sometimes I’m sad), I use little trick. 
See this image.

Just grab, (hold left click from the blue arrow to red arrow), and you can see the netbeans status 
(in the corner right bottom of IDE) just saying it’s copying.

You can rename the files, and don’t forget replace the path of your script. In this tutorial I show you 
with angularjs example. But for youtube video I use jquery for my script path.

youtube example: