60+ Herramientas de desarrollo y diseño web
- Descripción
- Currículum
- Reseñas
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!
Aprende Diseño Web Profesional con Wordpress y Divi
Creación de Tiendas Online: Fácil, Completo y desde Cero
Curso WordPress 2022: Cómo Crear una Página Web Desde Cero
Formación en Desarrollo Frontend: Universidad Web en Udemy
Curso de Desarrollo Web con HTML, CSS y JavaScript | Básico
Curso Completo de Desarrollo Web: HTML, CSS, JavaScript, jQuery, Python y Django-
1
Introducción y requisitos.Vamos a responder las siguientes preguntas:
- De qué se trata el curso?
- Qué haremos en él?
- Qué lograremos hacer al finalizarlo
-
2
Cómo funcionará el curso
Antes de comenzar, quiero explicarles como funcionará el curso, hablarles sobre los materiales adjuntos y plantearles los requerimientos.
-
3
Archivo maestro y una breve introducción al Bootstrap
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.
-
4
Links de esta sección
Pueden descargar el material en la sección de descargas para tenerlo a mano y no tener que escribir.
-
5
Font-Awesome
Es quizá, la fuente más utilizada para agregar iconos a las páginas web.
-
6
ionicons
Aunque es un recurso de ionic, esta disponible para proyectos independientes
-
7
Glyphicons
La fuente de iconos del Bootstrap
-
8
Google Fonts
Como no hablar de esta increíble colección de fuentes.
-
9
blokkfont
Para las personas que no entienden el latín (Lorem ipsum)
-
10
Weather-icons
Un hijo o nieto de Font-Awesome. Muy útil e interesante.
-
11
Links de esta sección
Pueden descargar el material en la sección de descargas para tenerlo a mano y no tener que escribir.
-
12
Favicon Generator. For real.
Generador de iconos.
-
13
iconspedia
Una colección impresionante de iconos e imágenes
-
14
CSSAuthor
Mockups gratuitos y de excelente calidad.
-
15
freepik
Recursos gráficos para todos.
-
16
Skitch
Programa gratuito y fácil de usar para una señalización rápida.
-
17
ARCTEXT.JS
Texto curvo usando jQuery y CSS3
-
18
Shuffle Letters
Texto animado mezclado.
-
19
mThumb
Imágenes siempre del tamaño que necesitas.
-
20
Links en la descripción
Mira la sección de descargas y ten a mano los links de los siguientes plugins
-
21
json-generator
Un servicio en línea para sus propios desarrollos y pruebas
-
22
Htmlcompressor
Un compresor de código en linea totalmente gratuito.
-
23
css3generator
Generador de efectos CSS3 en linea.
-
24
Gradient-editor por Colorzilla
Gradientes HTML y CSS
-
25
Generador de color HTML por hailpixel
Una forma rápida para obtener el color HTML que estas buscando.
-
26
placehold.it
Imagens dummy para tus temas y demostraciones
-
27
Metro Notification
Un completo set de notificaciones estilo "metro", para tu pagina web y aplicación.
-
28
Crystal Notification
Notificaciones transparentes personalizables
-
29
Yose Modal
Alternativa al modal del bootstrap con opciones interesantes y útiles.
-
30
Mountain Notifications
Sistema completo de notificaciones con el estilo de Mountain Lion.
-
31
Autumn
Una decoración para tus aplicaciones y sitios web.
-
32
Metro Menu
Un menu de jQuery inspirado en Windows 8
-
33
Tour Tip Guide
Un plugins creado para enseñarle a tus usuarios o visitantes como funciona tu aplicación.
-
34
KL-Animate
Animaciones que aparecen cuando están en el punto de vista del usuario!. Scroll animations
-
35
Metro Modal
Una alternativa al modal del bootstrap con opciones interesantes y útiles.
-
40
Link en la descripción
Puedes descargar el PDF con las direcciones de los plugins de esta sección.
-
41
Super Simple Slider
Un slider sumamente ligero, pero hace muy bien su trabajo.
-
42
Galleria
Perfecto para una galeria de imágenes de cualquier tamaño
-
43
Supersized!
Slideshow a pantalla completa!
-
44
Swiper
Increíble plugin que genera TOUCH Enable slideshows!
-
45
Links en la descripción
Descarguen el PDF para tener los links a mano.
-
46
JSON Parser Online
Validador gratuito de formato json en linea.
-
47
Pingdom
Qué tanto estamos cargando nuestra página web?
-
48
Codepen
Demostraciones de código, ideas, ejemplo y mucho más...
-
49
Responsinator
Una manera rápida de probar como se ve nuestras páginas o aplicaciones web en diferentes dispositivos
-
50
Links en la descripción
Descarguen el PDF para tener los links a mano.
-
51
http-server
Un servidor HTTP muy fácil de montar, para pruebas, producción o aprendizaje.
-
52
Sweetalert
Un reemplazo elegante para la alerta de JavaScript.
-
53
Bootstrap modals
Información en pantalla de forma elegante y muy práctica.
-
54
The date picker
Un selector de fechas bastante elegante y fácil de configurar
-
55
Chosen
Un manejador de multiples opciones para nuestros controles HTML.
-
56
jQuery Complexify
Rutina de validación de contraseñas. Especialmente recomendado cuando necesitamos que nuestros usuarios creen passwords seguros.
-
57
Links en la descripción
Descarguen el PDF para tener los links a mano.
-
58
Masonry
Tarjetas ordenadas de manera perfecta
-
59
detectmobilebrowsers
Variable para detectar navegadores móviles.
-
60
Lazyload
Una manera bastante recomendada de cargar imágenes en nuestro sitio web o aplicación
-
61
STICKY
Un plugin para mantener objetos en posición estática, aunque hagamos scroll
-
66
Links de los plugins de la secciónAquí está la referencia a las librerías que usaremos en esta sección
-
67
Color Thief
Qué color predomina en una imágen?
-
68
ColorZilla
Cuando necesitamos saber que color tiene un objeto en alguna parte del navegador web.
-
69
Tippy - Tooltip
Un plugin hermoso para crear tooltips que no requieren de librerías externas para funcionar
