60+ Herramientas de desarrollo y diseño web

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

Requisitos

  • Es necesario que conozcan un poco de HTML
  • Es recomendable que se sepan algo de jQuery (selectores básicos)
  • Es necesario que sepan un mínimo de JavaScript, nada complejo.
  • Hay un recurso que necesita poder correr PHP, y otro que utiliza Photoshop. Los demás no tienen requerimientos especiales.

Descripción

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!

¿Para quién es este curso?

  • Cualquier desarrollador
  • Cualquier diseñador gráfico
  • Personas que quieran conocer mas sobre las herramientas mencionadas en el currículo de este curso.

Contenido del curso

18 secciones • 82 clases • 8 h 10 m de duración total

Empezar aquí3 clases • 17 min

  • Introducción y requisitos.01:56
  • Cómo funcionará el curso03:43
  • Archivo maestro y una breve introducción al Bootstrap11:48

Fuentes7 clases • 41 min

  • Links de esta sección00:14
  • Font-Awesome17:23
  • ionicons05:33
  • Glyphicons05:09
  • Google Fonts04:14
  • blokkfont03:44
  • Weather-icons05:05

Iconos, letras e imágenes9 clases • 52 min

  • Links de esta sección00:14
  • Favicon Generator. For real.04:46
  • iconspedia01:48
  • CSSAuthor05:13
  • freepik02:40
  • Skitch02:19
  • ARCTEXT.JS08:17
  • Shuffle Letters15:25
  • mThumb11:16

Generadores de código y otras cosas.7 clases • 28 min

  • Links en la descripción00:14
  • json-generator09:16
  • Htmlcompressor04:53
  • css3generator06:39
  • Gradient-editor por Colorzilla03:13
  • Generador de color HTML por hailpixel01:09
  • placehold.it02:14

Plugins especiales9 clases • 1 h 11 min

  • Metro Notification16:47
  • Crystal Notification06:45
  • Yose Modal06:52
  • Mountain Notifications05:59
  • Autumn03:36
  • Metro Menu04:34
  • Tour Tip Guide11:06
  • KL-Animate09:03
  • Metro Modal06:46

Animaciones4 clases • 38 min

  • Links en la descripción00:14
  • Animate.css08:18
  • GreenSock16:54
  • GreenSock – Parte 212:49

Slideshows5 clases • 36 min

  • Link en la descripción00:14
  • Super Simple Slider08:00
  • Galleria06:46
  • Supersized!04:03
  • Swiper16:28

Servicios en linea5 clases • 10 min

  • Links en la descripción00:14
  • JSON Parser Online01:56
  • Pingdom02:53
  • Codepen03:16
  • Responsinator01:49

Utilidades para aplicaciones web7 clases • 43 min

  • Links en la descripción00:14
  • http-server04:02
  • Sweetalert05:20
  • Bootstrap modals04:47
  • The date picker10:53
  • Chosen08:16
  • jQuery Complexify09:56

Especiales de jQuery5 clases • 25 min

  • Links en la descripción00:14
  • Masonry11:14
  • detectmobilebrowsers03:37
  • Lazyload05:52
  • STICKY03:37

Video de fondo4 clases • 14 min

  • Links de descarga en la descripción00:14
  • BigVideo05:55
  • VideoBG02:12
  • tubular05:23

Misceláneos4 clases • 18 min

  • Links de los plugins de la sección00:02
  • Color Thief08:54
  • ColorZilla01:47
  • Tippy – Tooltip06:47

Gráficas2 clases • 23 min

  • Morris.JS – Parte #115:50
  • Morris.JS – Parte #207:29

Node y NPM1 clases • 6 min

  • lite-server – NodeJS06:22

Mapas1 clases • 20 min

  • Usando Google Maps – Api-Key20:03

Lightboxes5 clases • 30 min

  • Links en la sección de descargas00:04
  • SwiperBox08:28
  • Fancybox07:52
  • Fresco06:43
  • Lightbox06:44

Plugins con Formularios1 clases • 15 min

  • jqueryFlexdatalist15:25

Despedida3 clases • 2 min

  • Más sobre mis cursos00:30
  • Despedida y que les ha parecido el curso!?01:17
  • Recursos adicionales disponibles00:17

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *