Guías de Make it Real
  • Introduction
  • Preparación
    • Conceptos básicos
    • El editor de texto
    • La línea de comandos
    • Git y Github
  • Git
    • Instalación y configuración
    • Conceptos y comandos esenciales
    • Ignorando archivos y carpetas
    • Trabajando con ramas
    • Repositorios remotos
    • Etiquetas
    • Reescribiendo la historia
    • Stashing
    • Github
  • HTML y CSS
    • Introducción a HTML
    • Introducción a CSS
    • Más elementos de HTML
    • Tablas
    • Formularios
    • El modelo de caja en CSS
    • Fondos (backgrounds)
    • Posicionamiento
    • Selectores CSS
    • Bordes, sombras y gradientes
    • Media Queries
    • Unidades en CSS
    • Flexbox
  • Bootstrap 3
    • Primeros pasos
    • Elementos básicos de HTML
    • Componentes
    • La grilla
    • Personalizando Bootstrap
    • Utilizando plantillas
  • Bootstrap 4
    • Primeros pasos
    • Elementos básicos de HTML
    • Componentes
    • La grilla
    • Clases utilitarias
    • Personalizando Bootstrap
  • Ruby
    • Primeros pasos
    • Tipos y operadores
    • Variables y entrada de usuario
    • Condicionales
    • Ciclos
    • Arreglos
    • Más cadenas de texto
    • Hashes
    • Métodos
    • Manipulación de archivos
    • Gemas
  • Programación Orientada a Objetos en Ruby
    • Clases y objetos
    • Métodos y atributos de clase
    • Herencia
    • Módulos
    • Excepciones
  • JavaScript I
    • Primeros pasos
    • Tipos y operadores
    • Variables
    • Condicionales
    • Ciclos
    • Arreglos
    • Más cadenas de texto
    • Funciones
    • Objetos literales
    • Manipulación de archivos
  • JavaScript en el navegador
    • Primeros pasos
    • Manipulando HTML
    • Escuchando eventos
    • Local Storage
    • History API
    • Canvas
    • Notificaciones Web
    • Audio y Video
    • Arrastrar y soltar
    • JSON
    • Realizando peticiones HTTP
  • jQuery
    • Primeros pasos
    • Manipulando HTML
    • Escuchando eventos
    • Plugins
    • Realizando peticiones con AJAX
  • JavaScript II
    • Prototipos
    • Librerías (Node.js)
    • ES6
    • Uso de this (call, apply, bind)
    • Programación funcional
    • Scope, hoisting, closures
    • Programación asincrónica
    • Testing
  • HTTP y Sinatra
    • Primeros pasos con Sinatra
    • El protocolo HTTP
    • Rutas
    • Formularios
    • Cookies y sesión
  • Bases de datos
    • Bases de datos relacionales
    • SQL
    • DDL
    • MongoDB
  • Ruby on Rails I
    • Primeros pasos
    • Arquitectura
    • Rutas
    • Layouts y rendering
    • ActiveRecord - Modelos
    • ActiveRecord - Migraciones
    • ActiveRecord - Validaciones
    • ActiveRecord - Asociaciones
    • ActiveRecord - Scopes
    • ActiveRecord - Callbacks
    • Recursos REST
    • Formularios
    • Autenticación con Devise
    • Sass y Bootstrap
    • Envío de correos
    • Carga de imágenes
    • Seeds
    • Heroku
  • Ruby on Rails II
    • Usando JavaScript (y jQuery) en Rails
    • Testing en Ruby
    • Testing en Rails
    • Creando una Web API
    • Web Sockets
  • Express.js
    • Primeros Pasos
    • El protocolo HTTP
    • Rutas
    • Vistas
    • Middlewares y manejo de errores
    • Formularios
    • Cookies y sesión
  • Express.js II
    • Mongoose
    • Web Sockets
    • Autenticación
    • Envío de correos
    • Cargar imágenes
    • Deployment
    • Testing
    • Creando una Web API
  • React
    • Primeros pasos
    • JSX
    • Componentes
    • Más sobre estado
    • Formularios
    • Peticiones HTTP con Axios
    • React Hooks
    • React Context
    • React Bootstrap
    • React Router
    • Carga de Imágenes
    • Testing
    • Estructura de carpetas
    • Componentes de clase
  • Redux
    • Primeros pasos
    • Action creators
    • Usando la librería react-redux
    • Middlewares
    • Operaciones asincrónicas con redux-thunk
    • Combinando funciones reductoras
    • Testing
    • Redux Tool Kit
  • Algoritmos
    • Describiendo un algoritmo
    • Complejidad (Big-O)
    • Estructuras de datos
    • Recursión
    • Ordenamiento
    • Búsqueda
    • Programación dinámica
  • Python
    • Primeros Pasos
    • Tipos y Variables
    • Funciones
    • Control de Flujo
    • Listas
    • Ciclos
    • Diccionarios, Tuplas y Sets
  • NumPy
    • Primeros Pasos
    • Arreglos
    • Arreglos Multidimensionales
    • Estadística con NumPy
    • Distribución Estadística
  • Pandas
    • Primeros Pasos
    • Inspección y Selección de Datos
    • Modificando Dataframes
    • La Función Lambda
    • Aggregates en Pandas
    • Múltiples Tablas
