Cara Menggabungkan PHP dengan HTML

Add Comment



Sekarang kita akan belajar cara menggabungkan antara PHP dengan HTML, terdapat 2 cara bagaimana menggabungkan antara PHP dan HTML, untuk menulis sintaks PHP dalam HTML untuk lebih jelas silahkan lihat contoh dibawah ini :




Sekarang kita jalankan pada web browsernya

Cara menggabungkan PHP dan HTML




Sekarang bisa dilihat teks PHP bisa ditulis dalam HTML, sekarang kita akan menulis HTML didalam PHP.






Cara Menulis HTML didalam PHP
Cara menulis HTML didalam PHP


Sekarang disave dan jalankan pada web browser, bisa dilihat digambar diatas menunjukan outputnya lebih besar karena di dalam tesk PHP saya menambahkan h1 yaitu Heading yang merupakan elemen HTML. Pada contoh diatas tesk ditulis didalam html, tapi tesk PHP juga bisa berdiri sendiri asalkan formatnya masih php.

Contoh : 
<?php
           echo "blogarif.com";
?>

Lalu disimpan menggunakan format namafile.php berati kita dengan format dot php. kita sudah belajar bagaimana cara mengabung antara HTML dan PHP, dan Sekarang kita akan menggenai yang namanya Variabel.


Sekian Terima Kasih

Teks PHP

Add Comment

Topik yang pertama yang akan kita bahas adalah tentang Teks PHP.

Nah bagi teman – teman yang perlu di ingat adalah sebelum sintaks php yang pertama perlu ditulis adalah teks PHP caranya

Caranya :
Pertama dibuka dengan <?php dan ditutup dengan ?>

Contoh :
           <?php
                   echo "Hello World";
           ?>

Setiap penulisan sintaks PHP harus didalam teks PHP seperti contoh diatas dan sekarang kita akan belajar tentang sintak komentar pada PHP. 


Komentar Pada PHP

Sekian terima kasih.

Cara Menampilkan Output Pada PHP

Add Comment

Sekarang kita akan belajar mengenai Standar Output pada PHP, standar Output ini adalah cara menampilkan sesuatu ke layar atau mencetak sesuatu pada layar. Sintaks standar untuk menampilkan Output ke layar itu banyak kita bisa menggunakan echo, print, print_r dan var_dum.

baik saya akan menjelaskan maksud dari echo, print, print_r dan var_dum.


echo, print               : biasanya digunakan untuk mencetak sesuatu kelayar baik itu
                               berupa tulisan maupun isi dari suatu variabel.
print_r                    :  ini biasa digunakan untuk mencetak isi array.
var_dum                  : biasanya ini digunakan untuk melihat isi variabel nanti akan
                               tampil untuk melihat informasi dari variabel tersebut,
                               biasanya print_r dan var_dum ini biasanya digunakan pada 
                               saat debuggin atau pada saat setelah aplikasi web kita selesai
                               yaitu untuk melihat suatu nama variabel, biasanya dipakai
                               untuk tahap develompment.


Untuk contoh yang pertama yaitu echo


<?php
        // cara mencetak string menggunakan echo
        echo "blogarif.com";
?>


Untuk contoh diatas yaitu cara menggunakan echo artinya kita menyuruh PHP untuk mencetak string blogarif.com kelayar atau menampilkan ke web browser untuk menjalankannya ketik localhost/belajar PHP disini nama folder project saya belajar PHP untuk lebih jelas silahkan lihat contoh dibawah ini.

cara mencetak string menggunakan echo
Cara mncetak string menggunakan echo


Sekarang kita lihat contoh penggunaan sintak print pada PHP

<?php
         // cara mencetak string menggunakan print
         print "blogarif.com";
?>

cara menampilkan ke web browser sama seperti contoh diatas ketik localhost/belajar PHP untuk lebih jelas silahkan lihat contoh dibawah ini.

cara mencetak string menggunakan print
Cara mencetak string menggunakan print

Sekarang kita lihat contoh cara menggunakan print_r

<?php
        // cara mencetak string menggunakan print_r
        print_r ("blogarif.com");
?>

cuma kalau menggunakan sintaks print_r harus menggunakan ( ) untuk lebih jelas silahkan lihat contoh dibawah ini.

cara mencetak string menggunakan print_r
Cara mencetak string mnggunakan print_r

Sekarang kita lihat contoh cara menggunakan var_dump

<?php
        // cara mencetak string menggunakan var_dump
        var_dump ("blogarif.com");
?>

Cara menggunakan sintaks var_dump untuk lebih jelas silahkan lihat contoh dibawah ini.

