WebMatrix 3.- Herramienta para el Desarrollo Web Moderno


Hi mis Geeks Smile

En está ocasión les comparto un video promocional donde nos explica en menos de un minuto porque usar está increíble herramienta. Winking smile

 

Además te invitamos a unirte a nuestra comunidad de desarrolladores, para saber más cliquea el banner:

401981_10151621250275934_746832058_n

 

Sin más me despido,

@PeterConchaR
Microsoft Student Partner Lead LATAM

Web Developer HTML5, CSS3 and JavaScript

Community Lead Avanet

https://ptrconcha.wordpress.com/

 

 

Anuncios

WebMatrix 3.- Introducción a la versión 3


Recomendado!!! si te gusta el desarrollo web o las tecnologías Microsoft sígueme en twitter Winking smile –> @PeterConchaR 

image

WebMatrix es una herramienta de desarrollo web gratis, ligera, conectada a la nube. Como debe ser cualquier IDE moderno en la actualidad Winking smile

image

Crear, publicar y mantener tu sitio de Internet con tal facilidad es algo que se a enfocado el equipo detras del desarrollo de está herramienta.

imageNuevos cambios para la creación de sitios web … ahora mucho más simple

WebMatrix 3 le ofrece fácil acceso a los sitios Web de Windows Azure. Ahora los iconos de tus proyectos te darán una previsualizaciones de tus sitios haciendo mucho más fácil el encontrar y abrir el proyecto con el que deseas trabajar. Accede a tus sitios remotos perfectamente como si de sitios locales se trataran. No solo eso ahora colaborar en proyectos en equipo es mucho más sencillo  con los sistemas de control de código fuente Git y TFS….. y mucho más!!! Leer más

 

image

Diseñado para los Lenguajes Top

Crear sitios web usando nuestras plantillas ASP.NET, PHP, Node.js y HTML5 y aprovechar los últimos estándares web, estándares emergentes como CSS3, HTML5 y bibliotecas populares de JavaScript como JQuery. Todo estó pensando siempre en la productividad del desarrollador.

Optimizado para el código abiertoimage

Instalar aplicaciones web populares con unos pocos clics, personalizarlos fácilmente con el autocompletado de código específico de la aplicación y publicarlas rápidamente a la web. Leer más

 

image

Tu compañero para la nube

Al crear proyectos locales, podrás obtener al instante un sitio web en Windows Azure sin tener que abandonar WebMatrix. Tan solo usando el botón publicar, fácilmente puedes mantener los sitios sincronizados y guardar todos los cambios en la nube. Leer más

 

image

Diseñado para el desarrollo móvil

Optimiza tus sitios web para la navegación móvil con plantillas incorporadas, emuladores de dispositivos y autocompletado de código para JQuery mobile. Leer más

 

image

Control de código fuente con Git

Conectate con GitHub, CodePlex y Team Foundation Server (TFS) para empezar a compartir tu código con el mundo. Si eres nuevo en Git, o un profesional experimentado, encontrarás todas las características que esperarías en una herramienta tan poderosa pero fácil de usar. Leer más

 

image

Control de código fuente con TFS

Team Foundation Server es el servicio de control de código fuente en la nube de Microsoft. WebMatrix 3 hace que sea fácil y divertido trabajar con tu código utilizando TFS para cualquier proyecto en la nube, o en sitio local. Leer más

 

image

Edición de sitios remotos

Simplemente abre tus sitios remotos, realiza cambios y da clic en guardar. El rendimiento ligero y con la capacidad de autocompletado (incluyendo intellisense) hacen que te sientas como si estuvieras editando un sitio local! Leer más

 

image

Extendido por la comunidad

¿Quieres un simulador de iPhone o una poderosa herramienta para Node.js? Busca entre las extensiones para darle mayor funcionalidad a WebMatrix o crea una propia Winking smile

All-in-one

Ir más allá del contenidos con e soporte para crear y editar bases de datos, optimización de sitios para los motores de búsqueda, acceso rápido a tutoriales profesionales y mucho más.

 

Te gustó WebMatrix!!!

Que esperas para unirte al grupo de Web Developers en facebook Winking smile solo dale un clic al banner.

image31

 

No olvides de descargar la herramienta Open-mouthed smile  dale click –> image

Eso es todo mis geeks espero que les halla gustado el post si fue así Open-mouthed smile no olviden darle RT aquí abajito está el tweet y si tienen alguna duda me pueden responder desde el mismo tweet Winking smile ….. no olviden el follow para estár en contacto Smile

Fuente: http://www.microsoft.com/web/webmatrix/

WebMatrix 3.- Como editar un sitio remoto


Edición de una página web en WebMatrix

