SlideShare una empresa de Scribd logo
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.
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
Conviértete en un desarrollador web
front-end
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
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
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
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
Fundamentos de la maquetación web
para diseñadores
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
Bootstrap 3
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
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
CSS con LESS y Sass
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
Desarrollo web con Sass, CoffeeScript y Emmet
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
jQuery para diseñadores
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
JavaScript para diseñadores
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
Backbone.js
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
HTML5. Animación e interacción
con canvas
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
Conviértete en un desarrollador web
front-end
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.
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
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
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
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.

Más contenido relacionado

DOCX
Pulso Digital
PPTX
Todo sobre dreamweaver
DOCX
La ventana de dreamweaver
DOCX
La ventana de dreamweaver new
PPTX
5to sec. Dreamweaber
PDF
Tus mejores disenos web
PPTX
Trabajo tecnologia
PPTX
Adobe Flash
Pulso Digital
Todo sobre dreamweaver
La ventana de dreamweaver
La ventana de dreamweaver new
5to sec. Dreamweaber
Tus mejores disenos web
Trabajo tecnologia
Adobe Flash

La actualidad más candente (15)

PPTX
Presentación 3
PPT
Trabajo de informatik
PPTX
Programación d.j
PPTX
Programas web
PDF
4.prezi
PPTX
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
PPTX
Dreamweaver
PDF
Dreamweave
PPT
Presentación dreamweaver
PPTX
Nestor belisario ci 18407547 II eva
PPT
Presentación dreamweaver
PPT
Presentación dreamweaver1
PPTX
Promicionate en slideshare
Presentación 3
Trabajo de informatik
Programación d.j
Programas web
4.prezi
PROCESO DE ELABORACIÓN DE NUESTRO MOOC - PAGINA WEB
Dreamweaver
Dreamweave
Presentación dreamweaver
Nestor belisario ci 18407547 II eva
Presentación dreamweaver
Presentación dreamweaver1
Promicionate en slideshare
Publicidad

Similar a Conviértete en un desarrollador web front end (20)

PDF
Programa Diseño paginas web bluegriffon
PPTX
Diseño Web: Qué necesitamos para empezar?
PDF
Actualizamos Tu Sitio Web
PPTX
Desarrollo web
PPT
Diseño de Páginas Web
PPTX
Desarrollo Web Avanzado II
PDF
Act 01 - Introducción a HTML 5 para pregrado.pdf
PDF
Guía HTML5
PDF
Curso html5-v1
PPTX
Ruben
PDF
Explorando el Mundo de la Programación Frontend vs. Backend
PPTX
Samanta2
PPT
demoDAAW.ppt
PPTX
Front end y Back-end
PPTX
Diseño de paginas web
PDF
Frontend Developer
PDF
Clase 1 Introducción al Desarrollo Web
PDF
Diseño Web Barna
PDF
Presentación Curso Diseño y Desarrollo Web Avanzado
PDF
Ux ui, front-end y back-end
Programa Diseño paginas web bluegriffon
Diseño Web: Qué necesitamos para empezar?
Actualizamos Tu Sitio Web
Desarrollo web
Diseño de Páginas Web
Desarrollo Web Avanzado II
Act 01 - Introducción a HTML 5 para pregrado.pdf
Guía HTML5
Curso html5-v1
Ruben
Explorando el Mundo de la Programación Frontend vs. Backend
Samanta2
demoDAAW.ppt
Front end y Back-end
Diseño de paginas web
Frontend Developer
Clase 1 Introducción al Desarrollo Web
Diseño Web Barna
Presentación Curso Diseño y Desarrollo Web Avanzado
Ux ui, front-end y back-end
Publicidad

Más de video2brain_mx (10)

PPTX
Descubre el marketing online
PPTX
Avanza en tus conocimientos en el community management para facebook
PPTX
Mejora tus dotes de liderazgo y gestión de equipos de trabajo ​
PPTX
Fundamentos de la programación
PPTX
Crea y gestiona tablas dinámicas en excel
PPTX
Consejos y primeros pasos como manager
PPTX
Aprende a programar con java
PPTX
Comunicación eficaz en la empresa
PPTX
Aprende a crear tu primer juego para iOS (iphone y ipad)
PPTX
Conviértete en un desarrollador web front-end
Descubre el marketing online
Avanza en tus conocimientos en el community management para facebook
Mejora tus dotes de liderazgo y gestión de equipos de trabajo ​
Fundamentos de la programación
Crea y gestiona tablas dinámicas en excel
Consejos y primeros pasos como manager
Aprende a programar con java
Comunicación eficaz en la empresa
Aprende a crear tu primer juego para iOS (iphone y ipad)
Conviértete en un desarrollador web front-end

Último (20)

PDF
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
PDF
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
PDF
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
PDF
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
Metodologías Activas con herramientas IAG
PDF
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
PDF
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
DOCX
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
PPTX
Doctrina 1 Soteriologuia y sus diferente
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
PDF
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf
CONFERENCIA-Deep Research en el aula universitaria-UPeU-EduTech360.pdf
Unidad de Aprendizaje 5 de Educacion para el Trabajo EPT Ccesa007.pdf
Habitos de Ricos - Juan Diego Gomez Ccesa007.pdf
Romper el Circulo de la Creatividad - Colleen Hoover Ccesa007.pdf
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
Metodologías Activas con herramientas IAG
el - LIBRO-PACTO-EDUCATIVO-GLOBAL-OIEC.pdf
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Cronograma de clases de Práctica Profesional 2 2025 UDE.pdf
Punto Critico - Brian Tracy Ccesa007.pdf
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
5°-UNIDAD 5 - 2025.pdf aprendizaje 5tooo
Informe_practica pre Final.docxddadssasdddddddddddddddddddddddddddddddddddddddd
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
Doctrina 1 Soteriologuia y sus diferente
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
Conecta con la Motivacion - Brian Tracy Ccesa007.pdf

Conviértete en un desarrollador web front end

  • 1. 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.
  • 2. 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
  • 3. Conviértete en un desarrollador web front-end
  • 4. 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
  • 5. 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
  • 6. 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
  • 7. 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
  • 8. Fundamentos de la maquetación web para diseñadores
  • 9. 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
  • 11. 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
  • 12. 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
  • 13. CSS con LESS y Sass
  • 14. 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
  • 15. Desarrollo web con Sass, CoffeeScript y Emmet
  • 16. 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
  • 18. 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
  • 20. 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
  • 22. 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
  • 23. HTML5. Animación e interacción con canvas
  • 24. 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
  • 25. Conviértete en un desarrollador web front-end
  • 26. 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.
  • 27. 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
  • 28. 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
  • 29. 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
  • 30. 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.

Notas del editor

  • #26: https://docs.google.com/document/d/1FcgOuPxshTbdfP_39EZtB3XOYjImE8Hy1oeuSxzcUWc/edit https://www.video2brain.com/es/competencias-profesionales/playlist/consejos-y-primeros-pasos-como-manager