Guía de Buenas Prácticas en Diseño y Desarrollo Frontend.

PROYECTO TERMINAL PARA OBTENER EL GRADO DE LA MAESTRÍA EN COMUNICACIÓN CON MEDIOS VIRTUALES.

PRESENTA: ING. JONATHAN ULISES MIRANDA CHARLES.

ASESORA: MTRA. ROSELENA VARGAS VELASCO.

MÉXICO, CDMX. SEPTIEMBRE, 2016.

RECONOCIMIENTO DE VALIDEZ OFICIAL DE ESTUDIOS DE LA SECRETARÍA DE EDUCACIÓN PÚBLICA SEGÚN ACUERDO NO. 2005625 DE FECHA 07 DE ENERO DE 2008.

Introducción:

“La creación del contenido no debería ser una tarea recóndita. No debería ser esto algo inescrutablemente arcano que sólo los expertos y dorados gurús de las ciencias de la computación pueden hacer.”

(Brendan Eich – Creador de JavaScript, 2014).

Desde la aparición del iPhone en 2007, el uso de los dispositivos móviles ha cambiado las dinámicas del ser humano, su crecimiento ha sido constante durante los últimos años, tanto así que para cuando se escriben éstas líneas (2016) ya han superado en ventas al PC tradicional y tienen un gran terreno ganado en el consumo de contenidos y servicios en la web.

Con el surgimiento de los dispositivos móviles, el diseño y desarrollo web ha sufrido un cambio de paradigma y por ende las prácticas y técnicas que veníamos utilizando se ven afectadas.

Este repositorio proporciona una serie de recomendaciones, buenas prácticas, enlaces y recursos de diseño y desarrollo web en la era móvil, para todo aquel que quiera iniciarse en éste maravilloso mundo de la web, su enfoque de carácter práctico hace mención de las tecnologías y técnicas actuales que se recomiendan seguir en el frontend de la web.

Índice

1. Buenas Prácticas de HTML

   1. Etiquetas HTML
   2. Estructura y Contenido
   3. HTML5
   4. Semántica
   5. Buenas Prácticas de Código HTML
   6. Estructura Básica HTML5
   7. Más Información

2. Buenas Prácticas de CSS

   1. Sintaxis
   2. Selectores
   3. Unidades de Medida
   4. Colores
   5. Tipografías
   6. Características CSS3
   7. Prefijos Navegadores
   8. Visualización
   9. Posicionamiento
   10. Modelo de Caja
   11. Técnicas de Maquetación
   12. Patrones de Diseño
   13. Guías de Estilo
   14. Arquitectura CSS
   15. Sistemas de Nomenclaturas
   16. Buenas Prácticas
   17. Frameworks
   18. Preprocesadores
   19. PostCSS

3. Buenas Prácticas de Responsive Design

   1. Traducciones al español
   2. Un poco de historia
   3. Concepto
   4. Técnicas de Diseño Web MultiDispositivo
   5. Enfoques de Diseño Web MultiDispositivo
   6. Media Queries
   7. Breakpoints
   8. Más Recursos

4. Introducción, historia y evolución de JavaScript

   1. JavaScript: BEGINS (1995)
   2. JavaScript: AGE OF FLASH (2000)
   3. JavaScript: AGE OF HTML5 (2008)
   4. JavaScript: AGE OF WEB COMPONENTS & REAL TIME (2014)
   5. Librerias y Frameworks
   6. JavaScript NO es JAVA
   7. EcmaScript
   8. Buenas Prácticas
   9. Libros

5. Buenas Prácticas y Fundamentos de Programación en JavaScript

   1. Programación
   2. Programación Orientada a Objetos
   3. Gramática JS
   4. Sintaxis JS
   5. Servidor Web
   6. Las buenas partes de JS
   7. DOM
   8. Eventos
   9. BOM
   10. Agente de Usuario
   11. Media Queries
   12. Formularios
   13. AJAX
   14. JSON
   15. API's
   16. JavaScript Diferido y Asíncrono

6. Herramientas Frontend

   1. Introducción
   2. Node.js
   3. NPM
   4. Paquetes NPM
   5. Git
   6. GitHub
   7. Más de Git & GitHub
   8. Preprocesadores
   9. Gestores de Tareas