Entradas

Mostrando las entradas de febrero, 2019

06.-Laravel Tutorial en Español [blade avanzado] ¡¡En tiempo récord⚡!!

Imagen
INTRODUCCIÓN En este curso vamos a utilizar funciones avanzadas de blade
PROCEDIMIENTOS 1.- En el archivo routes/web.php agregaremos este código:

// Dentro de la ruta lista podemos recibir opcionalmente el parametro nombreRoute::get('lista/{nombre?}',function($nombre=null){// Arreglo de productos$productos=['mesas','sillas','manteles'];//Llamamos a la vista productos y le pasamos los parametros productos y nombrereturnview('lista',array('productos'=>$productos,'nombre'=>$nombre));})->name('lista');
2.- En la carpeta resources/views  creamos el archivo master.blade.php (Si no lo hemos creado) donde colocamos este codigo:

<!DOCTYPE html><htmllang="en"><head><metacharset="utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"content="width=device-width, initial-scale=1"/><metaname="descrip…

05.-Laravel Tutorial en Español [blade] ¡¡En tiempo récord⚡!!

Imagen
INTRODUCCIÓN Yo entiendo la molestia de algunos que dirán: "Oye pero ta estamos aprendiendo laravel y ademas vamos a aprender la sintaxis de blade" a lo que yo les diré, pues si ni modo pero blade es muy simple y son solo unos pocos elementos extras que vamos a aprender y ademas nos va a ahorrar mucho código.

Por otro lado les puedo decir que Blade es opcional, pero no recomiendo brincarse este tutorial por 2 simples razones:
1.- Hay muchos proyectos ya creados con laravel y blade o quizas en su empresa tengan que editar codigo de otro programador que trabajo con blade.
2.- Hay sistemas que generan código de forma automática y tambien trabajan con blade y ocurre el mismo inconveniente que el la razon 1 osea que algun dia vamos a tener que editar ese codigo.

Si no te convenció ninguna de estas 2 razones pues te tengo una tercera:
3.- Blade es muy simple no te tomara ni 15 minutos aprender.
PROCEDIMIENTOS
1.- En el archivo routes/web.php agregaremos este código:

