<?php

Route::get('/pelajar', function () {
    $nama = 'Mr Encraptor Samado';
    return view('pelajar',['nama' => $nama]);
});
?>

<?php
@section('container')
<div class="container">
  <div class="row">
    <div class="col-10">
      <h1 class="mt-3">Ini Section Pelajar!</h1>
      <br>
      Selamat datang, {{$nama}}!
    </div>
  </div>
</div>
@endsection
?>

composer create-project --prefer-dist laravel/laravel cubaLaravel

cd cubaLaravel/
php artisan serve

test

1) Bermula penghantaran nilai atau passing value.  Mulakan dengan nilai value id.

Fail Routes:

2) Fail Controller bernama PostController menerima route get Posts dan memproses value {id} yang dihantar pada function index

3) Paparan

1) Mewujudkan fail Controller yang baru bernama PostsController

$ php artisan make:controller --resource PostsController

2) Di bahagian function index pada fail Controller bernama PostsController tadi,  letakkan satu penyataan menyatakan index telah berjaya dijalankan.

3)  Panggil controller tadi dengan laluan panggilan url get bernama posts (http://localhost:3000/cms/public/posts) ,  dan bila buka di browser pada panggilan get posts ini, maka route menyatakan bahawa controller akan mengawal laluan ini dan fail controller itu yang dimaksudkan iaitu PostsController. Dan didalam fail controller tadi, terletak banyak function. Namun apa yang diminta oleh panggilan url bernama posts ini ialah function index().

Route::get('/posts','PostsController@index');

Penyataan:

1- Posts ialah laluan iaitu http://localhost:3000/cms/public/posts
2-  Nama controller yang mengawal get posts ini ialah PostsController
3-  Nama function yang akan handle get posts ini yang terletak dalam controller PostsController ialah index.

1. Controller boleh dibina dengan create file didalam sublime text. Tapi boleh juga dibuat di terminal dengan menaip:

php artisan make:controller PostController

Maka file controller juga diwujudkan seperti dibawah:

Namun kalau kita inginkan controller tersebut dipenuhi dgn resource seperti CRUD, boleh tambah command –-resource seperti:

$ php artisan make:controller --resource ArticlesController

Maka file controller diwujudkan dengan dilengkapi CRUD iaitu index, create, store, show, edit, update, destroy seperti dibawah:

1. Controller merupakan orang tengah.
2. Terletak di dalam folder app->Http->Controllers.
3. Main controller adalah bernama Controllers.php.
4. Didalam Controllers mengandungi:
    - namespace
   - use

Namespace adalah folder dimana controller file berada.  Dan use adalam dimana controller dipanggil

Lihat keterangan dibawah

1. namespace digunakan untuk bagitau dimana file controller (yg dipanggil oleh no 2) itu berada.
2.  Folder nama Book. Juga merupakan folder fizikal. Dipanggil namespace.
3. Nama fail NotebooksController.php merupakan controller.
4. Sesuai digunakan Usecase ini jika ada fail yang sama nama seperti NotebooksController.php  juga berada di folder selain Book, contoh di folder Journal.

Dalam view juga perlu diubah Route::Resource untuk memanggil controller mana.

Fail Routes berada di folder app->Http

Hasil:

Code:

Hasil:

Untuk semak route, guna command di git bash:

php artisan route:list

Namun, kalau tengok di kotak Name, tiada nama. bagaimana mengisi nama tersebut? Guna array untuk namakan field tersebut:

Pergi ke browser, dan taip:
http://localhost:3000/cms/public/admin/posts/example
outputnya adalah:

Route nya juga telah dinamakan. Lihat:

          @for ($i=0; $i<5; $i++)
                 @if ($i % 2 === 0)
                      
 Iteration {{ $i+1 }}  
                  @endif
          @endfor

 

var bob = {};

var Spencer = {
  age: 22,
  country: "United States"
};

// make your own object here called me
var me = {
age:27,
country:"Pulai Chondong"
};

var bob = {
  name: "Bob Smith",
  age: 30
};
var susan = {
  name: "Susan Jordan",
  age: 25
};
// here we save Bob's information
var name1 = bob.name;
var age1 = bob.age;
// finish this code by saving Susan's information
var name2 =susan.name;
var age2 = susan.age;

// Take a look at our next example object, a dog
var dog = {
  species: "greyhound",
  weight: 60,
  age: 4
};

var species = dog["species"];
// fill in the code to save the weight and age using bracket notation
var weight = dog["weight"];
var age =dog["age"]; 

var objectName = new Object();

var bob = new Object();

var bob = new Object();
bob.nama = "Bob Amirul";
bob.umur = 30;

var dog = {
species: "bulldog",
age: 3,
color: brown
};

for(var property in dog) {
  console.log(property);
}

- - - B a s i c s - - -

Each Object has one or more properties.
Each property consists of a property-key and it's associated value.

 var object1 = {
              name: "First"
              }

var myObj = {
         type: 'fancy',
         disposition: 'sunny'
        }

  var myObj = {
        type: 'fancy',
        disposition: 'sunny' 
  };

  var myObj = {};
      myObj.type = 'fancy';
      myObj.disposition = 'sunny'; 

  var Person = function( theName, theAge ) {
         this.name = theName;
         this.age = theAge;
         this.displayInstance = function() {
           console.log("The displayInstance -output-"+
                       "\n============================" +
                     "\n\t name: " + this.name +
                     "\n\t age: " + this.age);
                       };
       };
    //now create an Instance of this Class-object
  var myObj = new Person("Classy_Rocker",20);
    //call the Method displayInstance which takes NO parameters
  myObj.displayInstance();
  console.log( myObj );

LATIHAN

Laksanakan ketiga-tiga For, Do/While dan While dalam satu aturcara.

// Write your code below!

var testFor= function(){
for (i=1;i<10;i++){
console.log ("ini adalah loop bagi for" +i);     
};
};


var testDoWhile= function(){
    hidupkanLoopDo=true;
do {
    console.log ("Ini adalah loop bagi do untuk kali ini sahaja");
}while (hidupkanLoopDo=false);

};

var testWhile=function(){
    i=1;
 while(i<10){
    console.log ("Ini adalah loop bagi While yang ke"+i);
    ++i;
 }
}

testFor();
testDoWhile();
testWhile();

ini adalah loop bagi for1
ini adalah loop bagi for2
ini adalah loop bagi for3
ini adalah loop bagi for4
ini adalah loop bagi for5
ini adalah loop bagi for6
ini adalah loop bagi for7
ini adalah loop bagi for8
ini adalah loop bagi for9
Ini adalah loop bagi do untuk kali ini sahaja
Ini adalah loop bagi While yang ke1
Ini adalah loop bagi While yang ke2
Ini adalah loop bagi While yang ke3
Ini adalah loop bagi While yang ke4
Ini adalah loop bagi While yang ke5
Ini adalah loop bagi While yang ke6
Ini adalah loop bagi While yang ke7
Ini adalah loop bagi While yang ke8
Ini adalah loop bagi While yang ke9

Kadang-kadang, kita ingin loop kita berjalan at least satu kali. Oleh itu kita akan menggunakan Do/While untuk jalan mudah.

var loopCondition = false;

do {
    console.log("I'm gonna stop looping 'cause my condition is " + loopCondition + "!");    
} while (loopCondition);

It runs once because do tells it to, but then never again because loopCondition is false!

LATIHAN

1) Guna Do/While.