1. Desde el inicio rápido de WebMatrix, haga clic en Open (Abrir) y, a continuación, seleccione Remote (Remoto).

clip_image001

 

2. Seleccione la opción Import publish profile (Importar perfil de publicador). Un número de proveedores de alojamiento, incluyendo Windows Azure, proporcionan un perfil de publicación para usted en su panel de control. Puede introducir los ajustes remotos mediante la importación de la configuración del perfil de publicación, lo que le ahorrará algo de digitación, o puede introducir los ajustes manualmente seleccionando la opción Enter settings (Ingresar configuración) en su lugar.

clip_image002

 

3. El sitio se abrirá remotamente. Usted puede ver la lista de carpetas y archivos que se encuentra en el panel izquierdo.

Haga doble clic en cualquier archivo que desee editar o utilizar la función  Find (Buscar (Ctrl + F)) y reemplazar para buscar cualquier texto que usted este buscando y editarlo.

clip_image003

 

4. Después de editar un archivo y haga clic en Save (Guardar (CTRL + S)), WebMatrix guardará automáticamente el archivo en el sitio remoto mientras que usted puede seguir haciendo otros cambios.

clip_image004

La edición de un sitio remoto con WebMatrix es tan sencillo y sin dolores de cabeza, se siente como si usted está editando un sitio local! Además de la velocidad y las capacidades básicas de edición, también recibirá el apoyo básico para el autocompletado de código PHP, Node.js y ASP.NET.

 

5. Si cierra un sitio y desea acceder a el más tarde, usted puede abrirlo desde el menú File

File > Open > My Sites

O desde la página de inicio rápido de WebMatrix My Sites (Mis Sitios).

clip_image005

 

6. Si quiere descargar el sitio para hacer cambios y probar de forma local, puede hacer clic en el botón Download (Descargar) en la pestaña Remote (Remoto). Esto descargará automáticamente toda la web e instalará las dependencias que son necesarias para que el sitio corra!

clip_image006

Si llegas a tener dificultades al editar o publicar sitios remotos, lee

WebMatrix.- Solución de problemas al Publicar y Descargar nuestros Proyectos

No olvides de revisar el resto de novedades que nos trae WebMatrix 3 en

WebMatrix 3.- Introducción a la v3 Free Preview

 

Eso es todo mis geeks espero que les halla gustado el post si fue así Open-mouthed smile no olviden RT aquí abajito está el tuit y si tienen alguna duda me pueden responder desde el mismo tuit Winking smile

 

 

Te gustó WebMatrix!!!

Que esperas para unirte al grupo de Web Developers en facebook Winking smile solo dale un clic al banner.

image31

No olvides de descargar la herramienta

image12

Fuente: http://www.microsoft.com/web/post/how-to-edit-a-remote-site-with-webmatrix

WebMatrix 3.- Como editar un sitio alojado en Windows Azure


En este artículo veremos cómo abrir y editar un sitio remoto alojado en Windows Azure con WebMatrix.

Editar un Sitio Alojado en Azure

1. Puedes abrir el sitio remoto de Windows Azure ya sea desde WebMatrix o desde el portal de gestión de Windows Azure.
a. Desde WebMatrix:
· Desde la página de inicio haga clic en Open y, a continuación, seleccionamos Windows Azure.

image

 

Seleccione la opción Sign in.

image

 

· Si tienes una cuenta de Microsoft, escriba las credenciales y haga clic en Sign in (Iniciar). De lo contrario, simplemente haga clic en Sign up now (Regístrate ahora). Una vez que haya obtenido una cuenta de Microsoft, usted puede utilizarla para iniciar sesión desde WebMatrix.

image

 

· Una vez que haya accedido, seleccione su sitio web Azure en la lista y haga clic en OK.

image

 

b. Una vez en el portal  de gestión de Windows Azure

· Inicia sesión en portal Windows Azure  y seleccione el sitio que desea editar
· Haga clic en el botón WebMatrix

image

 

· Si WebMatrix todavía no está instalado, se le presentará la opción para instalarlo.
Revise los términos de la licencia y seleccione “I agree to the license terms” (Estoy de acuerdo con los términos de la licencia).

image

 

· Cuando el sitio se abre por primera vez en WebMatrix, se le presentarán dos opciones:

  1. Edit live site directly (Editar sitio en vivo directamente)
  2. Edit local copy (Editar copia local)

Seleccione “Edit live site directly” (Editar sitio en vivo directamente) si desea editar el sitio remoto.
En cualquier momento, puede cambiar a la  opción de “Edit local copy” que consiste en descargar una copia para el desarrollo y prueba local.

image

 

2. El sitio se abrirá remotamente. Usted puede ver la lista de carpetas y archivos que se encuentran en el sitio remoto en el panel izquierdo.
Haga doble clic en cualquier archivo que desee editar o utilizar la función Buscar (Ctrl + F) y reemplazar para buscar cualquier texto que usted está buscando y editarlo.