Cara mencetak string menggunakan var dum
Cara mencetak string menggunakan var_dump

Sekarang tampilnya berbeda pada web browser yaitu string(12) “blogarif.com” karena sintaks var_dump tidak hanya menampilkan outputnya saja tapi juga menampilkan berupa informasi berupa tipe datanya apa dan ukurannya berapa seperti contoh diatas menampilkan informasi berupa tipe data string dan ukuran panjang stringnya yaitu 12, dan itu adalah standar penggunaan output pada PHP.

Sekian terima kasih.

Operator Aritmatika Pada PHP

Add Comment

Operator aritmatika biasanya digunakan untuk operasi matematika yaitu tentang perhitungan suatu nilai, ada beberapa macam operator aritmatika yang biasa digunakan diataranya adalah :
+ Penjumlahan
- Pengurangan
* Perkalian
/ Pembagian
% Modulus / atau sisa hasil bagi

Pada contoh dibawah ini saya mencoba tentang penjumlahan silahkan lihat contoh di bawah ini :

<?php
         echo 1 + 1 ;
?>

kalau kita jalankan pada web browser maka akan tampil seperti dibawah ini :

operator aritmatika pada php
operator aritmatika pada PHP



atau kita juga bisa  menyimpan  dulu kedalam sautu variabel seperti contoh dibawah ini :





penjumlahan menggunakan variabel
Penjumlahan menggunakan variabel


Sekian terima kasih.


Variabel Pada PHP

Add Comment

Variabel adalah untuk menampung sebuah nilai jika sautu saat nilai tersebut diperlukan kembali untuk di proses maka cukup untuk memanggil nama variabel tersebut, cara penulisa variabel pada PHP cukup menuliskan dollar ( $ ) lalu nama variabelnya dan panjang variabel itu tidak terbatas, variabel juga tidak boleh mengandung spasi dan kalau ingin memisahkan antara nama varibel cukup menggunakan underscrore ( __ ) silahkan lihat contoh dibawah ini :

Contoh :
$namablog = “blogarif.com”;


disini saya memberi nama variabel dengan namablog dan saya memberi sebuah nilai yaitu blogarif.com artinya saya memasukan sebuah tulisan blogarif.com kedalam nama variabel. Didalam pemograman PHP, kita tidak perlu mendeklarasikan sebuah variabel kita cukup menuliskan sebuah nama variabel dan memasukan sebuah nilai $namaVariabel = nilai; , silahkan lihat contoh berikut ini :




Sekarang kita jalankan pada web browser maka akan tampil seperti gambar dibawah ini :

cara menulis variabel pada PHP
cara menulis variabl pada PHP

Bisa dilihat pada web browser yang tampil adalah output dari nilai variabelnya, nah itu adalah bagaimana cara mendeklarasikan variabel pada PHP atau membuat variabel pada PHP cukup dengan tanda $ ( dollar ) lalu nama dan dipisahkan dengan tanda sama dengan ( = ) lalu nama variabel dan di tutup dengan titik koma ( ; ) seperti contoh di atas.
Dalam memberi nama variabel pada php tidak boleh memberi nama variabel tersebut diawali dengan angka, tapi boleh mengandung angka pada pemberian nama variabel.

Contoh :
$1nama = “blogarif.com”;
contoh cara memberi nama variabel pada php yang benar pada php adalah mengandung angka baik itu di tengan maupun diakhir nama varaibel.

Contoh :
$nama1 = “blogarif.com”;

silahkan lihat contoh dibawah ini cara memberi nama variabel yang mengandung angka.

cara memberi nama variabel pada php
cara memberi nama variabel pada php

Pada contoh diatas itu bisa lihat, kita bisa menggunakan nama varibel yang menggandung angka. Dan didalam pemograman php besar kecilnya huruf dalam sebuah nama variabel sangat berpengaruh, misalkan kita membuat variabel $namablog dengan $Namablog, keduanya adalah berbeda. Sifat ini dinamakan case sensitive. Jadi hati-hati dalam menuliskan nama variabel.


Sekian terima kasih.

Komentar Pada PHP

Add Comment

Setiap bahasa pemograman itu mempunyai yang namanya komentar disetiap kodenya, komentar adalah sintaks pemograman yang tidak akan di esekusi baik pada compiller maupun interpreter, sintaks komentar biasanya digunakan oleh para progremer untuk menjelaskan fungsi dari baris – baris kodenya, ataupun untuk mendisable kode agar tidak di esekusi oleh programan tersebut.

Di PHP cara untuk menulis sintak komentar itu ada 2 cara :

