Routing en Symfony3
El routing en Symfony3 es algo muy importante, ya que nos va a permitir tener un sistema de rutas limpias y amigables y nos va a brindar mucha potencia a la hora de desarrollar aplicaciones web con el framework. Veamos como se definen rutas en Symfony3. Se pueden definir rutas globales y rutas dentro de un bundle. En nuestro caso modificaremos el fichero Src/PruebasBundle/Resources/config/routing.yml ejemplos_pruebas_homepage: path: /hello/{name} defaults: {...
Juntar imágenes y tablas en un HTML para Gmail
A veces cuando estamos maquetando una newsletter en HTML para Gmail con herramientas como MailChimp u otras propias, tenemos la necesidad de unir o juntar imágenes o tablas en este HTML. Como sabes para maquetar correos electrónicos tenemos que hacerlo con tablas y con css en línea para que lo interpreten bien los diferentes clientes de correo. Que podemos hacer para conseguir esto y juntar imágenes y tablas. A...
Servicios y módulo HTTP en Angular 2 Final
Los servicios en Angular 2 son clases que básicamente nos van a servir para realizar acciones concretas, por ejemplo proveer de datos al componente, hacer peticiones al servidor, o realizar una lógica compleja fuera del componente. Crear un servicio básico en Angular 2 Veamos como crear un servicio en Angular 2. // importamos el modulo Injectable de AngularJS import { Injectable } from '@angular/core'; // Permitimos que este objeto...
Días restantes con Twig
Veamos como calcular el numero de días restantes con Twig. Como sabes Twig es el sistema de plantillas de Symfony3, el framework PHP más demandado. Lo que hace el siguiente trozo de código es calcular cuantos días quedan o cuantos días hay entre dos fechas. {% set diferencia = date('2018-04-20').diff(date('now')) %} {% set restante = diferencia.days %} {% if reestante == 1 %} 1 día {% else %} {{...
Desarrollo web con JavaScript, Angular, NodeJS y MongoDB
Entra al curso pinchando aquí Te presento mi nuevo curso Desarrollo web con JavaScript, Angular, NodeJS y MongoDB. Vas a aprender paso a paso como desarrollar servicios y APIs REST con NodeJS, Express, MongoDB, JWT y como crear aplicaciones web front-end complejas con la nueva versión de AngularJS (Angular 2). En resumen vamos a aprender a hacer un desarrollo fullstack con el MEAN Stack 2.0, creando paso a paso...
Migrar WordPress de un dominio a otro
Vamos a ver como migrar WordPress de un dominio a otro paso a paso. Paso 1. Copiar todo el contenido de nuestro WordPress, copiar todos los archivos y carpetas. Paso 2. Entrar a PhpMyAdmin(o a cualquier otro gestor de bases de datos), y exportamos la base de datos. Simplemente entramos a nuestra base de datos y le damos a la opción de exportar. Paso 3. Importar la base de...
Crear varios componentes en Angular 2 (@Component y @NgModule)
Hoy vamos a ver como crear varios componentes en Angular 2, es muy simple. Lo primero que vamos a hacer es crear un directorio para los componentes dentro de nuestro directorio app, esto es una preferencia personal, tu puedes tener la estructura de directorios que prefieras. Crearé el directorio app/components y ahí meteré los componentes. Dentro de este directorio voy a crear dos componentes, por ejemplo, crearé empleados.component.ts y...
Hacer consultas y conseguir el usuario dentro de un formulario de Symfony3
Hoy vamos a ver como hacer consultas y conseguir el usuario dentro de un formulario de Symfony3. Cuando necesitamos más personalización y conseguir por ejemplo un desplegable con una serie de opciones salidas de la base de datos más allá de lo que nos ofrece por defecto Symfony3 en un formulario, es interesante lo que haremos ahora. Vamos a ver como conseguir el usuario dentro de un formulario de...
Crear extensiones de Twig en Symfony 3
Hoy vamos a ver como crear extensiones de Twig en Symfony3. Una extensión de Twig no es más que un helper para nuestras vistas, nos va a permitir tener una funcionalidad que va a permitir ser utilizada en cualquier vista twig de nuestro proyecto de Symfony. Para crear extensiones de Twig lo primero que tenemos que hacer es crear un directorio llamado Twig dentro de nuestro Bundle. Y dentro...
Enlace de datos bidireccional en Angular 2 (two-way)
Hoy aprenderemos a utilizar el Enlace de datos bidireccional en Angular 2, también conocido como Two-way Data Bindind. En Angular 2 tenemos varios tipos de enlace de datos o binding, por ejemplo, el binding por interpolación que simplemente nos permitía mostrar el valor de las propiedades de la clase de nuestro componente en la plantilla, muy simple, solamente le pasamos un dato del componente a la plantilla. El two-way...
Como instalar Angular 2.4 y últimas versiones
Hoy vamos a ver como instalar Angular 2.4 y las versiones finales con un repositorio de GitHub que ha publicado la gente de de Angular. Primero clonamos el repositorio que incluye lo básico que debe llevar una instalación de Angular 2. git clone https://github.com/angular/quickstart.git instalacion-angular Una vez que lo clonamos, entramos al proyecto y hacemos un npm install para instalar todas las dependencias del framework: cd instalacion-angular npm install...
Detectar la ruta actual en Angular 2 (ruta activa)
Hoy vamos a aprender a detectar la ruta actual en Angular 2, es decir, que ruta está activa en el momento actual dentro de una plantilla del proyecto. Es sencillo, veamos un ejemplo: <a [routerLink]="['/prueba']" [routerLinkActive]="['elemento-activado']"> Esto significa que cuando estemos en la ruta /prueba le vamos a poner una clase elemento-activado al enlace. También podríamos utilizar routerLinkActive de manera aislada en cualquier elemento y pondremos una clase de...
Entra a mis cursos online
Hosting recomendado ⬇️
