CURSOS de Diseño

Apuntes utilizados para el dictado universitario del curso de Análisis y Diseño de Sistemas por el Prof. Matías Garcia.

https://www.profmatiasgarcia.com.ar

Aprende el diseño web, veremos lenguajes como HTML y con ayuda de un FrameWork (Bootstrap) usaremos HTML5, JavasCript, CSS3, entre otros lenguajes para realizar los mas modernos y mejores diseños de Internet.

Se que esos nombres suenan muy raros pero es realmente facil de usar... ¡SIN MIEDO! :D

Índice de Vídeos:
Capitulo 0 - Introducción Para Principiantes
Capitulo 1 - Etiquetas Básicas (HTML)
Capitulo 2 - Estilos de textos
Capitulo 3 - Insertar Fondos e Imágenes
Capitulo 4 - Crear Tablas
Capitulo 5 - Crear Botones y Enlaces
Capitulo 6 - Iniciando Bootstrap (FrameWorks)
Capitulo 7 - Creando Pagina web COMPLETA (1/2)
Capitulo 7 - Creando Pagina web COMPLETA (2/2)
Capitulo 8 - Servidores Web (Internet)
Capitulo 9 - Subir Pagina web a Internet
Pagina Web Profesional con Plantillas Premium en Joomla - TemplateMonster
Plantillas Gratuitas Profesionales de TemplateMonster
Sublime Text + FTP, Editar página subida a internet
Instalar Plantilla Wordpress Profesional Gratis y Premium - TemplateMonster
Personalizar plantillas gratuitas y premium en WordPress - TemplateMonster
Comprime y reduce el peso de una imagen hasta un 90% - Dostin Hurtado

Aprende todo lo relacionado al diseño de páginas web con Photoshop.
Si no sabes nada, no te preocupes, ya que este curso es paso a paso. Al finalizar podrás tener un diseño web atractivo y de fácil implementación para tu proyecto web.

Índice de Vídeos:
Curso Diseño web con Photoshop cs6 - Desde Cero
#2 Trabajando con Guías
#3 - Definiendo y combinando colores correctamente
#4 - Implementando la Grid de Bootstrap 4!
Curso de Bootstrap 4 Profesional 2018! de cero a cien fácil y rápido. Cupón de descuento incluido!
#5 - Guías fáciles con GuideGuide
#6 - Definiendo Tipografías frecuentes
#7 - Creando el menú de navegación (Navbar)
Curso Premium! Aprende a desarrollar formularios de contacto con PHP, Ajax, JQuery y Bootstrap 4!
#8 - Slide con Objetos inteligentes (parte-1)
#9 - Slide y botones redondeados (parte-2)
#10 - Creando sección-1
#11 - Iconos con Font Awesome
#12 - Tabla de precios (parte-1)
#13 - Tabla de precios (parte-2)
#14 - Creando formulario de contacto
#15 - ¿Cuál es nuestro próximo paso?
JAVASCRIPT ¡Curso desde 0! Tutorial JS ESPAÑOL
Sass curso: Introducción e instalación desde cero para principiantes
IONIC: Aprende a desarrollar una aplicación móvil desde cero
Curso completo de BOOTSTRAP 4 [Desde cero, para principiantes]
Crea fácilmente imágenes de relleno para tus proyectos web | Holder.js
JQUERY Tutorial Español - Curso de jQuery 2018 desde cero
GITHUB PAGES ♥ Hosting Gratis ♥ [ Tutorial en Español ]

Índice de vídeos:
Curso GRATUITO, Completo y desde Cero !!
1. Introducción y que Aprenderemos en el Curso
2. Como Descargar Adobe XD y Primeros Pasos
3. Herramientas de Forma
4. Importando y Trabajando con Imágenes
5. Herramientas de Texto
6. Herramienta de Pluma y Fusión de Capas
7. Alineación de Elementos y Organización de Capas
8. Herramienta de Repetición
9. Exportando Elementos
10. Símbolos
11. Como hacer columnas en Adobe XD
12. Presentación del Proyecto #1 (Blog)
13. Presentación del Proyecto #2 (Pagina de Libros y App Móvil)
14. A Punto de Comenzar Nuestros Proyectos
Como hacer Animaciones en Adobe XD
Efectos Hover en Adobe XD + Como hacer un Slideshow 1
Efectos Hover en Adobe XD + Como hacer un Slideshow 2
Efectos Hover en Adobe XD + Como hacer un Slideshow 3
Diseña una página web estilo NETFLIX en Adobe XD

Interesantísimo manual que trata el tratamiento de imágenes con herramientas libres. Se ven tanto Gimp para el retoque de imágenes, Inkscape para el diseño Vectorial y Xsane para la captura de imágenes con escáner. Realizado por José Juan Grimaldos. En formato pdf. Contiene 209 páginas.

Duración 4h42min
En este vídeo veremos el siguiente contenido:
1. INTRODUCCIÓN - 00:09
- World Wide Web
- World Wide Web Consortium

2. DISEÑO Y USABILIDAD - 04:16
- Experiencia de Usuario
- Interfaz de Usuario

3. HOSTING Y DOMINIO - 14:56
- Alojamiento web y servidores
- Dominio
- Protocolo http y ftp
- Uso básico del Cpanel
- Correo Corporativo
- Servidor local
- Filezilla y Cyberduck

