La terminal de comandos al principio puede ser confusa pero una vez que la comprendemos no la podemos dejar nunca 😂
Por cierto les recomiendo que tomen el curso de Terminal de comandos
Fundamentos de Programación
Programación desde Cero con JavaScript
Programación Básica con Consola de Navegador
Creación y gestión de archivos HTML básicos
Estructura Básica de Documentos HTML
Conoce la estructura básica de HTML y cómo integrarla con JavaScript
Instalación de Visual Studio Code y configuración inicial
Variables y texto dinámico en JavaScript
Programación de Piedra, Papel o Tijera en JavaScript
Algoritmo de Piedra, Papel o Tijera en JavaScript
Generación de Números Aleatorios en JavaScript
Funciones en JavaScript: Uso y Buenas Prácticas
Condiciones y Ciclos en Programación Python
Programación: Control de Flujos con Ciclos While
Rutas Absolutas y Relativas en Sistemas de Archivos y Web
Manipulación del DOM y Eventos en JavaScript
Quiz: Fundamentos de Programación
Desarrollando un juego con HTML y JavaScript
Maquetación de páginas web con HTML y CSS
Selección de Mascota en HTML con Inputs de Tipo Radio
JavaScript: Hacer Funcionar Botón de Selección de Mascota
Eventos en JavaScript: Escucha Carga de HTML y Ejecuta Función
Condicionales en JavaScript: Verificación de Inputs
Manipulación del DOM con JavaScript: Actualizar Contenido Dinámico.
Selector de Mascota Enemiga con JavaScript y Números Aleatorios
Eventos con addEventListener en Botones de Ataque HTML
Selección aleatoria de ataques para enemigos en JavaScript
Creación de Elementos HTML con JavaScript: `createElement` y `appendChild`
Programación Funcional en JavaScript: Conceptos y Ejemplos Prácticos
Tablas de Verdad: Operadores Lógicos en Programación
Cambio dinámico de vidas en combates con JavaScript
JavaScript: Validación de Vidas en juego de Combate
"JavaScript: Activar reinicio y desactivar botones post-juego"
Mostrar y Ocultar Elementos HTML con JavaScript
Quiz: Desarrollando un juego con HTML y JavaScript
Estilos con CSS
Propiedades y selectores CSS: Estiliza tu página web
Tipos de Display en CSS: Block, Inline e Inline-Block
Alineación y Posicionamiento con Flexbox en CSS
Modelo de Caja en CSS: Margen, Borde y Relleno
Estilos Flexbox para Diseñar una Web Atractiva
Estilos CSS avanzados para botones interactivos en juegos
Estilos CSS para Juegos con HTML y JavaScript
Estiliza Elementos con Flexbox para Proyectos Web
Separación de Elementos en Mensajes con JavaScript y HTML
Maquetación con CSS Grid: Crear Rejillas y Distribuir Contenidos
Diseño Responsivo: Usando Media Queries en CSS
Pseudoclases CSS: Hacer Visible la Selección en Formularios
Quiz: Estilos con CSS
Optimización de código
Optimización de Código JavaScript para Juegos Interactivos
Refactorización de Código: Reutilización de Variables en JavaScript
Clases y objetos en JavaScript para videojuegos
Creación de Objetos en JavaScript: Clases y Propiedades Básicas
Manejo de Arreglos en JavaScript: Creación y Manipulación de Datos
Manipulación del DOM con JavaScript y Mokepones
Manipulación HTML con JavaScript: Inyectando Mokepones Dinámicamente
Depuración de Errores en JavaScript: Variables y Elementos HTML
Gestión de Objetos en JavaScript: Fuente Única de Verdad
Manipulación de Arreglos en JavaScript: Selección de Elementos Aleatorios
Iteración de Arreglos en JavaScript: Mostrar Datos en HTML
Función que Genera Botones Dinámicos en JavaScript
Eventos de Clic en Botones con JavaScript
Validación de secuencia de ataques en JavaScript
Validación de ataques en juegos HTML: lógica y JavaScript
Diseño de Algoritmos para Juegos Interactivos
Optimización de Estilos en Juegos Web con CSS
Quiz: Optimización de código
Mapa con canvas
Mapa Interactivo con Canvas y JavaScript
HTML y JavaScript para Movimiento en Canvas
Control de Movimiento en Canvas con JavaScript
Eventos de Teclado: Movimiento de Personajes en JavaScript
Pintar imágenes y personajes en Canvas HTML
Métodos de la Clase Mokepon: Cómo Pintar y Mover Enemigos
Detección de colisiones en videojuegos con JavaScript
Colisiones en Desarrollo de Videojuegos con JavaScript
Redimensionar mapas en JavaScript: adaptable a pantalla completa
Estilos CSS Avanzados para Páginas Responsivas
Quiz: Mapa con canvas
Backend: videojuego multijugador
Comunicación Cliente-Servidor con HTTP y APIs
Instalación de Node.js en Windows para desarrollo backend
Uso de la Terminal de Comandos para Desarrolladores Node.js
Servidor Web con Express.js: Creación y Configuración Básica
Entendiendo URIs y HTTP en Desarrollo Web
Comunicación entre Frontend y Backend con Node.js
Comunicación Frontend-Backend con JSON para Selección de Mokepones
"Actualización de Coordenadas en Node.js para Juegos Multijugador"
Gestión de Coordenadas en Multiplayer con JavaScript
Optimización de Código en JavaScript para Videojuegos
Batalla Final Mokepon: Intercambio de Ataques en Línea
Programación de Fetch API con JavaScript en Aplicaciones Web
Quiz: Backend: videojuego multijugador
Próximos pasos
Programación Multijugador con Node.js y Express
Desarrollo web backend con Node.js y Express
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Como desarrolladores de software, una de nuestras mejores amigas será la terminal de línea de comandos para la ejecución de tareas. No debemos tenerle miedo, ya que nos facilitará mucho el trabajo en el futuro.
Una terminal de línea de comandos o CLI (Command-Line Interface), es una interfaz de texto que nos permite interactuar con un proyecto, ejecutar tareas o navegar por todos los archivos y directorio de nuestro computador.
En cualquier sistema operativo puedes ejecutar comandos en una terminal. Habrás observado que VS Code trae consigo una terminal. Existen muchas otras, todas muy similares.
A diferencia de una interfaz de usuario donde podemos observar e interactuar con archivos o directorios de forma visual y más amena, una terminal de línea de comando también lo permite a través de texto ejecutando comandos.
Parece algo más difícil, pero no te preocupes. Te acostumbrarás y te garantizo que lo agradecerás cuando seas un desarrollador de software profesional.
Con NodeJS, utilizaremos NPM que trae consigo su propio CLI para crear proyectos o instalar dependencias que nuestro proyecto necesitará.
Pero antes de eso…
Llamamos dependencia o librería a una pieza de código desarrollada por un tercero, por otra persona. Las mismas nos permiten solucionar problemas triviales y reutilizar código para hacer más rápido nuestro trabajo como programadores.
NPM se encargará de descargar por nosotros las dependencias que necesitamos. En la actualidad, es el gestor de dependencias más grande del mundo. Cada lenguaje de programación suele tener el suyo, como lo es Composer para PHP, Maven para Java o PIP para Python.
Una dependencia puede servirnos para manejar fechas, para leer archivos, para realizar solicitudes HTTP o hasta para levantar un servidor, entre muchas otras funcionalidades. Realmente te encontrarás con dependencias de todo tipo y casi para cualquier cosa que quieras hacer. Poco a poco, irás descubriendo más y más dependencias que utilizarás para construir tus proyectos.
Existen muchos comandos que incluso varían dependiendo el sistema operativo en el que trabajes.
Los comandos más básicos que puede probar son ls
o ll
para listar los archivos o directorios. También utilizarás mucho el comando cd
para desplazarte entre directorios dentro de tu computador.
Los CLI, como NPM, incorporan a tu sistema operativo una serie de comandos específicos para trabajar con una tecnología. Suelen utilizarse estos con un prefijo como npm <command-name>
.
Siempre, y para toda tu vida, que instales una nueva tecnologías, lo primero que realizarás es el “Hola Mundo” que permite corroborar la correcta instalación de la tecnología o herramienta.
Para crear tu primer proyecto en NodeJS, con ayuda de NPM, basta con utilizar el comando npm init -y
. El mismo creará en cuestión de segundos tu primer proyecto.
Observa que este comando ha creado un archivo llamado package.json
que contiene la configuración básica de cualquier proyecto desarrollador en NodeJS.
{
"name": "prueba",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
No debes preocuparte tanto por su contenido, poco a poco lo irás comprendiendo. Puedes observar, entre otros datos, el nombre del proyecto, la versión, una descripción y el archivo base del proyecto, entre otros datos.
Continúa creando un archivo que llamaremos index.js
que será el archivo base de nuestro proyecto. Agrégale al mismo el siguiente contenido:
console.log("¡Hola Mundo!");
Ya puede ejecutar tu primer proyecto en NodeJS utilizando el comando node index.js
. Recuerda utilizar el nombre de tu archivo que acabas de crear para indicarle a Node qué archivo ejecutar.
En cuestión de segundos observarás un ¡Hola Mundo!
en la consola que hayas utilizado para lanzar el comando. Eso significa que NodeJS se encuentra correctamente instalado en tu computador y has ejecutado tu primer programa.
Ha sido bastante sencillo la creación de un proyecto con NodeJS y su ejecución. Ahora es momento de desarrollar tu primera aplicación backend apoyándote de estas tecnologías.
Contribución creada por: Kevin Fiorentino (Platzi Contributor).
Aportes 71
Preguntas 59
La terminal de comandos al principio puede ser confusa pero una vez que la comprendemos no la podemos dejar nunca 😂
Por cierto les recomiendo que tomen el curso de Terminal de comandos
si una carpeta tiene espacios utiliza comillas
cd "carpeta con varias palabras"
una buena practica es no poner espacios en las carpetas para agilizar mas los comandos en la terminal
para los que le aparece como “PS C:\Users\TORRE>” o algo parecido y no encuentran la ruta para llegar a la carpeta en donde estar el archivo, lo que pueden segur la ruta que aparece arriba en VSC así como se ve la imagen de abajo y como esta resaltado con un color verde, si lo ven es la misma ruta que aparece en parte de arriba.
espero que les ayude mucho esto que vi para poder llegar hasta el archivo. No paren de aprender. 💪
He aprendido mucho con ustedes, pero ya a este punto siento miedo de no seguir aprendiendo, de no volverme buen programador 😦, pero voy a persistir, el que persevera alcanza
No te tengo miedo Backend, sobreviví a las clases de Javascript 🤣😊
No le tengan miedo a la terminal, será su amiga en un futuro!
Me costo bastante! Pero después de todo un día de estudiar, intentar e intentar varias veces, lo logré y se siente muy satisfactorio llegar a este punto siendo este curso mi primera experiencia en el mundo de la programación. Más motivada que nunca
Hola, en mi caso tuve dos retos y les comparto la solución:
Espero que les sea de utilidad si se encontraron con estos retos también
Los usuarios y los programas se comunican con el S.O (Sistemas Operativos) a través de una interfaz de usuario.
Al estudiar de informática, vamos conociendo mas el S.O dejando de ser un usuario cotidiano ya que nos daremos cuenta que la linea de Comandos / Terminal / Shell nos facilitara mas la vida.
Este tipo de interfaz se utiliza con un lenguaje de control o de ordenes. Dichas ordenes son capturadas y traducidas ( Recordar que las computadoras no entienden nuestro idioma; Piensa en que vas de viaje a un pais de habla distinta al tuyo, para poder comunicarte necesitas de un interprete que te pueda traducir ) por un interprete de ordenes.
Cada llamada al sistema lanza una ejecución a el modulo del S.O que proporciona el servicio requerido.
Hola a todos soy nueva tengo 12 años y pues me costo muchisimo en este curso y realmente me tomo mucho tiempo para encontrar el error para buscar package.json ya que al momento de seguir todas las indicaciones de la profesora siempre me salia
PS C: \Users\pues mi nombre tal> y solo salia eso y pues para solucuonarlo le di click a ese enlace de arriba y me llevo a otro apartado del Vscode y salia todos mis archivos, ustedes deben buscar hasta abajo para que les aparezca el package.json, espero que les ayude🙂👧🏻
La consola de Windows viene de sus predecesoras según entiendo MS-DOS, cuando las computadoras aun no tenian interfaz grafica.
De cualquier forma a pesar del tiempo sigue siendo una herramienta potente si se usa bien.
Aquí una pagina con algunos comandos usuales que puedes usar en la terminal, sean cuidadosos, quizás usar una maquina virtual para testear no este de mas 😅
https://elandroidefeliz.com/comandos-cmd-comandos-dos-listado/
Alguien me puede ayudar diciéndome que tendré mal ahí, solamente que no me permite ejecutar esa función.
Para los que cuando abren el terminal y les sale algo asi como
PS C:\Users\FAMILIA>
para cambiarlo deben hacer el siguiente comando:
1: primero buscan la carpeta donde este el archivo y en la parte superior hay como una especio de url del archico le dan click en el espacio en blanco y lo copian, luego lo pegan despues del cd y asi les deberia quedar.
PS C:\Users\FAMILIA> cd C:\Users\FAMILIA\OneDrive\Escritorio\programar\mokepon
y asunto resuelto
npm init -y ,es una manera de hacer una configuración automatica
Siempre he pensado que mi fuerte es mas el Backend que el Frontend ya que me llevo más con la lógica que con el diseño, PEROO apenas empece en platzi hace unos meses atrás… Ahora es cuando realmente sabré si estoy hecho para eso!!!
|
|
Yo cuando empiezo con cosas del Backend…
|
|
|
yo tuve que ejecutar con comandos desde la terminal para ir abriendo loas archivos para poder llegar a la carpeta mokepon , porque desde un principio no me aparecia toda la ruta completa como a la profe , asi que utilice los comandos cd y ls y asi me permitia ir de carpeta en carpeta , me costo pero ya estoy al mismo ritmo de la clase de la profe y me parecio muy facil hasta ahora .
instale una version antigua por uso windows 7 mi pc es viejit
En linux puse ls, cd Documentos, cd Mokepon, y después pude ejecutar el resto de la clase, y el package.son, lo arrastre al visual studio code
La terminal no es algo que sea requerido para los desarrolladores, pero si que ayuda mucho, y que se siente muy bien abrir a terminal y utilizarla en frente de personas que no saben nada de programacion o computadores
Hola a todos, para los que tienen cargado en alguna otra ruta y tengan dudas de como cargarla, a continuacion les dejo la solucion
lo que tienen que hacer es con el comando cd
agregan la ruta de donde tiene ubicado su proyecto, en caso de que tengan carpetas con espacios, como en mi caso lo que tienen que hacer es usar las comillas, espero que esto pueda a servirle a los que tengan dudas.
una pregunta como puedo abrir la carpeta que quiero en mi terminal es que me aparece otra
quiero cambiar la parte que esta en PS D:\PLATZI\
Que no se rompa nada del codigo🤞
para pasar de este video al otro me tomo alrededor de 30 minutos 🤔😥
pero logre ver mi error y entenderlo
uff!! se pone duro este curso 💪
Espere mucho este momento, veía a muchos trabajando en las terminales. Esto se pone cada vez mejor. Vamos a terminar con toda este curso.
Esto tal vez se parezca a la terminal de linux 🥴
me gusto esta clase, quiero seguir aprendiendo mas sobre la terminal
libreria --> codigo hecho que facilita ciertos usos
ls --> listar archivos
cd --> cambiar directorio
npm --> crea el proyecto
node nombre.js --> ejecuta codigo
Me asuste cuando no me aparecio el mensaje
menos mal encontre que si se habia creado el archivo, y logre continuar.
Como dato: El comando clear puede borrar las lineas del terminal que has escrito
Kevin Fiorentino ha vuelto!! Es el que hace los apuntes en recursos y la verdad que se le da genial, se lo echa de menos cuando no está y eso que la clase era clarísima 👌🏼 De veras que toda la gente de platzi son diez sobre diez.
console.log('hola Diana, hola Kevin!)
SI SOBREVIVIMOS A LAS CLASES DE DIEGO, PODEMOS CON TODO!!!
Hola no puedo utilizar npm, me dice acceso denegado
Para los programadores que estén usando linux Ubuntu (WSL2) desde la terminal y no puede encontrar como llegar a las carpetas de windows donde está la carpeta mokepon, la solución que yo encontré fue la siguiente:
Espero observaciones, gracias
UF! hoy me costó, desde la descarga de node tuve problemas… pero acá sigo, aprendiendo de a pocos!
A mí no me apareció la misma información luego de darle enter cuando pregunta “Is this OK?”
.
Tendré algo mal? 👀
.
Al principio uno se confunde pero eso con practica se aprende y se va uno adaptanto a la terminal es algo chevere y con linux se aprende mucho mas a profundidad eso…
Está clase se me ha hecho mucho más fácil después de ver el curso de git y github dictado por el Prof. Freddy
La forma en la que yo pude moverme de mi carpeta iniciaial que era C:\User\PC, fue colocar en la terminal primero el comando “ls” para poder ver que carpetas habia y posteriormente colocar el nombre de la carpeta de está forma: cp programar/ y despues volver a usar “ls” para ver que carpetas habia y volver a colocar cp y el nombrede la siguiente carpeta, quizás no sea lo más rapido pero asi lo encontre jajaja
lista de comandos de la terminal https://platzi.com/blog/41-comandos-terminal/
Es mi primera experiencia en Backend, admito que le tenia un poco de miedo. Sin embargo me ha ayudado el hecho de tener conocimientos en Linux puesto que es el SO que uso, así que a la terminal no le tengo miedo 💪
Crear un proyecto de Node js, comando npm init
epico
Todo bien con la creación del node JS, aunque me quedó la duda de la sección del “git repository”, conozco algo de git, pero no entendí mucho para que se usa esa sección 👀
Nuestro primer Hola Mundo jejeje ! Node JS ahi te voy !
Vamos equipo!, ojo compañeros si la carpeta que buscan tiene espacio la deben buscar pero entre comillas. O si no no funciona. A mí este dato me salvo .
Gracias por esta clase. Vamos con todo , decir que tengo miedo es poco jaja
Que buena explicación tenía nervios que saliera mal jaja. Por cierto, quería comentar en Json y no dejo, dice que no se puede comentar porque es datos puros, que se usa "_comment": "comment text goes here...",
pero que no debería usarse.
Gracias por la clase.
Si, recomendable en este punto el curso terminal…
¿Qué es una terminal de línea de comandos?
Una terminal de línea de comandos es una interfaz de texto que nos permite interactuar con un proyecto, ejecutar tareas o navegar por los archivos y directorios de una computadora.
¿Para qué sirve una terminal de línea de comandos?
Una terminal de línea de comandos es una aplicación que permite interactuar con el sistema operativo y ejecutar comandos a través de texto en lugar de gráficos.
¿Puedo utilizar una terminal en cualquier sistema operativo?
Sí, existen terminales para diferentes sistemas operativos, como Windows, macOS y Linux.
¿Cómo se diferencia una terminal de línea de comandos de una interfaz de usuario?
Una terminal de línea de comandos se diferencia de una interfaz de usuario en que la interfaz de usuario se basa en gráficos y iconos, mientras que la terminal de línea de comandos utiliza texto para realizar tareas
¿Qué es NPM y para qué lo utilizamos con NodeJS?
NPM (Node Package Manager) es un gestor de paquetes de Node.js que permite descargar y utilizar módulos de terceros en un proyecto de Node.js.
¿Qué es una dependencia en el desarrollo de software?
Una dependencia en el desarrollo de software es un componente externo que es requerido por una aplicación para funcionar correctamente.
¿Cuál es el gestor de dependencias más grande del mundo?
El gestor de dependencias más grande del mundo es NPM.
¿Para qué puede servir una dependencia?
Una dependencia puede proporcionar funciones adicionales, solucionar problemas de seguridad o mejorar la experiencia del usuario
¿Cuáles son los comandos básicos que se deben conocer en una terminal de línea de comandos?
Algunos de los comandos básicos que se deben conocer en una terminal de línea de comandos incluyen: ls
para listar los archivos y carpetas en el directorio actual, cd
para cambiar de directorio, mkdir
para crear un nuevo directorio, rm
para eliminar un archivo o directorio, cp
para copiar un archivo o directorio, y mv
para mover un archivo o directorio.
¿Cómo crear un proyecto en NodeJS con NPM?
Para crear un proyecto en NodeJS con NPM, primero debes tener NodeJS y NPM instalados en tu sistema. Luego, en la terminal, navega hasta la carpeta en la que deseas crear el proyecto y ejecuta el comando npm init
. Sigue las instrucciones en la terminal para completar la creación del proyecto, y podrás encontrar un archivo package.json
en la carpeta del proyecto.
¿Qué es un archivo package.json y qué información contiene?
Es impresionante la creacion de un configurador usando la terminal. Sabia de terminal, pero la forma en que Diana us la terminal para el Nodejs me dejo impresionado. Y la forma en que ejecuto un console.log y este se visualiza en la terminal woa. Se que estoy verde en esto de Nodejs, pero mejorare y aprendera mas de este para futuros proyectos.
Aquí les muestra los comandos que se pueden usar con Windows…clasificados según su función…son muchísimos…nos queda mucho por aprender.
https://www.ionos.es/digitalguide/servidores/know-how/comandos-cmd/
Espero esta parte del curso me despeje la duda de por que es mejor desarrollar desde una consola por encima de un IDE o un editor de texto. Se puede sentir la gente muy haker y todo lo que quieran utilizando esto, pero la verdad eso me recuerda a la primera vez que interactue con un computador con un programa de una tortiguita hace ya bastantes años, es decir nada que ver… literalmente! Un punto que se movia a partir de comandos.
para los que no les sale nada y ni les lee sus carpetas de sus mokepon , cierren todo el visual studio code hasta los archivos de html y js , y de nuevo lo vuelven a hacer el node -v y verán les resulta , buscando como una hora en internet y cerrando todo y volviendo a subir las carpetas de mokepon ahí recién agarró la ruta de mi carpeta y pude dar con la clase sin que salgan letras rojas ni nada .
no puedo avanzar, estoy atascado con esto…
Como accedo a la ruta utilizando la terminal de Linux???\
veo que van todos los datos o carpetas creadas anteriormente cuando se inicio a programar mokepon
Yo tuve problemas cuando quize abrir la carpeta programar desde la terminal de Visual Studio al final tuve que cambiar el nombre de la carpeta programar para poder solucionar mi problema y poder entrar a la carpeta pokemon para poder crear el “package.json”
muchachos ya me dio.
la forma en la que me dio es cambiando los nombres de la carpetas para que sea más fácil para nosotros escribirlos en el Node. Js
me toco Unir los nombres de las carpeta. y quitarle símbolos como paréntesis, puntos y espacios. me quedo asi:
(me tocó escribir carpeta por carpeta jajajaja)
PS C:\Users\JORGE ISAAC\Desktop\Platzi\CursoBasicoHTMLPlatzi\Servidor\MisResultados\Mokepon>
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?