background preloader

Diseño y programación web (libros, tutoriales y vídeos sobre HTML, CSS, JavaScript, PHP)

Diseño y programación web (libros, tutoriales y vídeos sobre HTML, CSS, JavaScript, PHP)

http://librosweb.es/

Related:  Desarrollo

Las 10 extensiones de Visual Studio Code imprescindibles para desarrolladores web La semana pasada os comentábamos cómo sacar partido a la nueva funcionalidad de extensiones de Visual Studio Code. De momento el número de extensiones disponibles es relativamente pequeño, sobre todo si lo comparamos con las existentes para otros editores como Atom o Sublime, pero van creciendo a buen ritmo. Hoy os presentamos unas cuantas que, a nuestro juicio, merecen la pena y están ya disponibles. Algunas serán útiles para todo tipo de programadores pero otras están orientadas solamente a desarrollo Web, de ahí el título que hemos escogido.

Recursos interactivos para aprender a programar Enumerar la totalidad de herramientas en la red disponibles para iniciarse en la programación resulta bastante complejo. Sin embargo, unas cuentan con un excelente material y un trabajo interactivo relevantes gracias a que se enfocan más en el fortalecimiento del pensamiento algorítmico, básico en este campo y útil en la realidad, más que a la enseñanza de líneas y líneas de código. Aquí están varios ejemplos. Code Academy Es una aplicación web que según sus creadores nace debido a lo frustrante que es en ocasiones el entrar al mundo de la programación, por lo que ofrecen una manera muy sencilla de aprender interactivamente a través de un entorno completamente guiado.

Dabblet – espacio de pruebas para códigos HTML y CSS - Waterfox Dabblet es una herramienta que nos permitirá experimentar y realizar pruebas tanto con códigos HTML como con códigos CSS, incluidos los estilos más recientes de HTML5 y CSS3, de manera que iremos haciendo las oportunas modificaciones del código, viendo los resultados de inmediato, a través de nuestro navegador, y pudiendo guardar los resultados en nuestra cuenta de GitHub si nos identificamos con ella. Permite el uso de la librería -prefix-free, lo que nos evitará tener que ir añadiendo prefijos a lo largo de nuestro código CSS, y además tenemos hasta cuatro modos de visualización, usando aquella que nos sea más cómoda. Para comenzar tan sólo tenemos que irnos a Dabblet y comenzar a jugar con los códigos, pudiendo ver el resultado de nuestros experimentos a pantalla completa si así lo queremos. Enlace: Dabblet | Vía: TNW

Git y Visual Studio Code — Lemoncode formacion En estos últimos años unos han manejado Git desde la consola (línea de comandos), otros han tirado de herramientas gráficas independientes como SourceTree o GitKraken, todos huyendo un poco de los IDE's integrados que al final te hacían cliente cautivo. Se un tiempo a esta parte se ha levantado Visual Studio Code: un editor ligero, potente, multiplataforma y open source, que va mejorando por semanas y además se ha ganado la simpatía de muchos sectores. Se nota que detrás de esta herramienta hay personalidades del mundo dela programación como Erich Gamma. En este post vamos a aprender manejarnos con este cliente de Git, para ello nos clonaremos un repo de Github que contiene una aplicación web del tipo "Hola Mundo", e iremos trabajando con ella. Cada paso irá acompañado de gifs animados que nos harán más facil aprender a como usar esta herramienta.

Tutorial de Java - DECLARACIÓN DE INTENCIONES - Wikilearning - Waterfox Antes de nada, vamos con una //Declaración de Intenciones// y un poco de explicación del porqué este Tutorial de Java está aquí. Este tutorial va dirigido a todos aquellos que intentan entrar en el mundo Java, que han oído o leído cosas, pero no saben a ciencia cierta que es eso de Java. Procuraremos ser lo más claros posible, aunque no podremos evitar la influencia de los gustos personales, pero intentaremos que el contenido se adapte lo mejor posible a la mayor parte de la audiencia. Java es una palabra que actualmente está en boca de todos y ha creado una auténtica revolución. Nosotros nos enfocaremos al lenguaje Java, y la verdad es que no es para tanto el armar ese revuelo.

Repositorios git. Visual Studio Code. Informática. Bartolomé Sintes Marco En esta lección se explica cómo empezar a trabajar en un repositorio git desde Visual Studio Code. Aunque podemos crear el repositorio con Visual Studio Code en nuestro ordenador y después subirlo a GitHub, en esta lección se explica cómo clonar en nuestro ordenador un repositorio ya existente en GitHub. Requisitos Como crear una galería de imágenes con Shadowbox y jQuery A continuación realizare un tutorial de como crear una galería con esta ventana modal, que para mi gusto es adaptable a casi cualquier proyecto web. Primero detallare las características que posee este plugin: Plugin nativo de javascript.Permite utilizar un adaptador para los frameworks más populares: jQuery, Prototype, Dojo, Mootols, Yahoo toolkit.Permite crear galerías de: imágenes, videos flash, videos swf, quicktime, window media player y contenido externo via iframes o inline.Posee soporte para una gran variedad de idiomas (incluye español obviamente).Tiene una API bastante potente, por lo que puedes realizar casi cualquier cosa con este plugin.Y el punto más importante por el cual lo utilizo bastante, es que se escala a cualquier tipo de pantalla, por lo que si lo ves en resoluciones más pequeñas no tendrás ningún problema.

Las 10 extensiones de Chrome indispensables para desarrolladores Chrome es uno de los navegadores más utilizados del mundo. En gran parte su popularidad se debe a lo fácil que es ampliar sus capacidades mediante el uso de extensiones. El problema muchas veces es encontrar la apropiada entre el enorme mar de opciones que tenemos, ya que existen miles de ellas. En el caso de los desarrolladores existen unas cuantas extensiones que no debiéramos dejar de utilizar, sobre todo si somos programadores web.

Related: