Herramientas para la web
Qué aprenderás para configurar tu entorno de desarrollo en Windows
Qué es un navegador web
Instalando Firefox, Chrome y usando sus DevTools
Editor de texto
Editor de texto: instalando el tuyo
Extensiones y personalización de Visual Studio Code
Cómo usar Live Server en proyectos reales de HTML y CSS
Linux dentro de Windows
¿Qué es Windows Subsystem for Linux?
Instalación de Windows Subsystem for Linux
Configuración de Ubuntu en WSL
Instalación de VirtualBox
Instalando Ubuntu en una máquina virtual
Comandos básicos de la terminal e instalación de Node.js
Cómo configurar tu primer proyecto en React.js
Git y Github
Instalando Git
Vinculando nuestra llave SSH en Github
Subiendo nuestro primer repositorio
¿Qué es lo que sigue?
Aún no tienes acceso a esta clase
Crea una cuenta y continúa viendo este curso
Aportes 169
Preguntas 66
Ya que estamos descargando e instalando las herramientas, también puede descargar la versión de escritorio de GitHub: https://desktop.github.com/
Y últimamente salió la CLI o cliente de línea de comandos para GitHub, como usar GitHub desde la terminal: https://github.com/cli/cli
Hola, les dejo los comandos que se han aplicado las últimas 3 clases y una mini descripción, espero les sirva;)
|
cd ~
Te lleva desde el home de Windows al home de Linux.
|
ls
Enlista los archivos y documentos de la dirección.
|
cd carpeta
La función cd luego de una carpeta a elección te lleva a la misma.
|
cd …
Te devuelve una carpeta atrás en la jerarquía.
|
code .
Abre VS Code en el archivo seleccionado en la carpeta.
|
cat archivo.html
Este comando muestra los contenidos dentro de un archivo.
|
man cat
Este comando muestra un manual de uso de lo que se ponga consiguinete a él.
|
sudo apt-get uptade
Comando para preguntarle al repositorio de dependencias si hay actualizaciones.
|
sudo apt-get upgrade
Con este se aplican las actualizaciones. Se recomienda hacerlo habitualmente.
|
sudo apt install nodejs
Sirve para instalar nodejs. El cual es un ambiente de ejecución para JS.
|
node -v
Así se ve qué versión de nodejs se posee.
|
sudo apt install npm
Se instala un manejador de paquetes que es como una store que está en constante
actualización. npm instala paquetes de forma permanente.
clear
Elimina el historial de comandos que hemos hecho anteriormente en la sesión.
|
npx create-react-app test
Así se crea una aplicación en reactjs.
npx ejecuta paquetes desde internet sin necesidad de tenerlos instalados,
lo cual hace que no se gaste espacio en disco duro.
|
cd test
npm start
Así se ejecuta la app en el servidor luego de los comandos previos.
|
code .
Lo ejecutamos nuevamente para abrir el código de la app en VS Code.
|
Luego en VS Code debemos abrir la terminal de Linux, para abrir y cerrar el proyecto
directamente desde la terminal.
|
npm start
Inicia el proyecto desde la terminal de VS Code, lo que hace que los cambios se actualizen automáticamente al guardar.
rm nombrearchivo.extension
Comando para borrar un sólo archivo.
|
rm -d nombredelacarpetavacia
Comando que borra una carpeta vacía.
|
rm -rf test
Comando que borra un directorio con un contenido adentro.
|
sudo apt install git
Sirve para instalar git desde Ubuntu/Linux.
|
|
(Cualquier error, favor corregir)
Les recomiendo Gitkraken. Es una GUI para git en Windows.
Como lo comento Celis Deben tomar el Curso Profesional de Git y GitHub
Lo imparte Freddy y la verdad aprenderán demasiado (Conocimiento que necesitan) y se divertirán con el curso.
PD: Sigo triste por el despido de Anita D:
Git es un software de control de versiones diseñado por Linus Torvalds, para el mantenimiento de versiones de aplicaciones cuando estas tienen un gran número de archivos de código fuente.
Git Hub es una forja para alojar proyectos utilizando el sistema de control de versiones git. Sería como la red social para programadores.
En Ubuntu 20 ya viene instalado por defecto, pero no hay que olvidar correr estos dos comandos antes de usar git:
git config --global user.name "TuNombreDeUsuarioDeGitHub"
git config --global user.email "TuCorreoDeGitHub"
Realmente pueden poner cualquier nombre de usuario y cualquier correo, pero mejor pongan sus usuarios y emails de GitHub para que al subir repositorios GitHub los detecte ^^
El profe es el más entusiasta que he visto desde que llegue, by the way, este es un gran curso.
✨ Perfil de GitHub creado correctamente, aquí es donde comienza el camino hacia la colaboración.
https://github.com/brayanmamani
Quiero compartirles algo que considero que es muy importante y no simplemente pertenece al área de programación, sino a la vida misma.
Durante este curso las cosas no han salido perfectas y he tenido muchos tropiezos y en cierto momento caí en una pequeña frustración. Lo cual es normal por empezar en una profesión nueva por básico que esto parezca.
Lo que me sirvió para seguir adelante fue:
Pararme del lugar de estudio, dar una vuelta de 1 minuto y decirme a mi mismo que todos los tropiezos son aprendizajes y es mejor que los aprenda ahora para fortalecerme y seguir adelante con nuevos retos.
Asi pues, los problemas de instalación o comprensión simplemente me enseñarian a ser más paciente, analitico, y a buscar la forma de ver las cosas de otro modo.
Bueno, es una enseñanza personal, pero estoy seguro de que a alguien le podría pasar, entonces, espero les sirva.
Git es el gestor de versiones y es una plataforma donde los equipos suben el código para colaborar, plataformas Git más populares: Github, Gitlab y BitBucket, su creador es Linus Torvals.
Comandos
o para borrar archivos en Linux: rm nombredelarchivo.extension
o para borrar carpeta en Linux: rm -d nombrecarpetavacia
o borrar directorio con contenido interno: rm -rf nombrecarpeta
o Hay que tener mucho cuidado con la ejecución de este comando ya que no solicita confirmación, simplemente borra todo
o Ejemplo:
Irnos una carpeta arriba para estar posicionados dentro de la carpeta de proyectos y después eliminar test
• cd …
• rm -rf test
o Para validar si está instalado git ejecutamos:
o git –version
en mi caso tengo la versión 2.25.1
o En caso de que no aparezca nada ejecutar lo siguiente:
sudo apt-get update
sudo apt-get upgrade
sudo apt install git
Para actualizar a la ultima version de git que es al dia de hoy la 2.35.1
sudo add-apt-repository ppa:git-core/ppa
sudo apt update
sudo apt install git
la documentación de instalación oficial de git :
https://git-scm.com/download/linux
Hola, también podemos limpiar nuestra terminal con CTRL + L. Un comando mas rápido que clear
A mi me sirvió mucho la siguiente guía
ES MI PRIMER APORTE 😄 espero ayude mmmm
_____ = nombre de usuario y ------ = es para la extension ,verifiquen porfavor 😄
si colocas :
pwd = nos dice en que direccion estas
home/username(usuario)
cd = para moverte en las carpetas de tu directivo
cd … = esta instruccion te lleva al directorio padre osea al home
ls = es para alistar en la carpeta te muestra
cd ________ = en la barra puedes colocar la carpeta para movilizarte osea entrar
+cd / = directorio raiz osea en el RUC ,bin,boot,dev etc home
cd mnt = abrir archivos de windows, despues cd c donde gustes,trata de usar mucho ls para confirmar osea verificar
cd Users = entrar a usuarios
cd tuusuariodewindows/Desktop = ir al escritorio
cd ~ = nos lleva a nuestro directorio home
mkdir ______ = en la barra colocas el nombre de tu carpeta que se creara con mkdir
sudo = si escribes al principio es para colocar los permisos de administrador mas especifico
touch ______.------= en esta barra ____ colocas el nombre y en este ------ colocas la extension osea (html,txt,js ,etc ) creas un archivo
+mv ______ ------- = el mv es para mover ______ esta carpeta dentro de ----- de esta carpeta esas barras son los nombres que colocaras
RECOMENDADO QUE instales EXTENSIONES del VScode (como REMOTE WSL,AUTO RENAME TAG etc) abres y cierras el code . y pues para instalar del VS al terminal. reinstalalo en esa barra verde que nos puede aparecer para instalar de nuevo.
cat _______.— = es para mostrar en la terminal tu archivo _____ = index , ----- = html.
man cat = como utilizar este comando ,
sudo apt-get update = gestor de paquetes ,osea tiendas pues entonces tienen repocitorio ,se pueden actualizar ,verificar que si hay algo nuevo !!
sudo apt-get upgrade = este codigo es que despues hagamos cambios es para ejecutarlos osea aplicarlos
sudo apt install nodejs = para instalar node.js pues para aclarar sudo es para dar permisos de administrador
node -v = para ver que version se instalo
comandos para actualizar el node js
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
el codigo de arriba es todo de curl hasta el bash -
sudo apt install nodejs
sudo apt install npm
npx / npm = el primero es para ejecutar paquetes desde el internet sin instalarlos
y el segundo es para colocar para siempre
npx create-react-app test = en caso el npx es para abrir este aplicacion de react
nota : si te pide que hagas lo siguiente osea
wo suggest that you begin by typing :
cd test
npm start
LO ESCRIBES UNO POR UNO NADA MAS.
CONTROL + C = si esque se ejecuta algo y no te deja escribir el controlc es para poder escribir de nuevo o si no habra otra terminal pero descarga desde windows stor la windows terminal aquella la configuras para que habra primero ubuntu 😄
+NOTA = cuando hayas abierto con code . el VisualStudio Code entonces si quieres hacer un cambio con el react necesitas ir a las opciones que te da la parte superior del VS y abrir TERMINAL ,despues new terminal y en el codigo de la barra que se abrio colocas npm start ylisto ya se guarda TU CAMBIO SE REFLEJA EN LA PAGINA DEL REACT
sudo chown -R ________ ~/----- = ______ colocas tu usuario de la terminal y la ------ es para seleccionar la carpeta donde quieres ejecutar ,el codigo es para dar permisos para editar en el terminal anterior.
rm _______.---- = borrar un archivo _______ es el nombre y el ----- la extension
rm -d ______.— = quieres borrar una carpeta vacia
+rm -rf _____ = _____ nombre de la carpetaborrar un directorio que tiene contenido adentro ,desde una carpeta antes para borrar .
NOTA SIEMPRE ES BUENO USAR ESTOS CODIGOS ANTES DE INSTALAR UN NUEVO SOFTWARE
sudo apt-get update
sudo apt-get upgrade
+sudo apt install git = instalar GIT
estimado colega, corrijo algo que dijiste, el sistema operativo de mac no esta basado en Linux, esta UNIX, y Linux también esta basado en Unix, por favor, corregí eso en este video para no informar mal a las personas, mas en esta gran plataforma, que merecemos tener profesores con gran conocimiento. Todos los días se puede aprender algo nuevo.
Si quieren actualizar a la última versión de git, en este link encontrarán la explicación de cómo y porqué:
https://www.linuxcapable.com/es/how-to-install-and-update-latest-git-on-ubuntu-20-04/
Muy buena clase y gran curso @celismx
Para instalar la última versión de git:
Que es git y github?
Git: Es un sistema que guarda todos los cambios de un solo archivo, como por ejemplo cuando estas guardando tu tesis que le tienes tesis final, tesis final ahora si, tesis final definitiva1, tesis final ending. Ademas permite que personas trabajen sobre el mismo archivo sin sobre escribirlo y cuando hay errores se sabe quien fue el usuario que lo hizo y si quieres devolver un backup lo puedes hacer de forma inmediata.
|
Github: Es un sistema web, donde puedes hacer lo mismo, pero es mas abierto al publico en el sentido de tener una comunidad de tipo red social, donde puedes subir tus proyectos, repositorios o simplemente hacer backup de tu trabajo.
para actualizar a la ultima versión de GIT que es la 2.36.0
sudo add-apt-repository ppa:git-core/ppa
sudo apt update
sudo apt install git
"… el kernel.) de Linux no es lo mismo que una “distribución Linux”, es sólo una parte de él, pero por comodidad y economía del lenguaje muchos decimos Linux a secas sin que el mundo se acabe por ello. El kernel de Linux es open-source, lo que quiere decir que puede ser usado por otros para desarrollar y es así como llegó a convertirse en la base del Android que conocemos hoy en día.
Si Android está basado en Linux, ¿por qué es tan distinto a las distribuciones de Linux comunes?
Tanto las distribuciones GNU/Linux como Android usan el kernel Linux como base, pero esto es lo único que tienen el común. Para formar un sistema operativo completo necesitas una serie de capas agregadas sobre este núcleo y cada una de estas es creada desde cero para que funcionen de una manera específica, dependiendo de la finalidad.
¿Qué significa que Android esté basado en Linux?
Si no has hecho el curso de Git y Github HAZLO, es 100% recomendado, imperdible, si vas por el camino del desarrollo web, porque además de ser necesario para trabajar de manera colaborativa, podrás armar tu portafolio virtual, además de ser tu carta de presentación cuando quieras trabajar.
Aquí puedes ir al curso, ni bien termines este hazlo, es con Freddy Vega, y es MUY BUENO:
A propósito, para ayudar en su marca personal y en su búsqueda de trabajo, existe la posibilidad de tener un README en la portada de su perfil, dando una presentación de lo que hacen y las tecnologías que manejan
Solo tienen que crear un repositorio con el mismo nombre de usuario que tienen en GitHub, y se vincula automáticamente 😉
Quieres crear un repositorio en gitHub más rápido ? pon en la barra de direcciones del navegador:
Resumen
Git
Git es un gestor de versiones.
Git es un programa hecho por Linus Torvalds.
el también hizo Linux,
el SO Android tiene un núcleo basado en Linux
GitHub
GitHub es propiedad de Microsoft y plataforma donde se sube el código y se colabora entre programadores.
Es la red social de los programadores
Otra plataforma es GitLab, otra es bitbucket
Comandos para borrar elementos
con el comando rm nombreArchivo borra dicho archivo
para eliminar caparte vaciar m -d nombreCarpetaVacia
para eliminar carpeta no vacia m-rf test
**Instalación de GitHub **
comando git –version
para instalar primero actualizamos sudo apt-get update
luego sudo apt-get upgraded //es una buena práctica actualizar los programas antes de
sudo apt install git
Posibilidades:
Podemos visualizar la historia del proyecto.
Podemos crear ramas
Se puede hacer acciones como feature y merge
¿Qué es git?
A seguir el consejo del profe Celis y aprender git 😃
Hola les dejo unos comandos que les servirán.
Información resumida de esta clase
#EstudiantesDePlatzi
Es importante saber dominar Git y Github
Github es una plataforma donde muchos desarrolladores suben su código y lo comparten
Importante aprender Linux
Les recomiendo que antes de entrar al Curso Profesional de Git, vayan al de introducción a la terminal y línea de comandos, les ayudará bastante. En la Escuela de Desarrollo Web no lo marca en la lista pero si en la de Programación y Desarrollo de Software.
INSTALANDO GIT
Para borrar necesitas estar en la ubicación exacta
Borrar un repositorio / directorio
-> rm nombreArchivo.extension
Borrar carpeta vacía
-> rm -d nombreCarpetaVacia
Borrar directorio con contenido
-> cd …
-> rm -rf test
-> ls
Si revisamos nuestro Visual la carpeta ya no estará
Así que el paso que sigue es:
. File
. close folder
Instalar Git
-> cd …
-> clear
-> git --version
En caso de no tenerlo instalado:
-> sudo apt-get update
-> instala
-> sudo apt-get upgrade
-> sudo apt install git
Crear cuenta GitHub
pueden colocar
clear
para borrar todo lo de su terminal, pero seguiran donde se quedaron.
No me esta gustando Platzi,…
Lo mejor es aprender los comandos de Git y GitHub, pero les recomiendo GitHub Desktop para salir de un apuro. 😉
tengo Github por que me lo pidieron de parte de la universidad te dan un correo de estudio y puedes optar a la version pro
sin pagar!
lo unico que me falta es saber usarlo al 100
ahi vamos con todo!
La primer vez que vi el curso de Fredy sobre git y github me hizo volar la cabeza. Este será el segundo Round. Espero me valla bien.
Mi humilde cuenta en GitHub 😋
Les dejo este link de paso a paso si fallaron como yo al hacerlo de la otra manera, saludos
Listo 💪🚀, Creado el perfil en GitHub
Para borrar un directorio que tienen contenido adentro puedes usar el siguiente comando (-rf) seguido nombre de la carpeta
Hay una herramienta bastante buena que utilizo para Github se llama GitKraken es una interfaz visual donde con clics puedes tener todas las funcionalidades de los comandos de git para los proyectos. Puedes sincronizar varias de tus cuentas Github, GitLab, BitBucket entre otros…
GitKraken: https://www.gitkraken.com/invite/wo3j5AXL
Lifehack(si tienes una correo de estudiante .edu te regalan la anualidad de premium)
Instalar git:
sudo apt-get update
sudo apt-get upgrade
sudo apt install git
https://desarrolloycreo.blogspot.com/2021/09/comandos-de-terminal-de-ubuntu.html les comparto mis apuntes de comandos para usar en la terminal
Git es un software de control de versiones diseñado por Linus Torvalds, para el mantenimiento de versiones de aplicaciones cuando estas tienen un gran número de archivos de código fuente.
Github: Es un sistema web, donde puedes hacer lo mismo, pero es mas abierto al publico en el sentido de tener una comunidad de tipo red social, donde puedes subir tus proyectos, repositorios o simplemente hacer backup de tu trabajo.
Visual Studio Code además de tener de serie una opción para trabajar con Git desde él mismo, cuenta con varias extensiones que nos pueden ayudar y mucho. Destacaría las siguientes, puede ser que haya alguna más:
Un saludo.
ahora si que quedo claro con este curso, y con un entorno de desarrollo apto para mi aprendizaje
¿Por que necesitamos Git?
,
Git es el store de versiones que nosotros estamos utilizando como es artefacto en la industria y Git no es exactamente Git hud
Git hud es una plataforma que Microsoft se adueña
Entendido
Git para usarlo en local.
GitHub para usarlo en web.
Tambien pudes tener git en windowns
https://git-scm.com/
Git instalado !!
Puchamon!! de vete a la versh jajajjaja
Todo lo que el profesor hace se me demora un rato, que pc mas mala tengo jajaj.
Recordar que aparte del comando ls existe el comando ll que permite ver el tamaño y permisos que tiene el archivo o carpeta
Hice los mismos pasos que menciona Celis en el video, pero al tratar de instalar git aunque ya lo tuviera, me sale lo siguiente. Alguien sabe qué se debería hacer aquí?
Cuando intento hacer alguna acción con sudo me da este error
sudo: /etc/sudoers is owned by uid 1000, should be 0
sudo: no valid sudoers sources found, quitting
sudo: unable to initialize policy plugin
Si alguien sabe como repararlo por favor avisar.
Pregunta: Si estoy comenzando la escuela de Desarrollo Web, ¿Qué curso recomiendan inmediatamente después de este? Git & GitHub o los cursos de HTML & CSS?
¡Gracias!
Borrar archivo
rm nombreArchivo.txt
Borrar una carpeta vacia
rm -d nombreCarpetaVacia
Borrar un directorio con archivo usando el borrado recursivo
rm -rf nombreDirectorio
Instalación de git
Ver version de git
git --version
para instalar primero actualizamos paquetes
sudo apt-get update
actualizar paquetes
sudo apt-get upgrade
instalamos git
sudo apt install git
Instalado git y actualizado a la version 2.36.1 gracias a los aportes de los compañeros…gracias
Cada vez que intento reproducir cualquier comando y aunque claramente lo copie exacto como esta, lo marca como incorrecto y no lo ejecuta. No entiendo en absoluto como funciona la terminal. salte el preworing y seguí con el curso de algoritmos. Es para mi un imposible. Si alguien ha tenido el mismo problema y ha logrado solucionarlo o simplemente lo comprende, yo feliz de la vida y mil agradecida en escucharlo.
Muchas gracias por la información.
PARECE UN EXCELENTE SOFTWARE toca conocerlo
Contenido de una cuenta en GitHub
Comando rm para borrar
¿Qué es Git?
Si dicen para que Git y Github, ps estan equivocados. Se pueden hacer maravillas con esos 2 , hasta incluso puede salvar tu trabajo si cometes un error y sabes como solucionarlo con git 😄
En mi caso, “sudo rm -rf test”
tambien esta gitcoin ! para los interesados en crypto
Mi perfil en Github jeje
Sería genial un curso de git flow.
Done
Si alguno se presento con el tema de que la version de nodejs que instalaron en el apt install nodejs no es la ultima version, lo pueden corregir con este comanto
curl -fsSL https://deb.nodesource.com/setup_current.x | sudo -E bash -
sudo apt-get install -y nodejs
He tomado muchos cursos de Git y el que está en Platzi es sin duda el mejor y Freddy lo hace muy divertido y ligero. ¡Curzaso!
Me llamo Juan y mis roommates son Pedro y Liz que ondas jajajajaja
muy buena clase 😄
Me detengo un momento en el curso para decir ¡Que curso tan util!. Muchas gracias. Valió la pena la inversión.
Si quieres borrar una carpeta vacía usas el comando (-d) seguido del nombre de la carpeta
Para Borrar un archivo digitas el comando (rm)
Yo he usado gitlab y me parece muy bueno tambien, es muy similar a github.
Muy buena la clase
me estas diciendo que borre todo lo de la clase pasada 😦
muy buen profesor!
rm = remover
r = recursivo
f = forzado
Git y GitHub
Descargar git en linux
ver github en linux
Realmente para eliminar una carpeta con rm -r es suficiente, ya que rm -rf es un recursivo forzado para eliminar tambien archivos que estan protegidos.
Siempre actualizar nuestros paquetes antes de instalar software nuevo con el comando:
sudo apt-get update
Falto aclarar que Linux es Software Libre y por eso esta por todos lados… esta hecho para compartir y no privar a nadie de su uso al igual que Gnu Linux.
Git y GitHup está en mi ruta de aprendizaje después del Curso de Introducción a la terminal y línea de comandos. 😊
GitKraken
Muy interesante clase explicando el control de versiones Git y Git Hub aunque yo ya culmine el curso profesional de Git y Git Hub de Freddy Vega como estaba estudiando la ruta de BackEnd de Python fue el primer curso que complete en Platzi pero no esta demás aprender y reforzar del tema de otro Profesor como lo es Ricardo Celis muy entusiasta la forma como enseña
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.