Si parlem del desenvolupament web, podem utilitzar molts llenguatges diferents. Per això, hem d'entendre el propòsit del que es va a desenvolupar per tal de triar el llenguatge correctament.
Podem diferenciar dos grans grups, llenguatges del costat del client i llenguatges del costat del servidor.
Els llenguatges del costat del client s'executen al navegador, deixant al descobert prou de codi sensible que pot vore qualsevol usuari.
Els llenguatges del costat del servidor s'executen al servidor web i per tant l'usuari no veu el codi sensible o informació confidencial. D'aquesta manera, el client només rep la informació estática a mostrar en la seua web.
Per programar una pàgina web en PHP i Mysql necessitem un LAMP. Les sigles són de Linux, Apache, Mysql i Php. Pots consultar moltes webs per instal·lar-lo, com per exemple aquesta.
Per tant, el que ens fa falta és el següent:
Servidor web: Apache
PHP
Gestor de bases de dades: Mysql
Per programar una pàgina web podem utilitzar editors de textos, editors web o IDE (Integrated Development Environment). Hi ha molts:
Sublime Text (editor de textos)
Visual Studio Code (IDE)
Eclipse (IDE)
Com que anem a fer aplicacions senzilles, recomane Sublime Text per escriure el codi, però pots utilitzar eixe o qualsevol editor de textos.
Anem a escriure el primer programa. Anem a crear un fitxer index.php en /var/www/html/primer_programa.
Perquè index.php? Escrivim index quan indiquem que aquest serà el fitxer principal d'una web, Apache2 per defecte el que fa és buscar un fitxer anomenat index.php on estiga'm accedint.
En aquest cas quan accedim a localhost/primer_programa buscarà el fitxer index.php que es trobarà a la carpeta /var/www/html/primer_programa.
En els fitxers PHP podem escriure codi HTML i PHP. L'HTML és l'estructura, els elements que apareixen a la pàgina web i el PHP ens permet donar-li la programació (és a dir, el comportament de la web).
En aquest fitxer index.php anem a escriure el següent codi HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Document sense títol</title>
</head>
<body>
El teu nom
</body>
</html>
Si accedim a localhost/primer_programa veurem el següent:
A més, baix del teu nom que has posat i dins de l'etiqueta body, anem a replenar el mateix però amb codi PHP:
<body>
El teu nom
<?php
print "Hola el meu nom és ...";
?>
</body>
El codi php sempre comença amb <?php i sempre acaba amb ?>.
Dins hem posat la instrucció print que el que fa es mostrar un text en el navegador. El text es posa entre cometes i acabem les linies introduïnt el símbol ;.
RECORDEU SEMPRE EL ; EN EL LLENGUATGE PHP!!
Refresca el navegador i veuràs el següent: