60+ Herramientas de desarrollo y diseño web
4.7 (650 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6,432 students enrolled
Wishlisted Wishlist

Please confirm that you want to add 60+ Herramientas de desarrollo y diseño web to your Wishlist.

Add to Wishlist

60+ Herramientas de desarrollo y diseño web

Una completa colección de recursos que debes tener y conocer, totalmente gratuitos
4.7 (650 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
6,432 students enrolled
Last updated 1/2017
Spanish
Price: Free
Includes:
  • 8 hours on-demand video
  • 1 Article
  • 45 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I 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.
View Curriculum
Requirements
  • 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.
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!


Who is the target audience?
  • Cualquier desarrollador
  • Cualquier diseñador gráfico
  • Personas que quieran conocer mas sobre las herramientas mencionadas en el currículo de este curso.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 79 Lectures Collapse All 79 Lectures 08:02:45
+
Empezar aquí
3 Lectures 17:27

Vamos a responder las siguientes preguntas:

  • De qué se trata el curso? 
  • Qué haremos en él? 
  • Qué lograremos hacer al finalizarlo
Introducción y requisitos.
01:56

Antes de comenzar, quiero explicarles como funcionará el curso, hablarles sobre los materiales adjuntos y plantearles los requerimientos.

Cómo funcionará el curso
03:43

El archivo maestro, es el que usaremos para trabajar cada vez que nos toque iniciar nuevamente. 

Favor tenerlo a mano, solo se podrá descargar de aquí, y en caso de actualizaciones, sólo cambiare este archivo.

Archivo maestro y una breve introducción al Bootstrap
11:48
+
Fuentes
7 Lectures 41:22

Pueden descargar el material en la sección de descargas para tenerlo a mano y no tener que escribir.

Links de esta sección
00:14

Es quizá, la fuente más utilizada para agregar iconos a las páginas web.

Font-Awesome
17:23

Aunque es un recurso de ionic, esta disponible para proyectos independientes

ionicons
05:33

La fuente de iconos del Bootstrap

Glyphicons
05:09

Como no hablar de esta increíble colección de fuentes.

Google Fonts
04:14

Para las personas que no entienden el latín (Lorem ipsum)

blokkfont
03:44

Un hijo o nieto de Font-Awesome. Muy útil e interesante.

Weather-icons
05:05
+
Iconos, letras e imágenes
9 Lectures 51:58

Pueden descargar el material en la sección de descargas para tenerlo a mano y no tener que escribir.  

Links de esta sección
00:14

Generador de iconos.

Favicon Generator. For real.
04:46

Una colección impresionante de iconos e imágenes

iconspedia
01:48

Mockups gratuitos y de excelente calidad.

CSSAuthor
05:13

Recursos gráficos para todos.

freepik
02:40

Programa gratuito y fácil de usar para una señalización rápida.

Skitch
02:19

Texto curvo usando jQuery y CSS3

ARCTEXT.JS
08:17

Texto animado mezclado.

Shuffle Letters
15:25

Imágenes siempre del tamaño que necesitas.

mThumb
11:16
+
Generadores de código y otras cosas.
7 Lectures 27:38

Mira la sección de descargas y ten a mano los links de los siguientes plugins

Links en la descripción
00:14

Un servicio en línea para sus propios desarrollos y pruebas

json-generator
09:16

Un compresor de código en linea totalmente gratuito.

Htmlcompressor
04:53

Generador de efectos CSS3 en linea.

css3generator
06:39

Gradientes HTML y CSS

Gradient-editor por Colorzilla
03:13

Una forma rápida para obtener el color HTML que estas buscando.

Generador de color HTML por hailpixel
01:09

Imagens dummy para tus temas y demostraciones 

placehold.it
02:14
+
Plugins especiales
9 Lectures 01:11:28

Un completo set de notificaciones estilo "metro", para tu pagina web y aplicación.

Metro Notification
16:47

Notificaciones transparentes personalizables

Crystal Notification
06:45

Alternativa al modal del bootstrap con opciones interesantes y útiles.

Yose Modal
06:52

Sistema completo de notificaciones con el estilo de Mountain Lion.

Mountain Notifications
05:59

Una decoración para tus aplicaciones y sitios web.

Autumn
03:36

Un menu de jQuery inspirado en Windows 8

Metro Menu
04:34

Un plugins creado para enseñarle a tus usuarios o visitantes como funciona tu aplicación.

Tour Tip Guide
11:06

Animaciones que aparecen cuando están en el punto de vista del usuario!. Scroll animations

KL-Animate
09:03

Una alternativa al modal del bootstrap con opciones interesantes y útiles.

Metro Modal
06:46
+
Animaciones
4 Lectures 38:15

Mira la sección de descargas y ten a mano los links de los siguientes plugins

Links en la descripción
00:14

Animaciones simples pero agradables a la vista muy fáciles de utilizar.

Animate.css
08:18

Engaging the internet!

GreenSock
16:54

JavaScript animations, parte 2

GreenSock - Parte 2
12:49
+
Slideshows
5 Lectures 35:31

Puedes descargar el PDF con las direcciones de los plugins de esta sección.

Link en la descripción
00:14

Un slider sumamente ligero, pero hace muy bien su trabajo.

Super Simple Slider
08:00

Perfecto para una galeria de imágenes de cualquier tamaño

Galleria
06:46

Slideshow a pantalla completa!

Supersized!
04:03

Increíble plugin que genera TOUCH Enable slideshows!

Swiper
16:28
+
Servicios en linea
5 Lectures 10:08

Descarguen el PDF para tener los links a mano.

Links en la descripción
00:14

Validador gratuito de formato json en linea.

JSON Parser Online
01:56

Qué tanto estamos cargando nuestra página web?

Pingdom
02:53

Demostraciones de código, ideas, ejemplo y mucho más...

Codepen
03:16

Una manera rápida de probar como se ve nuestras páginas o aplicaciones web en diferentes dispositivos

Responsinator
01:49
+
Utilidades para aplicaciones web
7 Lectures 43:28

Descarguen el PDF para tener los links a mano.

Links en la descripción
00:14

Un servidor HTTP muy fácil de montar, para pruebas, producción o aprendizaje.

http-server
04:02

Un reemplazo elegante para la alerta de JavaScript.


Sweetalert
05:20

Información en pantalla de forma elegante y muy práctica.

Bootstrap modals
04:47

Un selector de fechas bastante elegante y fácil de configurar

The date picker
10:53

Un manejador de multiples opciones para nuestros controles HTML.

Chosen
08:16

Rutina de validación de contraseñas. Especialmente recomendado cuando necesitamos que nuestros usuarios creen passwords seguros.

jQuery Complexify
09:56
+
Especiales de jQuery
5 Lectures 24:34

Descarguen el PDF para tener los links a mano.

Links en la descripción
00:14

Tarjetas ordenadas de manera perfecta

Masonry
11:14

Variable para detectar navegadores móviles.

detectmobilebrowsers
03:37

Una manera bastante recomendada de cargar imágenes en nuestro sitio web o aplicación

Lazyload
05:52

Un plugin para mantener objetos en posición estática, aunque hagamos scroll

STICKY
03:37
8 More Sections
About the Instructor
Fernando Herrera
4.6 Average rating
2,491 Reviews
10,141 Students
9 Courses
Analista de Sistemas y Desarrollador Web

Soy un analista de sistemas de computo, con poco más de 17 años en el mundo del desarrollo de aplicaciones de todo tipo.

Me encanta programar, crear cosas que la gente use, enseñar, también soy maestro sustituto en una universidad en las clases de programación, soy autor de código en Envato Marketplace.

Aquí en Udemy, he tenido la increíble experiencia de poder enseñar a muchos alumnos, y espero seguir mejorando mis cursos y los temas con forme la actualidad vaya cambiando.