Tutoriales de desarrollo web

Diseño Web

Como acelerar la velocidad del video para los tutoriales, por ejemplo a 1.5: https://youtu.be/DpEBbhCpjrc?t=61

Maquetas - Prototipo
Draw.io Seleccionar layout (diseño)

Editor de texto
Sublime Text 3
Windows 64 bit - also available as a portable version
o
DOWNLOAD FOR WINDOWS

Notepad++
Notepad++ Installer 64-bit x64

Tutoriales en video

HTML
https://www.youtube.com/watch?v=cqMfPS8jPys&list=PLhSj3UTs2_yVHt2DgHky_MzzRC58UHE4z

CSS - Introducción
http://www.youtube.com/playlist?list=PLhSj3UTs2_yU0fGoS1bjpHqky4kCEmTbR

Bootstrap
https://www.youtube.com/watch?v=nug1pMke-y4&list=PLhSj3UTs2_yWTKvu1Aq3xUhzIJNBZ3MFW

Otra página con tutoriales
http://www.tutorialesprogramacionya.com

Introducción a HTML

Introducción a CSS

Bootstrap 3, el manual oficial

W3schools - Recomendada para consultas y documentación de referencia
http://www.w3schools.com

Programación

PHP y MySql
http://www.youtube.com/playlist?list=PLhSj3UTs2_yV7fDhr4bE3fBQFZA3Apiy_

Javascript
http://www.youtube.com/playlist?list=PLhSj3UTs2_yVC0iaCGf16glrrfXuiSd0G

Java
https://www.youtube.com/watch?v=Z0F7sJaOQtw&list=PL61C4C9D2231D4713
http://www.youtube.com/playlist?list=PLU8oAlHdN5BktAXdEVCLUYzvDyqRQJ2lk

Bases de Datos en MySQL
https://www.youtube.com/watch?v=PrS4RYiYVi4&list=PLpOqH6AE0tNix8HFnJOBQ8c_5PyPsdZ50

Presentaciones de un curso de la UTN

1 - HTML Introducción

2 - HTML y Hojas de Estilo

HTML y CSS

http://es.html.net/

Como subir páginas a Internet

Descargar FileZilla -> Download -> FileZilla Client
https://filezilla-project.org

¿Cómo subir página usando FileZilla y SFTP?
https://www.youtube.com/watch?v=A77uITNRBHU

Editor de textos para programación (html, css, etc): Notepad++:
https://notepad-plus-plus.org/download/

Mi Primer Página Web
https://www.youtube.com/watch?v=gzT9oCWyJfk&list=PLpOqH6AE0tNjh_agCrY02NISwODL2XBWL

Wordpress
http://www.youtube.com/playlist?list=PLhSj3UTs2_yWMco69NRWxwIww844JN9yl

HTML5
https://www.youtube.com/watch?v=_93kDSPlKIM&list=PL652DDE687FC4453C

HTML y Estilos más avanzado

Elementos a nivel de bloques y de línea
http://valacx.hostei.com/tutorial/xhtml/57/
http://www.librosweb.es/css/capitulo5/tipos_de_elementos.html
http://www.mclibre.org/consultar/amaya/xhtml/xhtml_texto.html

Xhtml y Hojas de Estilo
http://www.mclibre.org/consultar/amaya/index.html

Links de Consulta
Guía Breve de XHTML: http://www.w3c.es/divulgacion/guiasbreves/XHTML
Beneficios Auxiliares del Diseño Web Accesible: http://www.sidar.org/recur/desdi/traduc/es/borrador/beneacce
Guía de Referencia CSS 2.1: http://www.w3c.es/divulgacion/guiasreferencia/css21

Otros:
XHTML™ 1.0: El Lenguaje de Etiquetado Hipertextual Extensible: http://www.sidar.org/recur/desdi/traduc/es/xhtml/xhtml11.htm#xhtml
Table Layouts vs. Div Layouts: From Hell to… Hell?: http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell
HTML Tags // aca tienen una lista completa de todos los tags que existen para html y su explicacion (ingles): http://htmldog.com/reference/htmltags