image

 

3. Después de editar un archivo y haga clic en Save (Guardar (CTRL + S), WebMatrix guarda automáticamente el archivo en el sitio remoto mientras que usted puede seguir haciendo otros cambios.

image

 

La edición de un sitio remoto con WebMatrix es tan ligero y sin doleres de cabeza, se siente como si usted está editando un sitio local! Además de la velocidad y las capacidades básicas de edición, también recibirá el apoyo básico para el autocompletado de código PHP, Node.js y ASP.NET.

4. Si cierra un sitio y desea acceder a el más tarde, usted puede abrirlo desde el menú File .

FILE > OPEN > Windows Azure

O desde la página de inicio rápido de WebMatrix.

Open > Windows Azure

image

 

5. Si quieres descargar el sitio para hacer cambios y probar de forma local, puedes hacer clic en el botón Download (Descargar) en la pestaña Remote (Remoto). Así se descargará automáticamente toda la web e instalará las dependencias que son necesarias para que el sitio corra!

image

 

Si llegas a tener dificultades al editar o publicar sitios remotos, lee

WebMatrix.- Solución de problemas al Publicar y Descargar nuestros Proyectos

No olvides de revisar el resto de novedades que nos trae WebMatrix 3 en

WebMatrix 3.- Introducción a la v3 Free Preview

 

Eso es todo mis geeks espero que les halla gustado el post si fue así Open-mouthed smile no olviden RT aquí abajito está el tuit y si tienen alguna duda me pueden responder desde el mismo tuit Winking smile

 

Te gustó WebMatrix!!!

Que esperas para unirte al grupo de Web Developers en facebook Winking smile solo dale un clic al banner.

image31

No olvides de descargar la herramienta

 image12

Fuente: http://www.microsoft.com/web/post/how-to-edit-a-site-hosted-on-windows-azure-with-webmatrix

WebMatrix 3.- Introducción a la v3 Free Preview


image

Si amigos como lo podemos ver nuevos cambios para la creación de nuestros sitios web aún más simple. Además de todo lo que WebMatrix 2 te ofrece ahora tenemos, WebMatrix 3 que te ofrece un fácil acceso a los sitios web de Windows Azure agregando tu cuenta Microsoft. Tan solo tenemos que ir a la parte superior de nuestro IDE y le damos en Add Account para ligar nuestra cuenta de Azure con nuestro editor.

image

image

Tambien tenemos vistas previas del tamaño de iconos que hacen que nuestros sitios sean fáciles de encontrar y abrir.

image

 

imageAcceda a sus sitios remotos sin problemas como si fueran sitios locales. Cuando necesites proteger tu trabajo o colaborar en proyectos de equipo, te encantará la integración de Git y los sistemas de control de código fuente TFS. Estas son sólo algunas de las características muy solicitadas que hemos añadido en WebMatrix 3!

Así se anuncia está nueva versión de esta gran herramienta que ahora en post posteriores iremos sacando a relucir una a una, por ahora que esperas y descarga que se vienen más sesiones Open-mouthed smile

Descarga ya!  image

 

 

Agenda

 

imageSu compañero en la Nube

Al crear proyectos locales, podrás obtener al instante una página web en Windows Azure sin salir de WebMatrix. Con el botón Publicar, usted puede fácilmente mantener estos sitios en sincronía y guardar los cambios en la nube.  Más Aquí

 

Edición de sitios remotosimage

Basta con abrir tus sitios remotos, realizar cambios y pulsar Guardar. La ligereza y capacidad de edición completa (con intellisense) hacen que se sienta como si estuvieras editando un sitio local!. Más Aquí

 

imageControl de código fuente con Git

Conecta GitHub, CodePlex, y el Servicio de Team Foundation para empezar a compartir tu código con el mundo. No importa si eres un recién llegado a git, o un experimentado profesional, encontrarás todas las características que usted esperaría en una herramienta de gran alcance pero fácil de usar. Más Aquí

 

Control de código fuente con TFSimage

Team Foundation Service es el nuevo servicio de Microsoft para el control de código fuente en la nube. WebMatrix 3 hace que sea sencillo y divertido trabajar con el código utilizando TFS para cualquier proyecto en la nube, o en el sitio. Más Aquí

 

Fuente: http://www.microsoft.com/web/webmatrix/next/

 

Eso es todo mis geeks Winking smile no olviden que muy pronto se habilitaran los últimos dos links para la respectiva cobertura de estás grandes caracteristicas y para que no te pierdas de ninguna no olvides tu follow en twitter aquí abajito y si te gustó a darle RT Open-mouthed smile