Instalación de Software Básico

17/8/2021 Instalación de software básico - Aprende sobre desarrollo web | MDN
Instalación de software básico

La Instalación de software básico, te muestra las herramientas que necesitas para hacer el
desarrollo web simple, y la forma de instalarlas correctamente.
¿Qué herramientas usan los profesionales?

Una computadora. Tal vez esto suena obvio para algunas personas, pero habrá quien
esté leyendo este artículo desde el móvil o una computadora de biblioteca. Para el
desarrollo web serio, es mejor invertir en un equipo de escritorio o portátil con
Windows, Mac o Linux.
Un editor de texto, para escribir código. Puedes usar un editor de texto libre (ej.
Brackets, Atom, Notepad++, Sublime Text, GNU Emacs, VIM, Visual Studio Code,
WebStorm) o un editor híbrido (Dreamweaver). Los editores de documentos de oficina
no son adecuados para esto, pues dependen de elementos ocultos que interfieren con
los motores de renderizado usados por los navegadores.
Navegadores web, para probar el código. Actualmente los navegadores más usados
son Firefox, Chrome, Opera, Safari, Vivaldi, Internet Explorer y Microsoft Edge.
También debes comprobar cómo funciona tu web en dispositivos móviles y en
cualquier navegador antiguo que tu público objetivo pueda estar usando aún (tal como
IE 6–8.)
Un editor de gráficos o imágenes, como GIMP, Paint.NET o Photoshop, para crear
imágenes para tus páginas web.
Un sistema de control de versiones, para administrar archivos en servidores,
colaborar en un proyecto con un equipo, compartir código y recursos, y evitar
conflictos de edición. Hoy en día Git es el sistema de control de versiones más popular
y el servicio de alojamiento de código GitHub, basado en Git, también es muy popular.
Un programa de FTP, para cargar páginas web en un servidor para el público (Git
está reemplazando cada vez más a FTP para ese fin). Hay un montón de estos
programas disponibles incluyendo Cyberduck, Fetch y FileZilla.
Un sistema de automatización, como Grunt o Gulp para realizar tareas repetitivas de
forma automática, por ejemplo minimización de código y ejecución de pruebas.
Bibliotecas, marcos de desarrollo ( frameworks ), etc., para acelerar la escritura de
funciones comunes. Una biblioteca tiende a ser un archivo JavaScript o CSS existente
que proporciona una funcionalidad lista para usar para que la utilices en tu código. Un
framework tiende a llevar esta idea más allá, ofreciendo un sistema completo con
alguna sintaxis personalizada para que puedas escribir una aplicación web basada en
él.
¡Muchas más herramientas!
Ahora mismo: ¿qué herramientas necesitas

realmente?
Esto parece una lista espeluznante pero, afortunadamente, puedes comenzar a trabajar en
el desarrollo web sin saber nada de la mayoría de estas herramientas. En este artículo solo
tendrás que configurar lo mínimo: un editor de texto y algunos navegadores web modernos.
Instalación de un editor de texto
https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web/Installing_basic_software 1/3
Probablemente ya tengas un editor de texto básico instalado en tu computadora. De manera

predeterminada Windows incluye el Bloc de notas y OS X viene con TextEdit.
Las distros(versiones) de Linux varían: Ubuntu viene con Gedit; distribuciones basadas en
KDE suelen traer Kate o Kwrite.
Para el desarrollo Web, probablemente hay cosas mejores que el Bloc de notas o TextEdit.
Una recomendación puede ser empezar con Brackets, un editor gratuito que ofrece vistas
previas en vivo y sugerencias de código.
Instalación de navegadores web modernos

Por ahora, solo tendrás que instalar un par de navegadores web de escritorio para poner a
prueba tu código. Selecciona tu sistema operativo y pulsa los enlaces pertinentes para
descargar los instaladores de tus navegadores preferidos:
Linux: Firefox, Chrome, Opera, Vivaldi.
Windows: Firefox, Chrome, Opera, Vivaldi, Internet Explorer (si tienes Windows 8 o
superior, puedes instalar IE 10 o posterior, de lo contrario, deberías instalar un
navegador alternativo).
Mac: Firefox, Chrome, Opera, Vivaldi, Safari (Safari de manera predeterminada viene
con iOS y OS X)
Antes de continuar, deberías instalar al menos dos de estos navegadores y tenerlos

disponibles para pruebas.
Nota: Internet Explorer no es compatible con algunas funciones web modernas y es

posible que no puedas ejecutar tu proyecto. Por lo general, no necesitas preocuparte
por hacer que tus proyectos web sean compatibles con él, ya que muy pocas personas
todavía lo usan; ciertamente, no te preocupes demasiado por él mientras aprendes. En
ocasiones, es posible que te encuentres con un proyecto que requiera soporte.
Instalación de un servidor web local

Algunos ejemplos necesitarás ejecutarlos a través de un servidor web para que funcionen
exitosamente. Puedes encontrar cómo hacer esto en ¿Cómo se configura un servidor de
prueba local?
En este módulo
Instalación de software básico
¿Cómo se verá tu sitio web?
Manejo de archivos
Conceptos básicos de HTML
Conceptos básicos de CSS
Conceptos básicos de JavaScript
Publicar tu sitio web
Cómo funciona la Web
Last modified: 16 ago 2021, by MDN contributors

Instalación de Software Básico - Aprende Sobre Desarrollo Web - MDN

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Instalación de Software Básico - Aprende Sobre Desarrollo Web - MDN

Cargado por

Copyright:

Formatos disponibles

17/8/2021 Instalación de software básico - Aprende sobre desarrollo web | MDN

¿Qué herramientas usan los profesionales?

Ahora mismo: ¿qué herramientas necesitas

Instalación de un editor de texto

Probablemente ya tengas un editor de texto básico instalado en tu computadora. De manera

Instalación de navegadores web modernos

Antes de continuar, deberías instalar al menos dos de estos navegadores y tenerlos

Nota: Internet Explorer no es compatible con algunas funciones web modernas y es

Instalación de un servidor web local

Last modified: 16 ago 2021, by MDN contributors

También podría gustarte