CRUD con Angular, Node.js y MongoDB, parte 2

Bueno, en la última publicación vimos cómo hacer CRUD con Angular, la forma sencilla y ordenada con la que Angular nos permite trabajar por separado la lógica (Javascript) y la presentación (Html) En esta ocasión vamos a continuar con el mismo ejemplo, sólo que esta vez vamos a trabajar con base de datos.

Primero, antes de iniciar el servidor Node.js, debemos tener el servicio de MongoDB funcionando.

Seguir leyendo “CRUD con Angular, Node.js y MongoDB, parte 2”

CRUD con Angular, Node.js y MongoDB, parte 1

Tener la mente abierta es la clave para ser desarrollador web, independientemente de que tengas mucha o poca experiencia en esto. Las tecnologías web no son equipos de fútbol, como lo son para muchos, que debaten en foros cuál es el mejor, y se pelean como “gatos” de farándula por quién tiene la razón, las tecnologías web son herramientas que nos sirven para desarrollar, algunas tienen más ventajas que otras o desventajas con respecto a otras, sin embargo el tener la voluntad de aprender lo nuevo es el primer paso a saber qué haremos en el futuro.

Seguir leyendo “CRUD con Angular, Node.js y MongoDB, parte 1”

Introducción a Angularjs

A la hora de crear el frontend de una aplicación web, los pasos a seguir son los siguientes: En un primer momento, a partir de un diseño, se crea una plantilla mediante Html y Css, esto se llama maquetar. Pero lo único que obtenemos no es más que un sitio estático, con poco alcance, es entonces que recurrimos a Javascript, para hacer bailar a nuestro html. Javascript permite extender más allá la funcionalidad nuestros sitios en el lado del cliente. Con Javascript podemos manipular, crear y eliminar etiquetas; validar formularios; crear animaciones; etc. En pocas palabras Javascript convierte a html, algo estático en algo dinámico.

Seguir leyendo “Introducción a Angularjs”

Aprendiendo PHP, parte 17: Elementos de formulario

En la anterior publicación conocimos el envío de formularios y los dos métodos que nos permiten enviarlos al servidor, GET y POST. En esa ocasión habíamos usado dos elementos, input text, para ingresar texto e input password para las contraseñas. En esta ocasión profundizaremos un poco más sobre los elementos de formulario, aunque si bien esto pertenece más a un tema de HTML más que a PHP es importante entender bien su funcionamiento y como llegan los valores ingresados por el usuario al servidor.

Seguir leyendo “Aprendiendo PHP, parte 17: Elementos de formulario”

Armado básico de un sitio en Html5

Aprender a desarrollar en html es una tarea fácil, sin embargo hay algo que no es tan fácil y que a muchos nos lleva a cometer muchos errores: utilizar correctamente los elementos de html. Cada etiqueta en html tiene un propósito, por ejemplo un h1 se utiliza para definir el título principal de una página. Esto que en teoría parece sencillo en la práctica se torna una tarea compleja que muchas veces nos lleva a utilizar las etiquetas de forma errónea.

Seguir leyendo “Armado básico de un sitio en Html5”

Uso de media queries con css3

Como todos sabemos hoy día es muy común que las conexiones a internet no sólo se den desde una computadora (ordenador) ya sean de escritorio, notebooks, netbooks, tablets, etc. En los últimos años se ha hecho muy frecuente conectarse a la red a través de otros dispositivos, como celulares. Lo que nos obliga a pensarnos seriamente en un pequeño cambio en el diseño de los sitios para adaptarse así a las pequeñas pantallas de estos aparatos. No es lo mismo conectarse desde un monitor de 35 pulgadas que desde un pequeño celular.

Seguir leyendo “Uso de media queries con css3”

Transiciones con css3

Como dije en un posteo anterior uno de los propósitos de css3 es el de cubrir aquellas funcionalidades que css2 estaba limitado a hacer y para ello muchas veces debía recurrirse a otras tecnologías como Javascript. Una de ellas, las transiciones, los movimientos animados de los elementos. Pensemos en algo básico y crudo, una imagen con un tamaño específico que al pasarse el mouse por encima cambia su ancho y su alto:

Seguir leyendo “Transiciones con css3”