Hacer consultas y conseguir el usuario dentro de un formulario de Symfony3
Ene21

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...

Leer más
Crear extensiones de Twig en Symfony 3
Ene14

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...

Leer más
Enlace de datos bidireccional en Angular 2 (two-way)
Ene07

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...

Leer más
Como instalar Angular 2.4 y últimas versiones
Ene06

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...

Leer más
Detectar la ruta actual en Angular 2 (ruta activa)
Ene05

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...

Leer más
Mis mejores cursos de desarrollo web de 2016
Dic31

Mis mejores cursos de desarrollo web de 2016

Este año 2016 he impartido varios de los mejores cursos de desarrollo web de Internet, estoy muy contento con los cursos que he impartido y sobre todo con haber ayudado a tanta gente a mejorar sus habilidades y posibilidades laborales durante todo el año. Hoy traigo una selección de mis mejores de cursos de desarrollo web de 2016: Curso de Symfony3 – Domina el framework PHP más completo Entrar...

Leer más
Como crear una variable en Twig (Symfony3)
Dic30

Como crear una variable en Twig (Symfony3)

Para crear una variable en Twig, el lenguaje de plantillas de Symfony3, lo podemos hacer de la siguiente forma: {# Crear variable en Twig #} {% set fruta = 'manzana' %} {# Imprimir contenido de una variable en Twig #} {{fruta}} Con esto ya sabemos crear una variable en Twig y mostrar su contenido por pantalla. ¿Quieres más? Vídeo Curso de Symfony3 ¡Domina el framework PHP más completo !...

Leer más
Como usar jQuery en Angular 2
Dic26

Como usar jQuery en Angular 2

Hoy aprenderemos a usar jQuery en Angular 2, en el ejemplo que voy a hacer veremos como usar jQuery dentro de un componente de Angular2. jQuery es una librería de JavaScript que nos permite trabajar con el DOM de forma muy sencilla y Angular 2 es un framework desarrollado por Google que sirve para desarrollar aplicaciones web SPA, osea que el propósito de estos frameworks es completamente diferente. Cuando...

Leer más
Crear una base de datos en MongoDB
Dic24

Crear una base de datos en MongoDB

Hoy veremos como crear una base de datos en MongoDB. En MongoDB no existe ningún comando estilo create database, ni nada así, lo que hace mongodb es crear una colección (base de datos) en el momento que se le inserta un objeto o documento(registro de una tabla por llamarlo de alguna forma) a dicha colección. Veamoslo como crear una base de datos en MongoDB paso a paso y desde...

Leer más
Ruta 404 en Angular 2
Dic21

Ruta 404 en Angular 2

Hoy vamos a ver como hacer una ruta 404 en Angular 2 para que cuando un usuario acceda a una url que no exista nos cargue un componente en especifico. Imagina que tenemos un componente llamado NotFoundComponent y en el tenemos una plantilla asociada que muestra un 404 o el mensaje que quieras. Para hacer que ese componente se cargue cuando la ruta no exista debemos añadir la siguiente...

Leer más
Generar una sola entidad a partir de una tabla en Symfony3
Dic17

Generar una sola entidad a partir de una tabla en Symfony3

Hace tiempo vimos con Symfony2 como generar entidades a partir de la base de datos, el único cambio que hay con respecto a la versión 3 de Symfony es que la consola en lugar de encontrarse en app/console se encuentra en bin/console. Hoy veremos como generar una sola entidad a partir de una tabla en Symfony3. Si necesitas crear otra tabla en la base de datos simplemente la creas...

Leer más
Como usar Angular CLI en Angular 2
Dic10

Como usar Angular CLI en Angular 2

Angular CLI es una herramienta que nos hace más fácil el proceso de instalación de Angular 2 y nos agiliza el inicio de un proyecto con este framework de Google. ¿Que nos ofrece Angular CLI al final? Instalación y esqueleto básico de Angular 2 Comandos para la generación de código(componentes, servicios, etc) Herramientas de minificación y builds para las webapps Testing Para instalar Angular CLI lanzamos el comando npm...

Leer más