Git Product home page Git Product logo

buenas-practicas-frontend's Introduction

ICONOS

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.