Web

Ventajas de usar un framework PHP Codeigniter

Cuáles son las ventajas de usar un framework PHP ?

 

En la jerga del desarrollo de software, hablar de un framework de desarrollo, es hablar de una estructura organizada conceptualmente, que nos ayuda a desarrollar software de forma organizada y mantenible. Con el paso del tiempo, la maduración y el trabajo con los diferentes lenguajes de programación, varias empresas y grupos de desarrolladores han creado frameworks para los distintos lenguajes y con enfoques particulares para el tipo de software que se va a desarrollar, ya sea web, mobile o desktop.

Para el lenguaje PHP existen varios framework que son muy populares, lo que es importante a la hora de elegir un framework u otro, por que te asegura una gran comunidad de programadores que retroalimentan cualquier duda que puedas tener, ya sea en comunidades de foros mundialmente conocidas como stakoverflow o propias de cada framework. Algunos de estos framework PHP populares son: Symfony, Laravel y Codeigniter, por nombrar solo algunos. Basicamente, estos framework nos brindan una estructura, en especial Codeigniter del cual voy a hablar, brinda un conjunto de carpetas con cierta estructura definida y archivos .php que serán la base de tu proyecto para que empieces a desarrollar con Codeigniter. Entre estos archivos te encontrarás con el archivo de configuración del proyecto, Application/config/config.php que permite por ejemplo definir la URL base de tu sitio web, la/s conexion/es a bases de datos, también en este archivo podrás conectar codeigniter a una base de datos.

Eliminar el index.php de las URLs en CodeIgniter

Eliminar Index.php de las URL en CodeIgniter

Para eliminar el index.php de las urls de nuestro sitio web desarrollado en Codeigniter (así las URL de tu sitio se verá más amigable) y éstas tenga la forma: “www.MiSitio.com/nombre del controlador o sección de Codeigniter/función” , debemos modificar el archivo routes.php y agregar el .htaccess a nuestro servidor!

El resultado será que se vean como la siguiente:

http://misitio.com/welcome

Al comenzar con cualquier proyecto con el Framework PHP CodeIgniter, el controlador que se carga por defecto y ya viene creado, es el Welcome.php y éste es al primer archivo que se accede cuando ponemos la url del sitio en el navegador donde abrimos el proyecto de CI, éste se encarga de cargar las vistas que tenga relacionadas en HTML que veremos por defecto.

Primero, para eliminar index.php de las urls en codeigniter, debemos modificar el parámetro ‘index_page’ del archivo config.php de nuestro sitio, éste archivo lo encontramos destro de la carpeta application/config dentro de la estructura de nuestro proyecto Codeigniter. Deberia verse de la siguiente manera:

$config[‘index_page’] = ”;

Codeigniter index url

Codeigniter index url

Luego de modificar éste archivo y guardarlo, creamos el archivo .htaccess en la raíz de nuestro sitio y le agregamos las siguientes líneas.

En la línea RewriteBase debemos poner la ruta a nuestro sitio. En caso de ser el root del servidor, debemos ponerlo como se ve a continuación:

# PROGRAMERTECH

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /sitioweb
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php/$1 [L]
</IfModule>
<IfModule !mod_rewrite.c>
ErrorDocument 404 /codeigniter/index.php
</IfModule>

Una vez echo esto, tenemos que asegurarnos que el modulo rewrite del servidor Apache donde tenemos corriendo nuestro sitio está cargado, y que en la configuración del sitio (archivo /etc/apache2/sites-enabled/000-default por defecto) tenemos el parámetro AllowOverride a all para nuestro root del servidor.

Si hemos hecho todo bien ahora deberiamos haber eliminado el index.php de Codeigniter:

Estás serían las URLs:

http://misitio.com/

http://misitio.com/welcome

Qué es Bootstrap y Cómo usar Bootstrap en un proyecto

Cómo usar Bootstrap en un proyecto

Bootstrap es un nuevo Framework para desarrollo FrontEnd buenísimo a la hora de querer hacer sitios responsive (adaptables a los distintos dispositivos).

Empezando con Bootstrap

Bootstrap es gratuito, lo podemos descargar de su sitio oficial, y comenzar a trabajar de inmediato con él en nuestros proyectos web.
Cómo usar Bootstrap en un proyecto

Cómo usar Bootstrap en un proyecto

Qué significa que sea un Framework para FrontEnd?

FrontEnd se le llama a todo aquello que tenga que ver con la vista de una página web, en esencia con su diseño, la distribución de los botones, widgets, cabeceras, títulos etc. Todo lo que tiene que ver con la presentación de la misma y que se logra mediante el buen uso de los lenguajes de programación con HTML + CSS (Estilos) + Javascript. Con el HTML lo que se hace es la estructura de nuestras páginas web, con el CSS se le da diferentes formas, colores, bordes y demás estilos a cada parte de nuestros sitios y Javascript es un lenguaje de programación que se ejecuta del lado del cliente y sirve para darle efectos visuales y funcionales a la página. Por ejemplo que se cambie el color de un botón al pasar el mouse sobre él.

Cómo empezar con una página Web con Bootstrap?

Luego de descargar Bootstrap del sitio oficial tendremos las siguientes tres carpetas que son las que nos interesan para comenzar a usar éste framework.

Qué es Bootstrap

Estructura de Archivos de Bootstrap

Lo siguiente es crear un archivo index.php desde el cual empezaremos a crear la vista principal de nuestro sitio web y desde donde enlazaremos las librerias de Bootstrap para usar todo su potencial en nuestras web.

Aquí les muestro un ejemplo de como sería un index.php estandar y como enlazar las librerías de Bootstrap:

 

Qué es Bootstrap

Index.php para enlazar las librerias de Bootstrap

 

 

 

 

Configurar Procesador de Texto Atom

Configurar Procesador de Texto Atom

Atom es uno de los procesadores de Texto que nos permiten una personalización bastante buena
de su configuración para nuestro uso, es más flexible que otros procesadores de texto como SublimeText, aquí les explico como configurar atajos de teclado a su gusto!

 

Configurar Procesador de Texto Atom con los archivos CSON

Atom es configurable a partir de Archivos en formato CSON, que es un formato de marckup similar a JSON.
El mismo nos permite configurar nuestros pares de atajos de teclado como objetos (el significado de Objetos en la jerga de programación) con una “Key” que los identifica y los valores correspondientes de cada objeto que queremos configurar.

Key:
key:[valor,valor]

Los “Key” pueden ser una cadena de texto, un integer, boolean, null, o un array con “N” elementos “Key” de los distintos tipos a la vez. Tenga en cuenta, que no puede repetir los valores de los “Key” en sus personalizaciones.

Acá les dejo un enlace para ver la documentación completa –> Atom Custom