Mostrando las entradas con la etiqueta Desarrollo Web. Mostrar todas las entradas
Mostrando las entradas con la etiqueta Desarrollo Web. Mostrar todas las entradas

sábado, 2 de septiembre de 2017

¿Qué es npm?

Node Package Manager o npm es un gestor de paquetes, el cual hará más sencillo nuestras vidas al momento de desarrollar con NodeJS, ya que gracias a él podremos tener cualquier librería disponible en una sola línea de código, npm nos ayudará a administrar nuestros módulos, distribuir paquetes y agregar dependencias de una manera sencilla.

viernes, 29 de julio de 2016

Activar Adobe Master Collection CS5

Bueno quiero compartirles a mis amigos que les gusta el diseño gráfico o a cualquier profesional que hace uso de este producto -  Adobe, les dejaré los pasos realizado en windows.

El asunto es que de manera esporádica hago uso del Dreamweaver, los siguientes pasos a realizar son:


1. Realizar la instalación del producto como una versión de prueba.
2. Después de haber realizado la instalación del producto, no debe abrir o ejecutar ninguno de los producto del suite - Adobe.
3. Ahora vaya a Inicio y buscar el Bloc de notas y ejecutarlo como administrador.

4. Ahora a través de su bloc de notas, ubicar la ruta C:\Windows\System32\drivers\etc y abrir el archivo hosts y añadir 127.0.0.1 activate.adobe.com - ver imagen de abajo y guardar con los cambios realizado.

5. Inicial cualquiera de los productos y nos solicitara ingresar la serial (se recomienda no estar conectado a internet).


También puedes consultar Serial Adobe Master Collection CS5

sábado, 11 de junio de 2016

Desarrollador Front-End, Back-End o Full Stack

Un desarrollador web no solo implica en una sola cosa, sino que abarca múltiples responsabilidades y más de un conjunto de habilidades que se determina a ciertos grupos de especialistas que la poseen. 

Obviamente que la responsabilidad sera otorgada a la persona adecuada según sus habilidades o simplemente su especialidad, hoy en día se habla muchísimo en el mundo del desarrollo web sobre los términos de front-end y back-end o simplemente de los full stack. En este articulo lo que pretendo es explicar las responsabilidad y ciertos conceptos a tomar en cuenta sobre cada uno de ellos.

El desarrollador Front-end:
Es el encargado de trabajar del lado del Cliente, es decir para la visualización en el navegador web. 
Y su principal ocupación es considerar todos los componentes externos del sitio web o de la aplicación web. Considerando como consecuencia y responsabilidad que la persona debe dominar obligatoriamente tecnologías tales como:

HTML, CSS, JavaScript y ciertos framework que hacen que la parte del lado del cliente se vea optimo y amigable para su uso, con un performance de diseño único y de gran calidad.

El desarrollador Back-end:
El back-end es el encargado de trabajar del lado Servidor, es decir de detrás del escenario del cliente. Es el encargado de construir y crear reglas de la aplicación, todo esto hace que su trabajo se vea reflejado del lado del cliente, con el previo desarrollo del front-end.  

Para ser un back-end del lado Servidor, basta con conocer y ser especialista en un solo lenguaje y tecnología o frameworks para poder realizar todo este trabajo, sin embargo no es suficiente con solo dominar el lenguaje y tecnología o frameworks, el desarrollador back-end debe estar capacitado y familiarizado con las bases de datos (Sql, ORACLE,MySql, etc) y no necesariamente ser un especialista en base de datos.

El desarrollador Full Stack:
Es el desarrollador multiusos, responsable del desarrollo del proyecto, desde el montaje de los servidores, hasta el diseño con CSS. Lo que se comenta actualmente es prácticamente imposible ser un buen desarrollador full stack. Tal y como evoluciona hoy en día la tecnología, es casi inviable estar de cada lado (Cliente/Servidor/Arquitectura) y dominar todos ellos. 

Bueno otra cosa que se menciona en general, los programadores que se hacen llamar full stack están más centrados en una de las dos partes, es decir, son especialista y dominan una de las partes y de la otra tienen nociones más que necesarias para dar soluciones, y muchos expertos dicen que estos perfiles suelen trabajar en pequeñas empresas donde ellos solos son los encargados de todo el desarrollo web (son opiniones y comentarios que se encuentra por la red, pero puede ser todo lo contrario).

En resumen:

Como se detalla en todo desarrollo web se presentan múltiples tareas y faces las cuales van evolucionan en nuestro día a día por la aparición de diferentes tecnologías. Lo mejor que se podría hacer es comenzar por especializarnos en uno de ellos, Front-end o Back-end sin dejar de lado el alma de tener en algo de Full Stack, desde luego que lo necesitaremos. 

sábado, 21 de febrero de 2015

DW y XAMPP - Configurar Site localhots

En el siguiente articulo pretendo demostrar con simples pasos la configuración de un Site en Dreamweaver para la ejecución de nuestro archivos html haciendo uso de XAMPP.

Requisitos:

Dreamweaver CS3 (para las demás versión es algo similar).
XAMPP (packege que incluye el famoso AMP - Apache , MySQL, PHP)

Crear las carpetas necesarias:

Crear un Site:

  • Ubicar la raíz y carpeta principal donde iremos guardando nuestro archivos:
  • Ubicar la carpeta de imágenes:
  • Ubicar el dominio en mi caso esta en el localhost
  • La opción Spry se encarga de almacenar los JavaScript que se crearan de manera automática.
  • Ahora levantamos nuestro servicios - Apache y MySql (si cuentas con conexión a dato).
  • Y por ultimo a testar tu sitio web.
Comencemo:
Al iniciar el diseño y desarrollo o implementación en de un proyecto web, siempre tendremos la necesidad de ir viendo nuestros avances  (diseño y desarrollo o implementación). Así que las buenas practicas es la siguiente:
En mi caso creo la carpeta TEST considerando la ruta donde lo tengo instalado el XAMPP C:\xampp\htdocs\Test


Espero sea útil para los que aun usan DW.

sábado, 2 de agosto de 2014

Implementar SyntaxHighlighter en Blogger

En el siguiente apartado implementaremos SyntaxHighlighter en su versión online. Permitiendo resaltar el texto del algunos lenguajes de programación, para mayor detalle puedes visitar la pagina oficial.

Ingresamos a nuestro blog y nos ubicamos en la opción de Plantillas y clic en Editar HTML:

Nos ubicamos en la sección de <head></head> del HTML de la plantilla y pegamos las siguientes lineas:








Y clic en guardar plantilla:

Para poder hacer efecto de las lineas adicionadas, debemos considerar al momento de redactar un nuevo tema debemos adicionar <pre class="brush: csharp"> aquí el código que quieras publicar, en mi caso es C# </pre> estando en la versión HTML:

Y como resultado tendríamos lo siguiente:
Todo esto recién se notará cuando se realiza la publicación

Lenguajes que soporta:

  • AppleScript (applescript)
  • ActionScript3 (as3, actionscript3)
  • Bash/shell (bash, shell)
  • ColdFusion (cf, coldfusion)
  • C# (c-sharp, csharp)
  • C++ (cpp, c)
  • CSS (css)
  • Delphi (delphi, pas, pascal)
  • Diff (diff, patch)
  • Erlang (erl, erlang)
  • Groovy (groovy)
  • JavaScript (js, jscript, javascript)
  • Java (java)
  • JavaFX (jfx, javafx)
  • objc Objective-C/Cocoa
  • Perl (perl, pl)
  • PHP (php)
  • Plain Text (plain, text)
  • PowerShell (ps, powershell)
  • Python (py, python)
  • Ruby (rails, ror, ruby)
  • Sass (sass,scss)
  • Scala (scala)
  • SQL (sql)
  • Visual Basic (vb, vbnet)
  • XML (xml, xhtml, xslt, html, xhtml
Espero los sirva, nos vemos en el siguiente tutorial.

sábado, 11 de diciembre de 2010

JavaScript – Objeto Function Suma de dos valor

Uso del Objeto Function:
El objeto predefinido especifica una cadena de código JavaScript a ser compilada como una función. Con este pequeño ejemplo daremos a conocer la importancia del uso del objeto Function, que a futuro iremos implementando con nuevos ejemplos.

Requisitos
  1. Concepto de JavaScript.Function 
  2. Editor de texto con el Notepad o el Notepad++ entre otros.
  3. Y por último nuestro navegador web para realizar nuestra respectiva prueba.

Explicación
Creamos nuestra función sumar con dos argumentos (valor1 y valor2), donde la variable resultado (var resultado;) retornara el valor de nuestra suma (return resultado;).

function sumar(valor1, valor2)
{
    var resultado;
    resultado = valor1 + valor2;
    return resultado;
}
Para la visualización del resultado, implementamos las 2 lías de código.

document.write("<HR>Sumar: 17 + 10 = <B><I>"+sumar(17, 10));
document.write("</B></I><HR>")

Se visualizará en la página html, (Sumar: 17 + 10 =) valor cadena para una mejor visualización  a nuestra pequeña aplicación, concatenamos (+) e invocamos a nuestra función creada (sumar(17, 10)).

Guardamos todo nuestros cambios, y por último doble clic en nuestra página sumar.html para visualizar el resultado de la aplicación desarrollada.

El resultado de nuestra suma 27.