4. FRONTEND Y BACKEND - 57:09
- El backEnd
- El FrontEnd

5. ESTRUCTURA BÁSICA DEL CONTENIDO - 01:02:25
- Inicio
- Acerca de
- Productos o Servicios
- Páginas adicionales
- Blog o post
- Contactos
- Sesión
- Cookies y políticas de privacidad

6. WEB SEMÁNTICA - 01:13:27
- Web 1.0
- Web 2.0
- Web 3.0

7. IDE Y EDITORES - 01:24:14
- Sublime text
- Brackets
- Notepad++
- Visual Studio Code
- Dreamweaver

8. XML Y XHTML - 01:29:06
- Para que se usa de XML
- Para que se usa xhtml

9. HTML y HTML 5 - 01:32:01
- Extensión
- Etiquetas
- Estructura
- Metadatos
- Encabezados H1-H6
- Párrafos
- Imágenes
- Audios
- Videos
- Enlaces
- Listas
- Tablas
- Formularios

10. CSS y CSS 3 - 02:10:38
- Extensión
- Enlazar
- Estructura
- Selectores
- Unidades de medida
- Colores
- Medidas
- Bordes
- Márgenes
- Espacios internos
- Fuente
- Texto

11. PHP Y MYSQL - 02:58:42
- Usos
- Ejemplos

12. JAVASCRIPT - 03:19:34
- Usos
- Ejemplos

13. FRAMEWORKS Y LIBRERIAS - 03:27:56
- Para HTML
- Para CSS
- Para Javascript
- Para PHP

14. MANEJADORES DE CONTENIDO O CMS - 03:35:57
- Wordpress
- Joomla
- Drupal
- Prestashop
- Moodle

15. RESPONSIVE DESIGN - 03:45:27
- Celulares, tablets y de Escritorio
- Mobile first
- Media Queries
- Bootstrap

16. POSICIONAMIENTO WEB - 03:52:00
- Palabras claves
- Competencia
- Contenido
- Backlinks
- Métricas

17. METODOLOGÍA - 04:07:19
- Conceptualización
- Wireframe, mockup y prototipo
- Material base
- Codificación
- Revisión y corrección
- Presentación final
- Posicionamiento web

18. ACCIONES A EVITAR - 04:25:42
- Diseño antiguo
- Saturación
- Uso de flash
- Publicidad excesiva
- Poca usabilidad
- Contenido confuso
- No responsive
- Dejar de usar captcha

19. TENDENCIAS - 04:34:02
- Flat Design
- Aplicaciones web
- Landing Page
- One Page

20. DESPEDIDA - 04:39:38

Scratch es un lenguaje de programación visual desarrollado por el Grupo Lifelong Kindergarten del MIT Media Lab.1​ Su principal característica consiste en que permite el desarrollo de habilidades mentales mediante el aprendizaje de la programación sin tener conocimientos profundos sobre el código.

En formato pdf. Contiene 23 páginas.

Guía de diseño de páginas Web en formato pdf. Contiene 79 páginas.

Curso de introducción a diseño web para móvil.
Contenidos:
1.- ¿Qué es la web móvil?
2.- Modos de interacción en la web móvil
3.- Resoluciones de pantalla y color en los dispositivos móviles
4.- Tipos de Layouts para la web móvil
5.- Codificación de caracteres para la web móvil
6.- Estructura básica de un documento para web móvil
7.- Modelo de caja y posicionamiento en dispositivos móviles
8.- Alternativas existentes para la detección de dispositivos móviles

Manual sobre diseño de sitios web adaptados a dispositivos móviles.
Contenidos:
1. Consejos de diseño web para móviles – Parte 1
2. Consejos de diseño web para móviles – Parte 2
3. CSS Media queries
4. “Pensar en móvil”, el primer paso antes de diseñar una web
5. Diseño web multiplataforma
6. Cómo hacer un diseño web adaptable (reponsive design)
7. Web móvil. Miniaturizar, movilizar…o nada
8. Cómo comercializar tu aplicación móvil
9. Cómo construir estrategias de desarrollo móvil efectivas para tus clientes
10. Técnicas para realizar menús adaptables
11. Manejo del tamaño de fuente en un diseño adaptable
12. Errores comunes al diseñar para móvil
13. Navegación en dispositivos móviles
14. ¿Cómo hacer que un sitio móvil se sienta como una app? Parte 1
15. ¿Cómo hacer que un sitio móvil se sienta como una app? Parte 2
16. 8 consejos para mejorar la interacción de los usuarios en aplicaciones móviles
170. ¿Cómo hacer que un sitio móvil se sienta como una app? Parte 3
18. ¿Cómo lograr que los usuarios se comprometan con tu app?
19. Cómo hacer tus sitios más amigables para dispositivo móviles
20. 10 estrategias esenciales para elaborar un diseño móvil – Parte 1
21. 10 estrategias esenciales para elaborar un diseño móvil – Parte 2
22. 6 sencillos consejos para hacer una página web móvil
23. La importancia de la detección móvil
24. Tipos de configuración de sitios web para móviles
25. Tooltips para sitios web móviles