ANGULAR MODULO GOOGLE MAPS

La integración de mapas para nuestros sitios web, es siempre un proceso largo y repetitivo.
Me agrada mucho la filosofía de módulos de ANGULARJS, pues los puedes reutilizar en cualquiera de tus proyectos y es que existen tantas variedad de mapas y opciones dentro de este que a veces no encontramos exactamente lo que queremos y nos toca modificar un poco el código.

Observa esta lista:

ANGULAR GOOGLE MAPS      

Este modulo hace parte de ANGULAR UI, escrita en COFFEESCRIPT y JAVASCRIPT, utilizando GOOGLE MAPS.
Este modulo es open source, te dejamos algunos  ejemplos, al igual para su descargar.

NG-MAP

Este modulo te ofrece mas de veinte ejemplos que puedes utilizar libremente desde aqui y para aprender sobre este modulo, aqui veras su documentacion y descarga

NGGEOLOCATION

GRAFICOS DE ESTADISTICA PARA TU WEB - JAVASCRIPT CHARTS

Es verdaderamente impresionante lo que puedes lograr hacer con JAVASCRIPT y las CANVAS de HTM.

El manejo de gráficos estadísticos nunca fue tan fascinante, son múltiples las librerías que existen y echas en JAVASCRIPT, las cuales las puedes añadir a tu proyecto fácilmente.

D3.js

Trae a la web múltiples características que aun no se habían implementado en muchas otras librerías de charts para JAVASCRIPT, por eso la convierte en una de las mejores.

Ademas de poseer una gran variedad ejemplos, y siendo de código abierto o open source la podrás descargar desde aqui.

 GOOGLE CHARTS

Toda la documentación de este framework la encontraras aqui.

Chartist.js

Simplemente bello lo que puedes lograr hacer con esto, para su descarga libre y documentación desde aqui.

Estos tres framework charts son open source y de los mas usados, si te intere ver algunos de pago lo podrás hacer aqui.

muchas gracias

ATOM TEXT EDITOR: PACKAGES ESENCIALES

Si eres principiante o ducho en programación web, te gustara ATOM TEXT EDITOR, pues ademas de ser una aplicación de código abierto u open source, te sorprenderás la gran cantidad de packages que tiene para manejar o dar soporte a múltiples lenguajes de programación y de marcado.

ATOM TEXT EDITOR esta disponible para windows, mac o linux, con sus respectivos setup, aunque yo lo prefiero portable, de esta forma no tengo que estar buscando los packages cada vez que desinstalo o formateo mi computadora.

sin mas te traigo algunos packages esenciales para ATOM TEXT EDITOR:

RAZONES PARA USAR NODE.JS - DESARROLLO WEB MOVIL

Hay muchas buenas razones y consejos para utilizar NODE.JS, independientemente del nivel de experiencia. Echar un vistazo a lo que algunos de los más grandes son razones prácticas para utilizar NODE.JS y por qué debe encantar.

Lo entiendo. No eres un desarrollador carro. No utiliza el fresco, la plataforma de moda sólo porque todos los demás. Es por eso que usted no ha mirado en serio en Node.js todavía. (O su jefe no lo ha dejas todavía.) Bueno, es hora de mirar de nuevo. Hay muchos grandes, razones prácticas para utilizar NODE.JS.

1. Usted Ya Sabe JavaScript

Déjame adivinar. Usted está utilizando un marco de cliente rico ( angular , Ember , Backbone ) y una API del servidor REST-ful que transporta JSON de ida y vuelta. Incluso si usted no está usando uno de esos marcos, usted ha escrito su propia en jQuery. Así que si usted no está utilizando Node.js en el servidor, a continuación, usted está constantemente traduciendo. Estás traduciendo dos cosas: 1) la lógica en la cabeza de JavaScript a su marco del lado del servidor, y 2) los datos HTTP de JSON a sus objetos del lado del servidor.

Mediante el uso de JavaScript a través de su aplicación, no sólo obtiene la energía mental, ganas práctico también. Mediante la posibilidad de volver a utilizar sus modelos y plantillas, reducir el tamaño de la aplicación que reduce la complejidad y la posibilidad de errores.

