Frikiweek 2015

Èrik Campobadal Forés

Taller de pàgines web dinàmiques en PHP

Introducció
Frameworks
LocalHost

Introducció

Front End

Back End

Part pública de la web on el seu contingut es pot observar de manera escrita i normalment visual.

Acostuma a ser la resposta del servidor (Back end)

Part privada de la web on el seu contingut és privat i per on passen totes les connexions a la base de dades. És on hi ha localitzat el PHP entre altres llenguatges

Materialize

Laravel

Front End

• HTML
• CSS
• JavaScript

Back End

• PHP
• MySQL

HTML

Estructura de la web, bàsicament és l'esquelet de la pàgina web

CSS

És l'estil visual de la pàgina web, bàsicament és el que dóna la forma i color a la pàgina

JavaScript

L'utilitzarem per efectuar animacions de la pàgina amb jQuery

PHP

Llenguatge que utilitzarem per comunicar la pàgina amb el servidor de forma privada

MySQL (SQL)

Llenguatge que utilitzarem per comunicar la pàgina amb la base de dades

Frameworks

Una framework inclou tots aquells recursos, la metodologia en la seva disposició i la seva interfuncionalitat que determinin el desenvolupament organitzat d'un projecte de programari.

Pot incloure programari de suport, llibreries de codi, llenguatges de programació, i programari extra que ajudi a organitzar, desenvolupar i integrar components diversos d'un altre projecte de programari.

Frameworks

Per realitzar aquest projecte utilitzarem les següents frameworks:

Front End: Materialize

Back End: Laravel

Materlialize

Framework de CSS i JavaScript

http://materializecss.com/

(Documentació a la pàgina oficial)

Està basada en el disseny material de Google, és a dir un estil visual molt atractiu i modern, en el projecte NO el modificarem, i per tant utilitzarem la seva versió original.

Laravel

Framework de PHP i (MySQL)

http://laravel.com/

(Documentació a la pàgina oficial)

És la framework més utilitzada en PHP i engloba un gran ventall de avantatges per a treballar en PHP, de manera que ens resultés molt més fàcil realitzar les tasques necessàries en MySQL o PHP.

Utilitza el model MODEL VIEW CONTROLLER (MVC)

Model View Controller (MVC)

MODEL => Connexions MySQL

VIEW => Pàgina front end

CONTROLLER => Controlador del PHP

Pàgina Web

Laravel ve amb una configuració (.htaccess) que permet redirigir a tots els usuaris cap a un únic arxiu anomenat index.php localitzat a:
/public/index.php

Pàgina Web

Gràcies a això podem administrar la nostra app de manera còmode. Per tant només cal que entenguem l'estructura que laravel manté per respondre davant de qualsevol demanda de la pàgina.

Pàgina Web

Routes

Controller

Functions

Bàsicament es la URL

View

Bàsicament es el front end

Blade Template

Laravel ve amb processador de text molt potent anomenat blade, el qual permet executar codis en el front end de manera rapida i eficaç només ficant la extensió .blade.php en comptes de .php

http://laravel.com/docs/5.1/blade

LocalHost

Per crear un servidor local i poder treballar en la pàgina ens baixarem el programa:

XAMPP

https://www.apachefriends.org/download.html

LocalHost

Per treballar en el projecte utilitzarem l'editor de text:

(encara que pots utilitzar qualsevol altre)

Atom

https://atom.io/

LocalHost

Utilitzarem la consola de GIT per interaccionar amb laravel

GIT

https://git-scm.com/downloads​

LocalHost

Utilitzarem Composer per administrar els paquets de laravel

Composer

https://getcomposer.org/​