60+ Herramientas de desarrollo y diseño web

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

4.82 (5230 reviews)
Udemy
platform
Español
language
Development Tools
category
100,125
students
8 hours
content
Apr 2023
last update
FREE
regular price

What you will learn

Tener un repositorio completo de herramientas.

Aprender como funcionan más de 65 recursos para sus proyectos.

Aprender como utilizar plugins y otras herramientas mediante ejercicios prácticos.

Description

Información básica:

Este curso esta orientado a brindarte un amplio repertorio de herramientas y recursos para tus diseños y desarrollos web. Actualmente cuenta con más de 55, y cada uno de ellos es explicado con ejemplos.

Meta final:

Mi objetivo es darte la introducción y una capacitación de como utilizar dichas herramientas y/o código de JavaScript. 

Estos códigos y programas, te ayudaran a ahorrar tiempo y crear cosas increíbles que te tomarían mucho tiempo realizar sin el conocimiento de estos recursos.

Comprenderás desde pequeños slideshows hasta crear unos muy robustos, desde efectos para letras, hasta animaciones, sin contar una gran colección de plugins únicos que he creado que han tenido muy buena aceptación en el mercado australiano y europeo.

Qué necesito saber?

  • Es recomendable que sepan algo de jQuery, ya que la mayoría de los recursos son plugins de jQuery. Pero aquí te explicare como usarlos, así que no te preocupes.
  • Conocimiento de HTML, CSS y JavaScript al menos lo básico.
  • Hay un recurso que utiliza PHP, pero solo es necesario el localhost (igual solo es un recurso de más de 55 disponibles)
  • Hay una herramienta que necesitara poder editar archivos PSDs (Photoshop), pero de la misma manera, solo es un recurso de los más de 55 que están disponibles.


Algún costo adicional?

Todos los recursos utilizados en este curso, son gratuitos, no hay nada de pago. Los códigos creados por mi, yo respondo por las actualizaciones de los mismos. No hay costos adicionales.

Así que no veo razón alguna para que no te animes a tomar este curso!


Content

Empezar aquí

Introducción y requisitos.
Cómo funcionará el curso
Archivo maestro y una breve introducción al Bootstrap

Fuentes

Links de esta sección
Font-Awesome
ionicons
Glyphicons
Google Fonts
blokkfont
Weather-icons

Iconos, letras e imágenes

Links de esta sección
Favicon Generator. For real.
iconspedia
CSSAuthor
freepik
Skitch
ARCTEXT.JS
Shuffle Letters
mThumb

Generadores de código y otras cosas.

Links en la descripción
json-generator
Htmlcompressor
css3generator
Gradient-editor por Colorzilla
Generador de color HTML por hailpixel
placehold.it

Plugins especiales

Metro Notification
Crystal Notification
Yose Modal
Mountain Notifications
Autumn
Metro Menu
Tour Tip Guide
KL-Animate
Metro Modal

Animaciones

Links en la descripción
Animate.css
GreenSock
GreenSock - Parte 2

Slideshows

Link en la descripción
Super Simple Slider
Galleria
Supersized!
Swiper

Servicios en linea

Links en la descripción
JSON Parser Online
Pingdom
Codepen
Responsinator

Utilidades para aplicaciones web

Links en la descripción
http-server
Sweetalert
Bootstrap modals
The date picker
Chosen
jQuery Complexify

Especiales de jQuery

Links en la descripción
Masonry
detectmobilebrowsers
Lazyload
STICKY

Video de fondo

Links de descarga en la descripción
BigVideo
VideoBG
tubular

Misceláneos

Links de los plugins de la sección
Color Thief
ColorZilla
Tippy - Tooltip

Gráficas

Morris.JS - Parte #1
Morris.JS - Parte #2

Node y NPM

lite-server - NodeJS

Mapas

Usando Google Maps - Api-Key

Lightboxes

Links en la sección de descargas
SwiperBox
Fancybox
Fresco
Lightbox

Plugins con Formularios

jqueryFlexdatalist

Despedida

Más sobre mis cursos
Despedida y que les ha parecido el curso!?

Screenshots