2. Es rápido

Node.js es un tiempo de ejecución de JavaScript que utiliza el motor V8 desarrollado por Google para su uso en Chrome. V8 compila y ejecuta JavaScript en relámpago acelera debido principalmente al hecho de que V8 compila JavaScript en código máquina nativo.

Además de la ejecución de JavaScript velocidad del rayo, la verdadera magia detrás de Node.js es el bucle de eventos. El ciclo de eventos es un solo hilo que realiza todas las operaciones de I/ O asíncrona. Tradicionalmente, las operaciones de I/ O o bien ejecutar de forma sincrónica (bloqueo) o asíncrona por el desove de hilos paralelos para realizar el trabajo. Este enfoque de edad consume mucha memoria y es muy difícil de programar. Por el contrario, cuando una aplicación de nodo necesita para realizar una operación de E / S, se envía una tarea asíncrona al bucle de eventos, junto con una función de devolución de llamada, y luego continúa para ejecutar el resto de su programa. Cuando se completa la operación asincrónica, el bucle de eventos vuelve a la tarea de ejecutar su devolución de llamada.

3. Herramientas

NPM es el gestor de paquetes Node.js y ... ... es excelente. Lo hace, por supuesto, se asemejan a los gestores de paquetes de otros ecosistemas, pero la NPM  es rápido, robusto y consistente. Se hace un gran trabajo en la especificación y la instalación de dependencias del proyecto. Mantiene conjuntos aislados de otros proyectos, evitando conflictos de versión. Pero también se encarga de las instalaciones globales de comandos de la shell y los binarios dependientes de la plataforma. 

4. Usted Ya Sabe JavaScript, otra vez

Así que ha decidido utilizar JavaScript en el servidor, y que está orgulloso de su decisión que evita todo lo que la traducción de los datos del cliente a los datos del servidor. Pero la persistencia de esos datos a la base de datos requiere aún más traducciones!

Hay buenas noticias. Si está utilizando una base de datos de objetos como MONGODB , a continuación, se puede extender JavaScript para la capa de persistencia también.

El uso de Node.js le permite usar el mismo idioma en el cliente, en el servidor y en la base de datos. Usted puede mantener sus datos en su formato JSON nativo desde el navegador en el disco.

5. En tiempo real de forma fácil

Si Node.js sobresale en muchas conexiones simultáneas, entonces tiene sentido que sobresale en multi-usuario, en tiempo real las aplicaciones web como el chat y juegos. bucle de eventos del nodo se encarga de las necesidades de varios usuarios. La potencia en tiempo real llega a través de uso del protocolo WebSocket. Websockets son simplemente bidireccionales canales de comunicación entre el cliente y el servidor. Por lo que el servidor puede enviar datos al cliente tan fácilmente como lo hace el cliente. Websockets se ejecutan a través de TCP, evitando la sobrecarga de HTTP.

SOCKET.IO es una de las bibliotecas WebSocket más populares en uso, y hace que las aplicaciones web de colaboración simples muertos.

muchas gracias.

AUTENTICACIÓN DE USUARIOS ANGULAR JS | USER AUTHENTICATION

Angularjs es un framework completo, desde el momento en que vio la luz su destino fue brillar y manejar el concepto de "re utilización de código", a convertido a este framework en una nueva alternativa para nuevos y experimentados desarrolladores, queriendo de esta forma llevar a un nuevo nivel al desarrollo web y mobil. La implementan de autentificacion o AUTH basada en token o jwt y cookies, olvidando por completo las variables de sisones en PHP, a dejado un poco pensativos a algunos y fascinado a otros, si eres de los que les gusta probar cosas nuevas e ir evolucionando para no quedarte en tu entorno "seguro", te invitamos a que mires  estos módulos de angular:

HTTP Auth Interceptor Module

AngularJS Authentication Module

Angular ACL

Permission

Angular Role Based Authentication

muchas gracias.

ANGULARJS MOBILE UI - DESARROLLO WEB MOVIL

Mobile Angular UI es un marco HTML 5, que utiliza de Bootstrap 3 y AngularJS para crear aplicaciones móviles interactivas.

Las principales características de Mobile Angular UI incluyen:

bootstrap 3
AngularJS
Bootstrap 3 componentes móviles, tales como interruptores, superposiciones y barras laterales que faltan en arranque normal.

AngularJS módulos como angular route, tap y angular angular animate
preguntas de los medios de respuesta son despojados de Bootstrap como archivos separados, sólo tiene que incluir lo que necesita. Mobile angular interfaz de usuario no tiene ninguna dependencia de jQuery, todo lo que necesita son algunas directivas AngularJS para crear experiencias de usuario móviles impresionantes.

Echar un vistazo a la  pagina de prueba de Angular Mobil UI para verlo en acción o descargalo aqui.


muchas gracias.

PHP SDK FACEBOOK, PAYPAL, DROPBOX Y MAS - DESARROLLO WEB Y MOVIL

Los SDK o "Kit de Desarrollo de Software", nos brindan una segura y rapida union con una plataforma o aplicación web o servicio web concreto, ya sean FACEBOOK, PAYPAL, DROPBOX, etc. Para los desarrolladores de sistemas que necesitan muy amenudo comunicarse con otras plataformas, ya sean por su servicio de autentificación o pagos en linea, estos SDK son muy utilices al poder manejar casos específicos que nuestro proyecto requiera.

PAYPAL:

para realizar pagos mas seguros y porque es una compañía con un gran recorrido, en su sección de desarrolladores, encontraras sus herramientas o descargar desde aqui su SDK. 

FACEBOOK

Un verdadero gigante y en su zona para desarrolladores, podras investigar y utilizar su sistema de autentificacion o descargar su SDK.

DROPBOX

Todos sabemos que es y para que sirve,  desde aqui puedes ver su SDK.

muchas gracias.

REST LIBRERIAS - PHP - DESARROLLO WEB

las API REST, se han vuelto muy populares pues es una tecnología de peticiones HTTP sin estados y a una URL que no apunta a ningún archivo.

Si quieres tener mas información visita esta web DesarrolloWeb - que es una API REST.

Entremos en materia; tener una Web API es una parte esencial de los negocios en línea de hoy, muchos sitios en la web lo implementan y debido a su auge han surgido una serie de librerías para PHP, que nos dejaran un buen sabor de voca, al momento de crear nuestra API REST:

FRAMEWORK DE MATERIAL DESIGN - DISEÑO Y DESARROLLO WEB Y MOVIL

Materialize:

es un marco de diseño frontal de respuesta basado en el diseño de materiales que se pueden utilizar en la aplicación al igual que Bootstrap. Este es sin duda uno de los más impresionantes marcos de diseño de materiales. Proporciona tanto archivos SCSS CSS y JavaScript, junto con los iconos de diseño y materiales de fuente Roboto.

Puede utilizar este marco al igual que Bootstrap importando el CSS y que son buenos para ir.

El proyecto es de código abierto y el código fuente del proyecto está disponible para su descarga.

Material UI:

Material de interfaz de usuario es un marco CSS que hace uso de Reaccionar componentes para poner en práctica la filosofía de diseño material. A pesar de este marco es bastante robusto, es posible que desee omitir si usted no está 100% de trabajo cómoda con Facebook de React. Algunos novatos reaccionar encontrar que es JSX (Javascript y XML) sintaxis bastante poco convencional.

listo para su descargar.

MUI CSS Framework:

Es un marco ligero para sitios y proporciona una solución fácil 'de arranque-como "para sus requerimientos de front-end. Puesto que está diseñado desde el suelo plano, es ligeramente más rápido que algunos de sus competidores y se recomienda para su uso en pequeños proyectos, en los que el objetivo principal no es la aplicación precisa de diseño de materiales.

este framework es de código abierto y lo puedes descargar aqui.

ANGULARJS MATERIAL DESIGN - DISEÑO WEB Y MOVIL