2) Minta input dari user


3) Display di console.log


4) Matikan dengan falsekan kenyataan.

var getToDaChoppa = function(){
  // Write your do/while loop here!
  do {
      var x = prompt ("Apa pilihan anda?");
      console.log (x);
  } while (jalankan=false);
  
};

getToDaChoppa();

Jika for digunakan ketika kita tahu bila ia berhenti, While pula digunakan ketika kita tidak tahu bilakah dia akan berhenti.

understand = true;

while(understand === true){
    console.log("I'm learning while loops!");
    //Change the value of 'understand' here!
    understand=false;
    
}

Namun pastikan didalam while tersebut, ada jalan untuk dia berhenti dan keluar dari while tersebut dan tidaklah ianya berpusing sahaja forever dan akhirnya membawa kepada crash sesuatu sistem akibat while yang tidak keluar2 atau infinity.

contoh diatas adalah understand=false;  adalah satu cara untuk kita hentikan penyataan while.

Brevity is the soul of programming

Ketahuilah brevity adalah key penting dlm programming, oleh itu, code diatas kita boleh ringkaskan menjadi:

understand = true;

while(understand){
    console.log("I'm learning while loops!");
    //Change the value of 'understand' here!
    understand=false;
    
}

understand itu kita tidak perlu tanya ===true didalam while.

Penyataan diringkaskan seperti dibawah:

var bool = true;
while(bool){
    //Do something
}

daripada:

var bool = true;
while(bool === true){
    //Do something
}

Kedua-dua adalah sama sahaja, melainkan brevity dan kecepatan meringkas sahaja. Elakkan written the less succinct version dalam programming kita, sebaliknya teruskan  Correct it to the more elegant version!

var bool = true;

while(bool){
    console.log("Less in coding is too cool!");
    bool = false;
}

LATIHAN

Bina satu coding menggunakan while, dengan penyataaan I'm looping! sebanyak tiga kali menggunakan while.

Bagaimana menggunakan counter untuk while? Set variable kepada 0 di luar While, dan set counter tersebut bertambah semasa looping, dan set penyataan berhenti di While dengan nyatakan bilangan ke berapa ianya patut berhenti atau berapa kali ianya TRUE.

//Remember to set your condition outside the loop!


var loop = function(){
    while(count <3){
        //Your code goes here!
        console.log("I'm looping!");
        count++;
    }
};

var count=0;
loop();

I'm looping!
I'm looping!
I'm looping!

CONTOH

//Remember to make your condition true outside the loop!

var soloLoop = function(){
  //Your code goes here!

loopSekali=true;

while (loopSekali){
console.log("Looped once!");
loopSekali = false;
}

};

soloLoop();

Looped once!

Variable boleh simpan number dan string, namun kita hanya boleh store 1 number atau satu string sahaja.
Mujurlah kita punyai array. Apa guna array?

a. store lists of data
b. can store different data types at the same time
c. are ordered so the position of each piece of data is fixed

var names = ["Mao","Gandhi","Mandela"];

var sizes = [4, 6, 3, 2, 1, 9];

var mixed = [34, "candy", "blue", 11];

Bila mana anda lihat  data dilingkungi dgn tanda [ ], it is an array.

Contoh:

var profile = ["Nik","IT Manager",32,4];
console.log(profile);

1. First element in the array: profile[0]



2. Third element in the array: profile[2]

atau jika ingin mendapatkan data 32, maka gunakan profile[2]

console.log(profile[2]);

Kalau ada 4 elemen dalam array, ok la. Bagaimana dengan 100 elemen dalam Array? Kita akan gunakan Array.

// Let's print out every element of an array using a for loop

var cities = [ "Pulai Chondong", "Melbourne", "Amman", "Helsinki", "NYC", "Kota Bharu"];

for (var i = 0; i < cities.length; i++) {
    console.log("I would like to visit " + cities[i]);
}

I would like to visit Melbourne I would like to visit Amman I would like to visit Helsinki I would like to visit NYC

Keyword, ianya berhenti sebelum cities.length

---

Read More

Gunakan loop untuk mempermudahkan urusan kita.

// Write five console.log statements.

console.log(1);
console.log(2;
console.log(3);
console.log(4);
console.log(5);
 
Kepada:

for (var counter = 1; counter < 6; counter++) {
    console.log(counter);
}

atau

for (var i = 1; i < 6; i = i + 1){
    console.log(i);
}

contoh bermula dari 4 hingga ke 23:

for (var i = 4; i < 24; i = i + 1) {
    console.log(i);
}

We can increment up by any value by writing i += x, where x is how much we want to increment up by.e.g., i += 3 counts up by 3s.





We can decrement down by any value by writing i -= x.

Contoh:




-Make it start counting from 5. Please!


-Stop the counting when it prints out 50.


-Only count every fifth number. So we want to increment i by 5.

for (var i = 5; i < 51; i+=5) {
    console.log(i);
}

Contoh loop menurun adalah: 10 hingga ke 0.

for (var i = 10; i >= 0; i--) {
    console.log(i);
}

// Write your very own for loop!

for (var i=100;i>0;i-=5)
{
    console.log(i);
}