Route::get(…

04.-Laravel Tutorial en Español [Rutas] ¡¡En tiempo récord⚡!!

Imagen
INTRODUCCIÓN En este tutorial vamos a trabajar con las rutas y una ruta para que lo entendamos mejor es como una sub carpeta por ejemplo https://www.programadornovato.com/2019/02/04-laravel-tutorial-espanol-en-tiempo.html
Donde
https://www.programadornovato.com = Es el dominio principal.
2019 = La sub carpeta del años
02 = La sub carpeta con el mes

La ventaja de trabajar rutas (o sub carpetas) en laravel es que estas sub carpetas son dinámicas y gestionadas por código incluso pueden ser gestionadas desde la base de datos.
PROCEDIMIENTOS
1.- En el archivo routes/web.php agregaremos este código:
// Si vamos a la ruta http://127.0.0.1:8085/hola veremos un holaRoute::get('hola',function(){return"Hola";});// Si escribimos http://127.0.0.1:8085/cliente/1 vremos Id del cliente = 1Route::get('cliente/{id?}',function($id=0){if($id==0){return"No hay cliente";}else{return"Id del cliente = ".$id;}})->where("id","[0-9]+");// Si escr…

08.-Programar Wordpress desde cero [admin_menu avanzado]

Imagen
INTRODUCCIÓN
Imaginemos esta situación: nos piden un programa de gestión empresarial (Seria un poco raro en wordpress pero puede pasar) asi que lo debemos hacer es crear un menu donde se van a dividir los diferente elementos de nuestra empres por ejemplo:
- Empleados
- Productos
- Clientes
- Proveedores
- etc. etc.

Para esto Wordpress nos ofrece funciones de gestión de menús, en realidad no son muy amplias pero es lo que hay.

PROCEDIMIENTOS 1.- En wp-content/plugins/ creamos una carpeta llamada mi-admin-menu-avanzado

2.- Dentro de la carpeta mi-admin-menu-avanzado creamos un archivo llamado mi-admin-menu-avanzado.php donde colocaremos este código:

<?php/*Plugin Name: mi-admin-menu-avanzadoPlugin URI: programadornovato.comDescription: Este pluging crea un menu y submenus en el administradorVersion: 1.0.0Author: Eugenio ChaparroAuthor URI: programadornovato.comLicense: GPLv2*/// Inicializa el menu en el administradoradd_action('admin_menu','mi_menu_avanzado');function…

07.-Programar Wordpress desde cero [admin_menu]

Imagen
INTRODUCCIÓN En este tutorial vamos a crear un menú en el administrador de wordpress y a ese menú le vamos a colocar un formulario donde vamos a guardar dos campos.

Los 2 campos que vamos a crear se van a guardar con la funcion settings_fields que nos ofrece wordpress.
PROCEDIMIENTOS 1.- En wp-content/plugins/ creamos una carpeta llamada mi-admin-menu

2.- Dentro de la carpeta mi-admin-menu creamos un archivo llamado mi-admin-menu.php donde colocaremos este código:

<?php/*Plugin Name: mi-admin-menuPlugin URI: programadornovato.comDescription: Este pluging crea un menu en administrador y crea tambien un formularioVersion: 1.0.0Author: Eugenio ChaparroAuthor URI: programadornovato.comLicense: GPLv2*/// Inicializa el menu en el administradoradd_action("admin_menu","opciones_de_admin");if(!function_exists("opciones_de_admin")){functionopciones_de_admin(){// Configuramos los parametros del menu//add_options_page($page_title , $menu_title , $capability …

06.-Programar Wordpress desde cero [widgets]

Imagen
INTRODUCCIÓN Los widgets son una excelente opción para agregar elementos extras a nuestra web y wordpress los sabe muy bien, por eso nos ofrece rápidas y fáciles opciones para gestionar y programarlos.

En este tutorial vamos a prender a crear widgets y en particular vamos a crear dos widgets para poder gestionar el área del footer desde nuestro administrador de wordpress.

PROCEDIMIENTOS 1.- En wp-content/plugins/ creamos una carpeta llamada mi-widget

2.- Dentro de la carpeta mi-widget creamos un archivo llamado mi-widget.php donde colocaremos este código:

<?php/*Plugin Name: mi-widgetPlugin URI: programadornovato.comDescription: Este pluging crea un widgetVersion: 1.0.0Author: Eugenio ChaparroAuthor URI: programadornovato.comLicense: GPLv2*/// Llamamos la clase donde estan las funcionalidades del widgetrequire_once'mi_widget_class.php';// Accion que inicializa el widgetadd_action("widgets_init","widget_carga");if(!function_exists("widget_carga"…

05.-Programar Wordpress desde cero [add_meta_box]

Imagen
INTRODUCCIÓN En este tutorial vamos a agregar meta_box en nuestros posts. Pero quizás te este preguntando que es un meta_box es muy fácil, son campos extras que se le agregan a los articulos, en esos campos extras podemos colocar cualquier cosa vamos a mostrara varios ejemplos:
1.- Un articulo de cocina podríamos agregar un meta_box con los ingredientes
2.- Un articulo de vídeos podríamos colocar un meta_box con la url o quizas el id del video.
3.- Un articulo de referencias de paginas en el que podríamos agregar en el meta_box el iframe de la pagina a la que hacemos referencia.
PROCEDIMIENTOS 1.- En wp-content/plugins/ creamos una carpeta llamada mi-metabox

2.- Dentro de la carpeta mi-metabox creamos un archivo llamado mi-metabox.php donde colocaremos este código:

<?php/*Plugin Name: mi-metaboxPlugin URI: programadornovato.comDescription: Este pluging agrega un metabox en el postVersion: 1.0.0Author: Eugenio ChaparroAuthor URI: programadornovato.comLicense: GPLv2*/// Agregamos la …

04.-Programar Wordpress desde cero [add_shortcode]

Imagen
INTRODUCCIÓN En este tutorial vamos a trabajar con los shotcodes o códigos cortos.
Pero se preguntaran que es un shortcode y es algo muy simple, quizás en alguna ocasión hayamos instalado algún pluging que nos pida que pegues un pedazo de código en nuestro articulo o pagina por ejemplo contact-form-7 que precisamente hace eso, cuando nosotros configuramos un formulario contact-form-7 nos dice ahora pega este shotcode en donde quieras que se muestre tu formulario de contacto.

PROCEDIMIENTOS
1.- En wp-content/plugins/ creamos una carpeta llamada mi-shortcode

2.- Dentro de la carpeta mi-shortcode creamos un archivo llamado mi-shortcode.php donde colocaremos este código:

<?php/*Plugin Name: mi-shortcodePlugin URI: programadornovato.comDescription: Este pluging agrega un shortcode a wordpressVersion: 1.0.0Author: Eugenio ChaparroAuthor URI: programadornovato.comLicense: GPLv2*/add_action("init","mi_codigo_corto");if(!function_exists("mi_codigo_corto")){func…

Facebook Like