ANGULARJS, es el boom en estos ultimos años, se a venido imponiendo de una manera veraz e implacable, es tanto que este framework ya cuenta con su propio material design, en cual contaras con:




Autocomplementos.
Menus.
Barra de navegacion.
Botones.
Dialogos.

entre muchas otras, mas caracteristicas, pero no es mas si quieres ver una demo o si es mas ya quieres empezarlo a utilizar,  descargar

PHP LIBRERIAS INDISPENSABLES - PHP FRAMEWORK

El siempre PHP, muchas veces mal valorado y otras veces puesto como el mejor lenguaje para desarrollo web, PHP a ido evolucionando junto a nosotros, su nivel de seguridad es rotundo y veraz, en cuanto a sus librerias para agilizar el proceso de desarrollo, hemos elegido las que consideramos nunca pueden faltar en nuestro proyecto, la mejor forma de añadirlas a nuestro proyecto es usando composer, sin mas aqui esta la lista:

JQUERY FILE UPLOAD - PROGRAMACION WEB

subir archivos nunca fue tan facil, gracias a que existe JQUERY y en esta ocacion te mostraremos unas extension que es una verdadera maravilla.

jQuery File Upload Plugin: listo para descargar. o ver una demo

BOOTSTRAP MATERIAL DESIGN - DISEÑO WEB MOVIL

Si es bootstrap material design, que mas se le puede pedir, hacerte la vida mas fácil y muy bonito todo.

ANGULARJS FILE UPLOAD LIST

Siempre es una tarea ardua al momento de subir o mover un archivo de un lugar a otro; en este mundo de la programación muchas veces, los proyectos necesitan un manejo de archivo y terminas gastando le mas tiempo de lo pensado, igual existen varios framework para acelerar este proceso y ANGULARJS no se queda atras en cuanto a esto.

Mira esta lista de módulos para el manejo de archivo:

1. ng-file-upload:

este modulo es muy manejado en la comunidad de ANGULARJS y es una verdadera joya.

si quieres ver como funcciona aqui tienes un demo.

Descargar ng-file-upload

2. Angular File Upload:

Soporta la carga de arrastrar y soltar, subir el progreso, los filtros de validación y una cola de carga de archivos

aqui te dejamos una demo

SERVIDORES WEB LOCALES POCOS CONOCIDOS.

El LOCALHOST o 127.0.0.1 es nuestro sitio, lugar de trabajo en el cual hacemos y deshacemos, de todo se nos ocurre, en esta lista te mostraremos algunas aplicaciones que nos permiten ejecutar servidores locales, los cuales por no ser muy conocdos quiere decir que no son bueno, sin mas la lista:

GOOGLE Y SU MATERIAL DESIGN - DISEÑO WEB Y MOVIL

GOOGLE es una de las mas grandes empresas en ofrecer mejoras y herramientas muy poco convencionales tanto para programadores como a personas del común, pero que es eso de  MATERIAL DESIGN , simplemente son lineamientos de diseño digital para tus sitios web o mobiles, se vean de una manera esplendorosa y no sufrir de dolores de cabeza, cuando no cuentas con un diseñador digital.





Aqui podras ver un ejemplo de lo que puedes lograr implementando este sistema de diseño o si prefieres descargar y verlo desde tu localhost.

Mantente informado, mas novedades de material.

LA WEB EN TIEMPO REAL O REAL TIME - 1 PUSHER

voy a crear una serie de entradas o post, en donde voy a ir mencionando poco a poco algunos framework o herramientas para manejo de sitios web o aplicaciones para dispositivos mobiles, en tiempo real.

En esta ocacion permitan me presentar les a PUSHER, esta herramienta es muy poderosa, ademas de tener su versión para web también ofrece su aporte en IOS y ANDROID.

ANGULARJS CALENDARIO MODULOS

Angularjs sembró en nosotros una nueva manera de administrar y reutilizar nuestro código, en esta nueva entrega te traemos varios modulos que nos ayudan a organizarnos muy eficientemente.

