Documentos de Académico
Documentos de Profesional
Documentos de Cultura
/app/Config: Aquí editaremos la configuración del sitio, como por ejemplo la URL, conexión a base
de datos, las rutas de las URL para llamar a ciertos controladores, etc.
/app/Controllers: Aquí se encuentras las clases que son llamadas por los routers, por ejemplo llamar
al controlador Pagina::contacto cuando si visite la url http://misitio.com/contactar
/app/Filters: Aquí se encuentran las clases que son usadas como filtros, como por ejemplo la
restricción a cierto contenido.
/app/Helpers: Aquí se almancenarán archivos que contendrán funciones que pueden servir como
atajos o ayuda cuando escribamos nuestras plantillas.
/Language: Nuestro carpeta para almacenar nuestros archivos de idiomas, si es que deseamos hacer
un sitio multi-lengüaje
/app/Libraries: Como su nombre lo indica, aquí se encuentran nuestras librerías.
/app/Models: Aquí se trabajarán nuestros modelos para nuestra base de datos.
/app/Views: Aquí se guardarán nuestras vistas o plantillas o templates, como quieras decirle.
/app/Config/App.php
La forma de trabajar es por MVC
Que es MVC
El patrón Modelo-Vista-Controlador para el diseño de aplicaciones Web es un estándar de la industria en el mundo Java. Hay
muchos libros y recursos excelentes disponibles sobre el tema que ayudan a acelerar el proceso de aprendizaje para el equipo
de desarrollo. En un breve repaso, MVC viene de Model, View, Controller, o bien: Modelo, Vista y Controlador. La idea básica de
este patrón es separar nuestros sistemas en tres capas, el Modelo, la Vista y el Controlador.
El Modelo se encarga de todo lo que tiene que ver con la persistencia de datos. Guarda y recupera la información del medio
persistente que utilicemos, ya sea una base de datos, ficheros de texto, XML, etc.
La Vista presenta la información obtenida con el modelo de manera que el usuario la pueda visualizar.
El Controlador, dependiendo de la acción solicitada por el usuario, es el que pide al modelo la información necesaria e invoca a
la plantilla(de la vista) que corresponda para que la información sea presentada.
Hay algo de esfuerzo necesario para aprender a utilizar un marco MVC en php. Sin embargo, para el desarrollador de
aplicaciones Web grandes, este esfuerzo debe ser recompensado por los numerosos beneficios de utilizar un patrón de diseño
MVC, tales como:
Bootstrap es un framework CSS desarrollado por Twitter en 2010, para estandarizar las
herramientas de la compañía.
Inicialmente, se llamó Twitter Blueprint y, un poco más tarde, en 2011, se transformó
en código abierto y su nombre cambió para Bootstrap. Desde entonces fue actualizado
varias veces y ya se encuentra en la versión 5.0.
El framework combina CSS y JavaScript para estilizar los elementos de una página
HTML. Permite mucho más que, simplemente, cambiar el color de los botones y los
enlaces.
Esta es una herramienta que proporciona interactividad en la página, por lo que
ofrece una serie de componentes que facilitan la comunicación con el usuario, como
menús de navegación, controles de página, barras de progreso y más.
Instalación de Bootstrap
https://getbootstrap.com/docs/5.0/getting-started/introduction/
Se colocar html
CSS
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous">
JS
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-
cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, world!</h1>
<!--
-->
</body>
</html>
CSS
FORMA 1
<link href="styles/style.css" rel="stylesheet" type="text/css">
FORMA 2
<style type="text/css">
body {
color: purple;
background-color: #d8da3d
}
</style>