60+ Herramientas de desarrollo y diseño web - 2018

De qué trata

Curso de Udemy de unas 8 horas y 82 lecciones que presenta una colección de más de 55 herramientas y recursos gratuitos para diseño y desarrollo web, cada una explicada con ejemplos.

Se organiza por categorías: fuentes, iconos e imágenes, generadores de código, plugins especiales, animaciones, slideshows, servicios en línea, utilidades para aplicaciones web, recursos de jQuery, vídeo de fondo, gráficas, Node y NPM, mapas, lightboxes y formularios. La descripción lo indica como versión legacy, sin actualizaciones.

• Fuentes, iconos, letras e imágenes
• Animaciones y slideshows
• Plugins de jQuery y vídeo de fondo
• Gráficas, mapas y lightboxes
• Node y NPM, formularios con plugins

Para quién es este curso

• Desarrolladores o diseñadores web que ya conocen lo básico de HTML, CSS y JavaScript y quieren ampliar su repertorio de plugins y recursos.
• Personas que mantienen sitios o proyectos antiguos basados en jQuery y necesitan entender cómo se integran plugins.
• Quien quiere una visión amplia de muchas herramientas (fuentes, iconos, animaciones, mapas, gráficas…) en lugar de profundizar en una sola.

Qué sabrás hacer al terminar

• Integrar plugins de jQuery en una página web siguiendo ejemplos prácticos.
• Incorporar recursos como fuentes, iconos y animaciones en diseños web.
• Crear slideshows, lightboxes, mapas y gráficas con las herramientas presentadas.
• Usar Node y NPM en el contexto de las herramientas vistas en el curso.
• Añadir vídeo de fondo y formularios con plugins a una web.

Plan de estudio sugerido

3 semanas · unas 5 h por semana

1. 1.Semana 1: Empezar aquí hasta Plugins especiales; prueba fuentes, iconos y generadores en una página propia.
2. 2.Semana 2: Animaciones, Slideshows, Servicios en línea, utilidades y jQuery; implementa un slideshow y una animación.
3. 3.Semana 3: Vídeo de fondo, Misceláneos, Gráficas, Node y NPM, Mapas, Lightboxes y Formularios; integra dos o tres en una página final.

El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.

Consejos para seguirlo

• Sigue cada lección con un editor abierto y replica el ejemplo antes de pasar a la siguiente.
• Como el curso es de 2018, comprueba las versiones actuales de cada plugin y su documentación si algo no funciona.
• Elige las secciones que necesites (por ejemplo Mapas o Gráficas) en vez de verlo todo seguido, ya que las categorías son independientes.
• Prepara de antemano un localhost para el recurso con PHP y Photoshop o similar para el de PSD.

Antes y después de este curso

• Antes de este cursoDesarrollo Web con HMTL, CSS y Bootstrap 4! Curso desde ceroRefuerza HTML y CSS, que el curso da por sabidos.
• Antes de este cursoJavaScript - Curso COMPLETO desde 0 | Paso a paso y con Ejemplos 👨‍💻Útil para consolidar JavaScript antes de usar plugins basados en jQuery.

Cómo lo presenta Fernando Herrera

Una completa colección de recursos que debes tener y conocer, totalmente gratuitos

Nota Legacy: Después de varios años desde el lanzamiento inicial de este curso, queremos informarte que el mismo ha pasado a ser versión legacy. Esto implica que su contenido no recibirá actualizaciones adicionales y nuestro equipo de Co-instructores no continuará proporcionando soporte a preguntas relacionadas a…

Extracto de la descripción original en Udemy.

Preguntas frecuentes

Más cursos de Programación