A continuacion una sorprendente lista:

ui calendar - este modulo es fascinante te permite crear eventos y asociarlos a que días quieres que se te notifique.




Angular Bootstrap Calendar  - este modulo te da la sensación de que tienes todo controlado.




AngularJS datepicker directives - este modulo tendrás minicalendarios

SABIAS QUE? "PROPIEDADES POCAS CONOCIDAS" - CSS

Te mostraremos algunas propiedades de CSS, que son muy necesarias y que ni tenias idea de que existen.


appearance - esta propiedad le quitara o asigna el estilo por defecto que le coloca el navegador a las diferentes etiquetas de html, como lo son: "INPUT", "BUTTOM", etc.

mas informacion de la etiqueta y ejemplo - esperas los 5 segundos y le das en: "saltar publicidad".


font-size - no te confíes esta etiqueta tiene unos parámetros que te aran sentir un poco tonto por no verlas utilizados, pues no se tratan de valores fijos como: "PX", "EM" o "%". Estos valores le dan el tamaño exacto que debe tener cada titulo, subtitulo, etc.

"small",  "x-small" -  "xx-small"

"large", "x-large", "xx-large"

mas metodos de esta etiqueta

ANGULAR IMAGE FALLBACK - ANGULARJS MODULO

Angular Image Fallback, este module de angular te permitira mostrar una imagen con menos pesos mientras que se carga la imagen que debe mostrarse, este modulo de angularjs me a sido de mucha ayuda.

te invitamos a probarlo y a compartir nuestra pagina.


Angular Image Fallback

FONT ICONS - CSS

alguna vez te imaginaste tener una fuente de letras, pero en vez de los caracteres normales, tendrías veríos iconos y aun mas le podrías cambiar de tamaño y el color fácilmente, te presentamos las fuentes de letras de iconos, a continuación una lista para que pruebas algunos:

añadirlos a tu web es facil, solo es agregar otra etiqueta "link", como si añadieras una hoja de estilo mas.


 Dashicons si usas WP te seran utiles




Font Awesome - para mi las mejores





Devicons – An Iconic Font For Developers



fontastic





PW Drawn Icon Font


IcoMoon Free Pack

viva las fuentes de iconos.

BOOTSTRAP: HERRAMIENTA DE PERSONALIZACIÓN.

Bootstrap a revolucionado la forma de agilizar el maquetado de nuestro sitio web de una manera maravillosa, con su sistema de rejillas que te permite ir de una resolución de pantalla a otra y los multiples snippets.

algunos como yo diran que este framework es una verdadera herramienta y util para cualquier desarrollador, otros diran que porque este framework depende de jquery y adema de eso tiene una infinitividad de codigo que no vas a usar y por ende se convertira en codigo basura, no sera una mejor opcion para ellos, pero mi amigo, permitame mostrarle el CUSTOMIZE o el PERSONALIZADOR de codigo de BOOTSTRAP.



Con esta herramienta de bootstrap podras editar tu codigo a tu acomodo, quitar dependencias de jquery, si este no te gusta, entre muchas otras cosas mas, te invitamos a provarlo.


 bootstrap customize

COMO SABER CUAL ES TU SALARIO FREELANCER - DESARROLLADOR WEB

Todos en cualquier momento estamos en esa encrucijada, cuanto debo cobrar?, no quiero regalar mi trabajo.

el punto es que no siempre vas a poder cobrar lo que realmente cuesta trabajar en un sitio web o app móvil, siempre las rebajas y los clientes dicen: "es que no tenemos plata".

en estas dos paginas, puedes lograr saber cuanto debes cobrar.

app movil costo.

si te interesa cobrar como freelancer

ANGULAR-UI-NOTIFICATION

notificaciones al mejor estilo de angular, un framework que te permitira crear dialogos con el cliente de una manera rapida.


descargar angular-ui-notification

PROGRESSBAR - ANGULARJS

este modulo de angularjs te permitirá crear barras de progreso o preload dinámicos.

a cargar se a dicho.

progressbar.js