Cara pertama :
/ /
<?php
        // ini adalah adalah cara membuat komentar
?>


Cara pertama adalah untuk memberi komentar pada satu baris atau juga bisa menggunakan cara yang dibawah ini.

Cara kedua :
/* */
<?php
        /*
          ini komentar
          ini juga komentar
       */
?>


/* */ ini komentarnya bisa digunakan banyak baris, kita tinggal menulisnya di tengah – tengahnya seperti contoh diatas, dan sekarang kita akan belajar menggenai cara menampilkan output pada PHP ke web browser.



Sekian Terima Kasih

Belajar Component Pada React Js

Add Comment
Salam,,,
Pada kesempatan kali ini kita akan belajar mengenai React Js yaitu melanjutkan tutorial yang sebelumnya yaitu membuat aplikasi React tentang Hello World dan pada tutorial ini kita akan belajar mengenai membuat component pada React Js, sebelumnya terlebih dahulu kita menjalankan servernya terlebih dahulu dengan mengetik perintah dibawah ini pada terminal.


npm start

maka web browser akan terbuka dengan sendirinya yang tutorial yang sebelumnya kita membuat Selamat datang di blogarif.com seperti gambar dibawah ini.

Tampilan pertama saat dijalankan dijalankan React Js
Tampilan Pertama Saat dijalankan React Js













Sekarang kita akan melihat sintaknya disini saya menggunakan Sublime Text, kalau sudah terbiasa dengan IDE Atom silahkan buka projectnya.
Pada tutorial sebelumnya kita juga sudah melihat sebuah Component contoh yang dibuat oleh React yang bernama App.js nah pada tutorial kali ini kita akan belajar membuat components sendiri.

Terlebih dahulu kita buat dahulu sebuah file didalam folder src dengan nama file hello.js  

belajar membuat Component Hello pada React Js
Membuat Component Hello

Pertama kita bisa membuat component menggunakan variabel seperti dibawah ini.



Pada baris pertama yang berati kita mengimport React, lalu pada baris kedua kita membuat membuat sebuah component menggunakan Variabel const Hello = funtion => dan lansung kita memasukan sebuah elemen <h1> Hello Blogarif.com</h1> kalau kita lihat <h1> yang hampir sama seperti element HTML, cuma kalau di React Js itu disebut JSX, yaitu elemen HTML yang mirip dengan JSX artinya HTML yang ditanam didalam JavaScript, kemudian pada baris terakhir kita export isi filenya ke index.js, langkah terakhir adalah mengimport isi file Hello.js kedalam file indek.js agar bisa dibaca oleh web brower caranya tambahkan import Hello from './Hello';
maka sintaknya setelah diedit pada file index.js seperti dibawah ini.

kemudia Save maka web browsernya akan lansung dijalankan sendirinya seperti gambar dibawah ini.

membuat component menggunakan variabel
Hello Componet Variabel

kemudian cara kedua dalam membuat React Component yaitu dengan menggunakan sebuah Class silahkan lihat sintak dibawah ini.



Pertama kita import dulu react, kemudian didalam class Hello extends React.Component ini kita bisa membuat bermacam - macam kode disana, tapi yang yang paling utama atau paling sering digunakan adalah render(), render() adalah method yang wajib digunakan pada React Js jika kita membuat sebuah component menggunakan sebuah Class, kemudian didalam render kita akan mengretrun yang nantinya didalamnya kita akan membuat JSX seperti contoh diatas <h1>hello Component class </h1> lalu kita save maka web browser akan lansung dijalankan seperti gambar dibawah ini.

membuat component class pada Ract Js
Hello Component Class


Pada gambar diatas bisa kita lihat didalam render method hanya satu baris element saja <h1>Hello Component Class</h1>, nah bagaimana kalau kita ingin menambahkan beberapa elemen lagi didalam return, caranya kita harus membungkus dengan tag tunggal bisa itu <div>, disini saya menambahkan 5 baris element Heading , silahkan lihat contoh dibawah ini.



kalau kita jalankan maka web browsernya akan menampilkan error seperti dibawah ini.

Tampilan error pada React Js
Tampilan error pada React Js


Nah bagaiman kita menggakali React Js, caranya kita tambahkan Tag atau atribut tunggal disini saya menambahkan <div> caranya silahkan dilihat seperti dibawah ini.




Kemudian Save dan lihat web browsernya.

  Tampilan cara menambahkan beberapa element pada react component
Tampilan cara menambahkan beberapa element pada react component 


Kemudia didalam React Js bila kita tidak ingin menggunakan JSX kita juga bisa menggunakan Javasrcipt mungkin kita bisa menuliskan sintak seperti dibawah ini.