60+ Herramientas de desarrollo y diseño web - Screenshot_0160+ Herramientas de desarrollo y diseño web - Screenshot_0260+ Herramientas de desarrollo y diseño web - Screenshot_0360+ Herramientas de desarrollo y diseño web - Screenshot_04

Reviews

Eric
October 23, 2023
Las herramientas son muy buenas, algunas ya no están disponibles, pero en general me gustó muchísimo este pequeño curso.
Samuel
March 22, 2023
Se percibe el gran esfuerzo que ha hecho el instructor, creando multitud de videos para el curso. Expone una amplia diversidad de contenidos, desde efectos gráficos mejorados y Plugins especiales de JQuery , hasta formularios optimizados, gráficas y mapas. Todo explicado con demostraciones, sencillas de implementar y guiadas paso a paso. En mi opinión, el curso es extremadamente útil, para ampliar la visión general de posibles usos de recursos y funcionalidades, para el diseño y desarrollo Web.
Luis
March 1, 2023
Me gusto mucho el curso, me serviran demasiado las herramientas, solo hay plugins que estan desactualizados o de los que los enlaces ya estan obsoletos. Solo eso, si se pudiera actualizar estaría más que excelente. Muchisimas gracias.
Iñaki
February 28, 2023
Muchos plugins, aunque algunos desactualizados. Este curso es muy completo y tiene cosas en las que podria profundizar un poco mas y eliminar otras que estan en desuso. El instructor Muy Bueno, sabe bien de lo que habla y explica todo con detalle paso a paso.
Joimar
February 22, 2023
Llegué a este curso por recomendación, y aunque no es lo que estaba buscando creo que igual tiene muy buen contenido sobre todo para quienes están comenzando en el mundo del desarrollo web, creo que este curso me habría servido mucho hace 1 año, pero ahora mismo se queda atrás de mis expectativas.
Tamara
January 26, 2023
Recién estoy empezando en el área de programación front- end, por lo que los contenidos compartidos en este curso me resultaron muy útiles y prácticos. Solo encuentro muy desactualizado el contenido, los links, las versiones trabajadas; pero no es inconveniente en sí porque las explicaciones son correctas.
Gustavo
December 27, 2022
Excelente, siempre que tengo dudas de algún plugin consulto este curso, aunque hay algunos un poco obsoletos por así decirlo, son grandes herramientas
Marcelo
December 1, 2022
Es buena elección pero por momentos da la clase muy rápido, Hace los cambios rápidamente y hay que estar pausando mucho el video para entender lo que hizo
Jorge
October 19, 2022
excelentes aportes geniales como siempre fernando herrera icono de enseñanza en programcion en latinoamerica
Julieta
October 10, 2022
Muchas Gracias por el curso, ya que realmente el contenido ofrecido es oro Aunque se trabaje con una version de bootstrap un poco mas baja, esta excelente para entender de manera clara como funciona bootstrap
Ramiro
September 27, 2022
No está mal, aunque me parece que le falta algo de orden. Es como que te va mostrando todo sin mucho orden, pero está bien dentro de todo
Roldan
September 15, 2022
Muy bueno el material suministrado, lo único que observe es que hay recursos que ya son obsoletos y algunos otros en donde los enlaces no cargan, pero en general el contenido es diverso y cubre varias necesidades. Gracias
Mauricio
September 3, 2022
Buenas herramientas, no se puede pedir mas por tratarse de un curso gratuito y que ya tiene sus años de antiguedad (mucho ya no tiene vigencia ).
José
August 17, 2022
El contenido es muy interesante. La docencia muy dinámica, bien explicado. Un gran aporte. Gracias Fernando!
Omar
August 6, 2022
El mejor video que he visto con varias herramientas, si duda eres un hack, he aprendido mucho de tus videos. me gustaría que compartieras como aprendiste todas estas tecnologías

Charts

Price

60+ Herramientas de desarrollo y diseño web - Price chart

Rating

60+ Herramientas de desarrollo y diseño web - Ratings chart

Enrollment distribution

60+ Herramientas de desarrollo y diseño web - Distribution chart
807580
udemy ID
3/29/2016
course created date
11/2/2019
course indexed date
Bot
course submited by