Bonus: Debug en el navegador

Clase 21 de 25 • Curso de Sistemas de Diseño para Desarrolladores

Clase anteriorSiguiente clase

Alexander Valencia

student•

el inspector de elementos es una herramienta muy completa, y que tiene muchas cosas mas de las que mostraron aqui!!

Miguel Angel Reyes Moreno

student•

Esta clase tiene todo un curso, Curso de Debugging con Chrome DevTools Diego De Granda te muestra cómo usar de manera completa todas las opciones de desarrolladores, ¡100% recomendado ese curso!

Luis Alejandro Vera Hernandez

student•

Gracias por la recomendacion. Lo tendre pendiente para tomarlo

Harold David Avila Sabogal

student•

Bastante importante esta herramienta de inspección para la depuración de nuestro proyectos

Miguel Angel Reyes Moreno

student•

Para usar las herramientas de desarrollador les recomiendo el navegador Firefox Developer Serán desarrolladores en esteroides

Juan Esteban Galvis

student•

Super recomendado el curso de Chrome DevTools de Platzi: https://platzi.com/clases/devtools/

No solo sirve para inspeccionar o ver la consola, también para organizar tiempos de las animaciones, código que no usaste, editar y guardar directamente desde el navegador, etc....

Jonathan Amaya Mendieta

student•

Hay una herramienta muy buena para que podamos ver en "vivo" con ayuda de la extensión de live server nuestro proyecto.

Se llama Responsively App. Aquí esta el link para que la descarguen.

Allí puedes configurar los tamaños que quieras ver y tiene recomendados tanto para mobile y para cualquier resolución en realidad.

carlos navarrete

student•

Perfecto

Néstor Raúl Guzmán Díaz

student•

Recomiendo ver el cruso de Chrome DevTools donde se profundiza esta herramienta, y podemos hacer muchas cosas aplicadas para el front.

Naldo Duran

student•

Bonus: Debug en el navegador

Introducción

Qué aprenderás sobre los sistemas de diseño para desarrolladores

Conoce Sistemas de Diseño populares

Instalación y flujos de trabajo

Bonus: Personalizando la Terminal

Instalación y flujos de trabajo

Instalación de Node / Express desde 0

Bonus: html, css, js

Automatización

Automatización (Pre procesadores)

Continuando con la automatización

Paradigmas

SMACSS: Arquitectura de CSS escalable y modular

OCSS: Orientación de objetos en CSS

BEM

Bonus: Bootstrap

Naming

Naming

Qué son los tokens

¿Qué son los tokens?

Espaciado

Espaciado

Grillas

Grillas

Bonus: Animando en CSS

Mi primer componente

Mi primer componente

Documentación

Documentación

Testing

Testing

Bonus: Debug en el navegador

Deploy y versionamiento

Cómo empezar en Github

Deploy y versionamiento

Design review

Design review

Cierre