membuat component React Js menggunakan Javascript
Hello Javascript

Contoh diatas adalah murni kita menggunakan javascript, baik itu adalah tiga cara dalam membuat componen dalam React kalau ada saran silahkan di tinggalkan karena penulis juga seorang baru yang belajar tentang React Js.

Sekian Terima Kasih,...

Cara Install React dan Membuat Hello World

Add Comment
Salam..
Kita jumpa lagi pada kesempatan kali ini penulis ingin berbagi tutorial tentang React, kebetulan penulis juga lagi belajar membuat aplikasi menggunakan React.
React Js merupakan sebuah library JavaScript yang di buat oleh facebook. React adalah library yang bersifat composable user interface, React sangat flexibel untuk digunakan dalam berbagai proyek, kita dapat membagun aplikasi baru full dengan React js.

Sebelum memulai membuat aplikasi React js kita terlebih harus menginstall NPM dan NodeJs. Buka Terminal pada Ubuntu yaitu dengan mengetik :

sudo apt-get install npm
Masukan kata sandi root, dan tunggu beberapa saat sampai prosesnya selesai, Silahkan cek pada Terminal.
npm -v
Sekarang baru menginstall Nodejs pada terminal dengan mengetik perintah dibawah ini :
curl -sL https://deb.nodesource.com/setup_9.x | sudo -E bash -
sudo apt-get install -y nodejs

Adapun untuk instalasi di linux lainnya bisa merujuk ke halaman panduan instalasi lansung di website Node.js disini
Untuk mengecek instalasi bisa megetik perintah dibawah ini pada terminal.  
node -v
Untuk menginstall React pada ubuntu jalankan perintah ini pada terminal.
npm install -g create-react-app
Kemudian untuk membuat aplikasi React ketik perintah.
create-reat-app hello-world

membuat project dengan react
Cara membuat project dengan React

Dan React akan membuat project hello world seperti gambar dibawah ini.

folder hello world
Tampilan folder yang sudah dibuat dengan React

Untuk menjalankannya terlebih dahulu kita masuk kedalam folder yang sudah kita buat dengan cara
cd hello-world
Untuk menjalankannya react ketik perintah kemudian jalankan servernya dengan mengetik perintah pada terminal.
npm start
Kemudian web browser akan terbuka dengan sendirinya dan react akan otomatis dijalan pada web browser dengan sendirinya dengan port localhost:3000, berikut tampilannya.
Tampilan React pada saat pertama kali dijalankan pada web browser
Tampilan React Saat pertama kali dijalankan
Kemudian coba buka pada Text Editor, disini saya menggunakan text editor Sublime Text didalam aplikasi tadi bisa lihat apa saja yang sudah oleh React.

berikut adalah tampilan Folder pada aplikasi React
Tampilan Folder pada aplikasi React
Dalam aplikasi yang sudah  oleh React tadi itu terbagi dalam tiga folder ada npm, public, dan src, sekarang kita lompat saja kedalam dalam folder public, didalam folder public itu terdapat tiga file, dan didalam folder src terdapat 7 file, untuk sementara bagi yang baru mempelajari tentang React kita hanya perlu index.html yang ada dalam folder public, juga app,js  dan index.js yang ada pada file src saja, kalau yang lain sementara bisa hapus dulu seperti gambar dibawah ini. 

Tampilan Folder reactjs yang sudah di edit
Tampilan Folder Reactjs

Pada saat menghapus beberapa file yang ada didalam folder React App yang telah kita buat tadi maka server localhost:3000 akan menjalankan dengan sendirinya pada web browser yang menampilkan error Failed Compile pada web browser karene menghapus beberapa file tadi tanpa harus mengrefres lagi web browser silahkan lihat contoh gambar yang disamping dibawah ini.

gambar failed compile aplikasi app react
gambar failed compile

Sekarang buka index.html dan ubah script seperti dibawah ini dan jangan lupa Save aplikasi atau dengan cara Ctrl+S



Sekarang kita pindah ke index.js dan juga ubah seperti dibawah ini



import React from ' react';  yang berati kita akan mengimport react library.
import App from './App'; yang berati mengimport file App
Sekarang yang terakhir ubah juga yang ada pada file App.js


Setalah selesai jangan lupa Save Aplikasi dan coba lihat aplikasinya yang sudah dijalankan sendirinya pada web browsernya.

cara membuat apliaksi hello world dengan App React
Tampilan hello world dengan React App
Sekelian Terima Kasih karena telah mengunjungi blogarif.com dan jangan lupa tinggalkan komentarnya,