Powered by GitBook
On this page
  • Atom
  • Manipulando archivos
  • Crear un archivo
  • Guardar un archivo
  • Abrir un archivo o una carpeta
  1. Preparación

El editor de texto

PreviousConceptos básicosNextLa línea de comandos

Last updated 2 years ago

Un editor de texto es una aplicación que nos permite crear y editar archivos de texto.

A diferencia de un procesador de palabras (como Microsoft Word), un editor de texto se utiliza para crear archivos de texto sin formato.

Cada sistema operativo trae algún editor de texto como Bloc de Notas en Windows o TextEdit en Mac.

Sin embargo, existen editores de texto especializados para programadores que tienen varias ventajas sobre el editor que viene en tu sistema operativo:

  • Resalta la sintaxis de acuerdo al lenguaje de programación para facilitar su lectura.

  • Ayuda a auto completar el código.

  • Es altamente personalizable a través de archivos de configuración o plugins.

Ejemplos de editores de texto para programadores incluyen Sublime Text, Atom y VSCode, entre muchos otros. El que recomendamos para este curso es Atom.

Atom

Atom es un editor de texto gratis y de código abierto que puedes descargar en .

La siguiente imagen muestra varios elementos interesantes de Atom:

Atom Editor

El archivo que aparece en la imagen es un archivo HTML que no tiene formato (es solo texto) pero Atom automáticamente resalta el código haciéndolo más entendible.

A la izquierda tendrás los archivos cuando abres una carpeta completa.

Fíjate cómo Atom numera cada línea y la forma en que nos sugiere opciones en la línea 18 cuando empezamos a escribir una palabra, esto ahorra mucho tiempo de desarrollo y nos vuelve más productivos!

Manipulando archivos

Por defecto, cuando abres Atom, se crea un archivo sin título, muy parecido a cuando abres Bloc de Notas o cualquier otro editor de texto.

Veamos las tareas más comunes que puedes realizar con los archivos en Atom.

Crear un archivo

Puedes utilizar el atajo Ctrl + N (Cmd + N en Mac) o ir a File -> New en el menú principal.

Fíjate que en el menú principal siempre vas a encontrar el atajo que puedes utilizar para evitar utilizar tanto el mouse y volverte más productivo(a).

Guardar un archivo

Para guardar el archivo puedes oprimir Ctrl + S (Cmd + S en Mac) o ir a File -> Save desde el menú principal.

Ingresa el nombre con el que quieres guardar el archivo y oprime Save.

Abrir un archivo o una carpeta

Existen tres formas en que puedes abrir un archivo o una carpeta:

  1. Arrastra el archivo hasta Atom (o al ícono de Atom si no está abierto).

  2. Selecciona File -> Open en el menú principal, selecciona el archivo o la carpeta que quieres abrir y oprime el botón Open.

  3. Utiliza el atajo Ctrl + O, selecciona el archivo o la carpeta que quieres abrir y oprime el botón Open.

Cuando abres una carpeta aparecerá a la izquierda un panel que muestra los archivos y carpetas que están dentro de la carpeta que abriste:

Desde el panel izquierdo puedes crear, mover y eliminar carpetas y archivos.

este enlace