Contenido principal
Curso: Programación de computadoras > Unidad 2
Lección 5: Herramientas de desarrollo webUsar las herramientas de desarrollador del navegador
El desarrollo web es complicado. Es por eso que los desarrolladores web usan muchas herramientas para ayudarles en su trabajo, y siempre están buscando nuevas herramientas para agregar a su caja de herramientas.
Las herramientas de desarrollo del navegador que se incluyen en la mayoría de los navegadores modernos son un gran favorito de la mayoría de los desarrolladores. Cada navegador difiere en cuáles herramientas proporciona exactamente, pero son más parecidas que diferentes.
Inspecccionar HTML
Una gran herramienta es la habilidad de hacer clic con el botón derecho sobre cualquier elemento en una página web e inspeccionar el HTML para ese elemento. Aquí está un video de cómo hacer eso en Chrome:
Inspeccionar CSS
Otra herramienta útil es el inspector de CSS. Con esta herramienta puedes revisar cuáles estilos se le aplican a un elemento y jugar con ellos. Aquí está un video que muestra cómo usar esta herramienta en Chrome:
Estas herramientas te pueden ayudar tanto a entender la estructura de otros sitios web como a depurar los tuyos propios.
Hay muchas herramientas más, pero esas dos te darán un gran inicio para ser un mejor desarrollador web. Intenta inspeccionar un elemento en esta página web y ¡ve qué encuentras!
¿Quieres unirte a la conversación?
Qué opináis de este programa?os ha dado buenos resultados?(13 votos)
Excelentes cursos! Permiten al estudiante inmiscuirse en el vasto universo de la programación. Y se aclara de que mientras más se lea de manera independiente más competentes seras.(8 votos)
hola!
después de poner los subtitulos vas a ajustes(que esta a la par) y clicas en la parte que dice leyendas y pones traducir automáticamente, luego buscas español y listo!
espero te sirva(4 votos)
Gracias por el dato khan Academy :)(1 voto)
este tema si lo entendi. Gracias..(1 voto)
¿ si realizo algún cambio queda guardado?(1 voto)- No, solo se modifica de forma local, mientras no cierres la web, seguirás viendo esos cambios.(2 votos)
- ayuda, me salen bugs rarísimos en algunas lecciones(1 voto)
- cual es la etiketa de firt sentence(1 voto)
- do you think that is a good idea study web developer?(1 voto)
gracias,yo estoy usando brakets en linux xubuntu para ir editando en tiempo real.(1 voto)
No originalmente a menos que te descargues ese navegador pero los mac tienen como navegador principal SAFARI.(1 voto)