![Page 1: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/1.jpg)
video2brain es una marca LinkedIn dedicada a la creación de cursos audiovisuales que permiten mejorar tus capacidades profesionales y personales mediante el aprendizaje autónomo.
Consigue ya tu acceso de prueba gratis a miles de videos.
![Page 2: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/2.jpg)
Esta presentación está basada en cursos en vídeo publicados en www.video2brain.com.
Encontrarás cómo convertirte en un desarrollador web front-end, así como enlaces directos a los contenidos audiovisuales mencionados.
Para un acceso de prueba gratis a miles de videos, visita nuestra web.
Conviértete en un desarrollador web front-end
![Page 3: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/3.jpg)
Conviértete en un desarrollador web front-end
![Page 4: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/4.jpg)
Muchas cosas han pasado desde que, hace más de 20 años, se publicase la primera página web de la historia. Este proyecto pionero se basaba en una página estática con contenidos escasos y no dinámicos, sin imágenes ni elementos multimedia y sin que estuvieran presentes conceptos como usabilidad o accesibilidad.
Conviértete en un desarrollador web front-end
![Page 5: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/5.jpg)
Muchas cosas han pasado, como decíamos, hasta llegar a las páginas web que estamos acostumbrados a ver hoy en día, con un diseño responsive y con multitud de animaciones y contenidos fácilmente actualizables y adaptados a los dispositivos que existen actualmente en el mercado.
Conviértete en un desarrollador web front-end
![Page 6: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/6.jpg)
Para crear una página web no basta únicamente con conocer el lenguaje HTML o los estilos CSS. Es necesario tener una serie de conocimientos que abarquen diferentes lenguajes de programación, frameworks, librerías e, incluso, nociones de maquetación. A estas personas que reúnen todos, o buena parte, de estas competencias se les denomina desarrolladores front-end, y son básicamente, los encargados de maquetar el contenido del sitio web, codificando el diseño en hojas de estilo y añadiendo la interacción.
Conviértete en un desarrollador web front-end
![Page 7: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/7.jpg)
Si tu deseo es convertirte en un buen desarrollador front-end o ampliar tus conocimientos en este terreno, hemos diseñado una serie de cursos que, bajo el nombre de Conviértete en un desarrollador web front-end, abarcan toda una serie de temas relacionados con la creación de sitios web dinámicos.
Conviértete en un desarrollador web front-end
![Page 8: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/8.jpg)
Fundamentos de la maquetación web para diseñadores
![Page 9: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/9.jpg)
Marcos González, desarrollador y docente en la Universitat Oberta de Catalunya, desarrolla el curso Fundamentos de la maquetación web para diseñadores, en donde te dará las bases para empezar a maquetar una web usando lenguaje HTML5 y las páginas de estilo CSS, todo ello a través de la realización de un ejemplo práctico de maquetación de una web, desglosando cada una de las partes que la componen.
Fundamentos de la maquetación web para diseñadores
![Page 10: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/10.jpg)
Bootstrap 3
![Page 11: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/11.jpg)
Si lo tuyo es el diseño web responsive, una de las herramientas que más te facilitarán tu trabajo será, sin lugar a dudas, Bootstrap 3, el framework front-end más extendido y usado en este tipo de proyectos. En este curso conocerás qué es Bootstrap, cómo funciona, qué elementos lo componen y trabajarás con textos, tablas y formularios HTML importados a este framework.
Bootstrap 3
![Page 12: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/12.jpg)
Con todo ello tendrás una visión muy amplia sobre cómo puede ayudarte Bootstrap a mejorar el flujo de trabajo de tus proyectos responsive, logrando agilizar, de esta manera, todos los procesos de maquetación web.
Bootstrap 3
![Page 13: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/13.jpg)
CSS con LESS y Sass
![Page 14: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/14.jpg)
Los preprocesadores de CSS son herramientas que se utilizan para escribir un pseudo-código que posteriormente se convertirá a CSS real, lo que da como resultado un código mucho más sencillo de mantener y de editar. Aunque en la actualidad existen muchos preprocesadores, los más populares son Less y Sass.
CSS con LESS y Sass
![Page 15: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/15.jpg)
Desarrollo web con Sass, CoffeeScript y Emmet
![Page 16: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/16.jpg)
Marcos González nos presenta el curso CSS con Less y Sass, en el que podrás conocer los entresijos de LESS y Sass, desde los conceptos más básicos hasta los mixins o conjuntos de propiedades CSS, o las estructuras de control, todo ello para conseguir, a través de ellos, integrarlos en un flujo de trabajo profesional de diseño web.
CSS con LESS y Sass
![Page 17: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/17.jpg)
jQuery para diseñadores
![Page 18: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/18.jpg)
jQuery es una biblioteca de JavaScript a través de la cual vas a poder interactuar con los documentos HTML de una manera mucho más sencilla, de ahí que se haya convertido en una herramienta muy requerida por aquellos que desean aplicarlo en sus proyectos sin necesidad de tener que programar.
jQuery para diseñadores
![Page 19: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/19.jpg)
JavaScript para diseñadores
![Page 20: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/20.jpg)
Armando Sotoca te enseñará a trabajar con jQuery desde el punto de vista del diseñador gráfico, explorando todas las posibilidades que esta potente biblioteca ofrece a la hora de aplicarla a tus diseños de sitios web.
jQuery para diseñadores
![Page 21: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/21.jpg)
Backbone.js
![Page 22: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/22.jpg)
En el curso jQuery para diseñadores verás cómo funciona jQuery, cómo realizar operaciones con CSS y HTML, cómo mejorar el flujo de trabajo y pondrás el acento en todos los plugins que van a hacer de esta herramienta la mejor opción para tus diseños.
jQuery para diseñadores
![Page 23: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/23.jpg)
HTML5. Animación e interacción con
canvas
![Page 24: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/24.jpg)
Y si lo que buscas en crear contenidos en tus desarrollos web en HTML, Jorge González, desarrollador con años de experiencia, ha creado el curso HTML5. Animación e interacción con canvas, en el que podrás, de una manera totalmente práctica, adquirir o aumentar tus conocimientos sobre canvas creando textos y gráficos, retocando imágenes o usando frameworks en animaciones complejas.
HTML5. Animación e interacción con canvas
![Page 25: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/25.jpg)
Conviértete en un desarrollador web front-end
![Page 26: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/26.jpg)
Con la lista de sugerencias de los cursos Conviértete en un desarrollador web front-end, sin duda alguna, llegarás a convertirte en todo un experto en el desarrollo de sitios web front-end.
![Page 27: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/27.jpg)
video2brain dispone de un catálogo de miles de vídeos creados por profesionales de la industria creativa, tecnológica y de los negocios, que se puede consultar desde la web o desde las apps para PC, Mac y dispositivos móviles mediante un acceso personal, como suscripción mensual o anual.
Para probar la calidad de los cursos de video2brain, crea una cuenta de usuario y consigue tu acceso de prueba gratis.
Qué es video2brain
![Page 28: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/28.jpg)
video2brain es una marca LinkedIn. Desde 2002 video2brain crea formaciones audiovisuales en español, alemán y francés, que permiten mejorar o ampliar capacidades profesionales y personales mediante el aprendizaje autónomo y sin limitaciones de lugar ni de tiempo.Desde 2013, video2brain es parte del grupo Lynda.com y desde 2015 es una marca de LinkedIn.
Qué es video2brain
![Page 29: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/29.jpg)
La biblioteca formativa de video2brain está organizada en categorías:• Competencias profesionales• Herramientas empresariales• Marketing• Programación• IT• Web• Diseño & Ilustración• Imagen Digital y Fotografía• Vídeo & Audio
Qué es video2brain
![Page 30: Conviértete en un desarrollador web front-end](https://reader030.vdocumento.com/reader030/viewer/2022020213/588535ca1a28ab26518b5dc1/html5/thumbnails/30.jpg)
video2brain es una marca LinkedIn dedicada a la creación de cursos audiovisuales que permiten mejorar tus capacidades profesionales y personales mediante el aprendizaje autónomo.
Consigue ya tu acceso de prueba gratis a miles de videos.