con solo colocar la etiqueta <meta charset=“UTF-8”> en el <head> del HTML se soluciona. Yo se que tu lo sabias 😉
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
Introducción a Git
¿Por qué usar un sistema de control de versiones como Git?
¿Qué es Git?
Instalando GitBash en Windows
Instalando Git en OSX
Instalando Git en Linux
Editores de código, archivos binarios y de texto plano
Introducción a la terminal y línea de comandos
Comandos básicos en Git
Crea un repositorio de Git y haz tu primer commit
Analizar cambios en los archivos de tu proyecto con Git
¿Qué es el staging?
¿Qué es branch (rama) y cómo funciona un Merge en Git?
Volver en el tiempo en nuestro repositorio utilizando reset y checkout
Git reset vs. Git rm
Flujo de trabajo básico en Git
Flujo de trabajo básico con un repositorio remoto
Introducción a las ramas o branches de Git
Fusión de ramas con Git merge
Resolución de conflictos al hacer un merge
Trabajando con repositorios remotos en GitHub
Cómo funcionan las llaves públicas y privadas
Configura tus llaves SSH en local
Uso de GitHub
Cambios en GitHub: de master a main
Tu primer push
Git tag y versiones en Github
Manejo de ramas en GitHub
Configurar múltiples colaboradores en un repositorio de GitHub
Flujos de trabajo profesionales
Flujo de trabajo profesional: Haciendo merge de ramas de desarrollo a master
Flujo de trabajo profesional con Pull requests
Utilizando Pull Requests en GitHub
Creando un Fork, contribuyendo a un repositorio
Haciendo deployment a un servidor
Hazme un pull request
Ignorar archivos en el repositorio con .gitignore
Readme.md es una excelente práctica
Tu sitio web público con GitHub Pages
Multiples entornos de trabajo en Git
Git Rebase: reorganizando el trabajo realizado
Cómo usar Git Stash: guarda cambios temporalmente
Git Clean: limpiar tu proyecto de archivos no deseados
Git cherry-pick: traer commits antiguos al head del branch
Comandos de Git para casos de emergencia
Git Reset y Reflog: úsese en caso de emergencia
Reconstruir commits en Git con amend
Buscar en archivos y commits de Git con Grep y log
Bonus sobre Git y Github
Comandos y recursos colaborativos en Git y GitHub
Tu futuro con Git y GitHub
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Para poder desarrollar software de manera óptima y ordenada, necesitamos tener un flujo de trabajo profesional, que nos permita trabajar en conjunto sin interrumpir el trabajo de otros desarrolladores. Una buena práctica de flujo de trabajo sería la siguiente:
git pull origin master
git push origin #nombre_rama
Aporte creado por: Alejandro Dubon.
Aportes 610
Preguntas 185
con solo colocar la etiqueta <meta charset=“UTF-8”> en el <head> del HTML se soluciona. Yo se que tu lo sabias 😉
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
Bienvenidos a platzi
 en programación en grupo (sí, te miro a tí Team Fundation).
-Observen que el instructor pone mucho cuidado cuando ejecuta el “pull/push”, no sólo que lo ejecuta en ese orden, sino que respeta el emparejamiento de ramas, es decir, sí localmente está situado en header, hace un pull/push de la rama remota header.
-Bueno IO me equivoqué, aunque no la lie tan parda, pude hacer un “git merge --abort” y luego una muy corta sesión de solución de conflictos y revisión del código. Aún así esto me dejo la mejor experiencia.
-Esta es la última y nos vamos, EQUIVOQUENSE!!! Por Dios, mejor aquí entre las criaturas del Señor, que en un puesto corporativo jugándose su cuello flaco.
Saluti,
Fabricio
Un bigote hubiese facilitado el cambio de personajes.
Ay es que yo si seré inteligente! Cuando fui a hacer el git add me salía error de que no encontraba la ruta del archivo y cuando ejecutaba ls tampoco me salía la carpeta de la imagen del logo:
Y bueno luego de buscar como 20 minutos la solución en internet me di cuenta de que me había descargado la imagen en otra carpeta de mi disco duro… Moví la imagen a la carpeta de mi repositorio y ya me dejó añadir la imagen.
F por mí
Si queren cancelar un **merge ** pueden usar git merge --abort , esto quita los archivos del staying area.
Freddy despues de terminal la clase 😄
Apuntes 😊
Soy la única que pausa el video rápido para tratar de hacer el blog como lo tiene Freddy? hacer esto me motivó a tomar el curso de Platzi de HTML y CSS, pero aun así tambien tome lo que hizo freddy para darle un pequeño twist!!!
creo que muchos de ustedes mis compañeros tambien lo hicieron
Para el Reto, el footer me marcó varios conflictos, después de solucionarlos realicé los siguientes comandos:
git checkout master
git merge footer
git pull origin master
git push origin master
Haciendo todo con buenas prácticas de antes de enviar un push, hacer un pull.
Es bien curioso como en otros cursos como el de Inteligencia emocional miembros del team Platzi hacen las actuaciones, pero en sus cursos Freddy hace sus mismas actuaciones. Jajaja, todo un multifacético. xD
👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇
👉Para sacar los iconos se usa la combinación de win + . eso en Windows 👈
☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝☝
El problema de las tildes se puede solucionar añadiendo la siguiente línea dentro de la etiqueta <head>
<meta charset=“UTF-8”/>
Esto permite añadir la codificación de caracteres de 8 bits de Unicode (Lo que permite ver las tildes y el corazón)
Bueno, en esto se aprende cag*ndola 😮
Me volví loco con el git cometiendo errores y arreglando.
Total, esto fue todo lo que me ocurrió:
Resumen del flujo de trabajo de un equipo interno 😀✍:
Parte 1
Parte 2
Por lo general, tengo una computadora así que salto los pasos de “Anita”
Entonces cual seria la forma correcta de subir imagenes a github???
Lol por que no todos los cursos de platzi son con Freddy xD? es demasiado divertido
Esta vez dejo mis apuntes de esta sección al inicio 😄
c
Se soluciona con:
<meta charset ="utf-8">
<head>
<title> Bienvenido a Hyperblog 2.0 </title>
<meta charset = "utf-8"/>
</head>
Creo que para resolver el problema de unicode se tiene que hacer en el head:
<head>
...
<meta charset='UTF-8'/>
....
</head>
No se mucho de html, si me equivoco haganmelo saber porfa se los agradeceria.
Si al colocar arbolito, no funciona, puedes volver a crearlo asi: alias arbolito="git log --al --graph --decorate --oneline"
En general para crear un alias : alias [nombre del alias]=“comando”
consulta, en el dia a dia, en un proyecto que requiera imagenes u otros archivos que no sea codigo. y este compartido por multiples Dev, cual seria el repositiorio unico para dichos archivos ?, partiendo de la premisa que es una mala practica subir imagenes a github, lab, otros.
Despues de varios dias de darle vuelta a esta clase, por fin la he concluido exitosamente, y para entenderla y poder practicar con mis proyectos personales, le he dedicado bastantes horas…!!!
Soy un hombre sencillo, veo algo de SpaceX y doy like automáticamente
Pull request -> Estado intermedio del codigo antes del merge, para que otros miembros del equipo puedan aprobarlo y hacer merge en master, esto es una caracteristica de GitHub y para Gitlab se llama Merge Request
Anita la barbudita xd
Que ligeras se sienten las clases de Freddy! 😄 super bien!
git y linux no son cosas de este planeta
En HTML 5 se usa la etiqueta meta en el head, con el atributo charset= “UTF-8” para que puedan leerse las tildes. Es bueno también cambiar el idioma en el que HTML detecta que estamos escribiendo cambiando en lang el “en” (ingles) por “es” (español).
Pensando que el reto era sencillo, cometí un error gravisimo y envié los cambios a GitHub. Tuve que resetar los commits y fusionar las ramas nuevamente (en mi repositorio local), pero me encontré que al hacer git push origin master, el repositorio remoto no se actualizaba. Si esto les sucede, descubrí que se puede hacer git push origin master --force forzando todos los cambios.
Básico de HTML, pero bueno para que empezar… 💚
<meta charset=“UTF-8”>
Para el problema con las tildes, debes añadir en tu código al comienzo del head “<meta charset=“utf-8”>”, es el standard para los signos especiales.
Mi cerebro explota, pero todo esta muuuy bien explicado.
🎈 UTF-8 es la codificación de caracteres más común en Internet. Además es compatible con ASCII y puede representar cualquier carácter Unicode.
<meta charset=“UTF-8”>
este te ayuda
Mis notas
Flujo de trabajo:
git branch ramaDesarrollo1 ramaDesarrollo2
git pull origin ramaDesarrollo1
git push origin ramaDesarrollo1
git pull origin ramaDesarrollo1
git push origin ramaDesarrollo1
git commit -am "comentarios"
git pull origin ramaDesarrollo1
git push origin ramaDesarrollo1
en brach:
git checkout ramaDesarrollo1
git pull origin ramaDesarrollo1
REVISA
revisión pasa, entonces en main:
git checkout main
git merge ramaDesarrollo1
envio repositorio remoto:
git pull origin main
git push origin main
Para corregir el problema de la codificación se puede usar algo como <vocalConTilde>acute;
y con esto no hay problema del OS o del navegador en el que se abra. Por ejemplo:
<h1>Esto es un título</h1>
<p>Esto es un párrafo</p>
Esta parte es basicamente un repaso de las demas, pero hay que estar atento a los cambios que haces y donde los haces, la ultima parte es solo merge, pull y push.
suponiendo que estoy en la rama master
coloco git pull origin footer para traer la rama footer actualizada desde github,
git log para verificar los commits y revisar que mi master este con el merge anterior
git checkout master
una vez revisados los cambios en mi rama master puedo hacer git merge footer
para subir la fusion de master y footer hago git pull original master, git push original master para que en github quede la fusión de las ramas: master y footer
Esa respuesta tambien la pueden conseguir en el curso del desarrollo web esto pasa por que no definimos .
Como va a leer los caracteres el navegador y en que idioma los va escribir .
Solución .
<meta charset=“UTF8”>
Este meta le indica a los navegadores en que lenguaje va escribir, va incluido en la zona no visible del html el head .
Este meta sirve para el español. .
<head>
<meta charset="utf-8">
<title>XXXX</title>
</head>
Cuando hacia merge del header con el master, me di cuenta que en la historia de commits este no aparecia como un merge, sino como un commit mas sumado a master, esto es por que partian de lo mismo y era solo header el que se modificaba, normalmente los merge los toma asi:
Pero al no haber modificación en master y hacer un merge lo toma como fast forward.
Podemos usar la opcion --no-ff pata tener lo siguiente
Ya que al hacerlo de forma normal tenemos lo siguiente:
aplicamos mejor git merge header --no-ff
Para que no tengan el problema de las tildes, dentro de la etiqueta <head> colocas el tipo de unicode con el que vas a trabajar así:
<meta charset="UTF-8" />
Esto soluciona el problema de las tildes.
<head>
<meta charset="UTF-8">
</head>
¿se podría realizar un trabajo entre los participantes del curso para reforzar lo aprendido?
En el minuto 6:34 hay algo obvio, y es que StackOverflow nunca falla en la vida de un desarrollador.
Si quieren personalizar su blog con Colores gradientes de fondo les dejo el link 😄 solo eligen los colores y pegan en css. Si tienen alguna duda (por si no saben de HTML o CSS) respondan y cuando los vea les contesto! 😄
si es mala practica dejar los archivos binarios en el repo (imagenes) entonces en donde se deben dejar?
Para resolver el problema de las tíldes hay que agregar al head
<meta charset="utf-8">
Para arreglar el problemas de caracteres se puede modificar la cabecera lo siguiente;
<head>
<title>Bienvenido a Hyperblog 2.2</title>
<link rel=“stylesheet” href=“css/estilos.css” />
<meta charset=“UTF-8”>
</head>
<head>
<title>El titulo del blog post</title>
<link rel=“stylesheet” href=“css/estilos.css”/>
<meta charset=“UTF-8”><!-- Esto soluciona el tema de los caracteres raros–>
</head>
Me encanta estar confundido! Hice un enredo y recordé que me faltaba hacer commit XD. Ahora si siento que estoy aprendiendo!
Dale 💚 si a ti también te sorprendió que Freddy edita HTML en vim 😱
Espero les sirva en mi caso me aparecio este error
no me dejaba realizar el merge, entonces ejecute
Para vos que estás en este video, yo venía realizando todas las prácticas, pero aquí necesitas 2 computadoras para hacer otro github, ya que tu máquina te permite una sola.
O realizar un cambio de credenciales como encontré en un aporte.
Es importante que los veas y con copiar y pegar para que te quede en un cuadernillo en un documento es suficiente.
Recién en el video 29 con FORK podrás practicar clonando del repositorio de Freddy para poder hacer el push al github de uno mismo directamente. Así no te frustras y continuas con el aprendizaje.
Como cuando Freddy reviza tu trabajo.
Información resumida de esta clase
#EstudiantesDePlatzi
Una buena práctica es no agregar archivos binarios en GitHub
Importante que los desarrolladores trabajen en sus propias ramas y no en la principal
Al ser el líder del proyecto o el product manager es mi responsabilidad hacer el merge entre las ramas que se necesiten
Por si tenias curiosidad sobre la diferencia de logotipo, isotipo,etc
<head>
<meta charset=“utf-8”/>
…
</head>
Así solucionas el problema de las tildes.
Complementando, adicional al Ctrl+Shift+R para recargar, se puede usar Shift+‘Click en Botón de Recargar’
Mi blog hasta el momento:
No sé como pero hice un super truco, pero sólo se puede hacer una vez, por alguna razón cuando hice merge envíe footer y header al mismo tiempo xD… ahora que sige? desde Master ir a una version anterior cuando no estaba ese merge. y repetir el proceso con fines educativos. eso si, leyendo notas y repitiendo el video.
por practicidad estos son los cambios que hizo en el css 😃 saludos

Cometiendo errores aprendí bastante, prefiero romper las cosas aquí y ahora. Le voy perdiendo el miedo a los errores n_n
Para un buen flujo de trabajo:
Logre unir Footer y Header en master/ El comienzo de un gran camino con la ayuda del gran freddy
El problema de que las tildes y algunos otros caracteres salgan mal, se soluciona fácilmente colocando en el <head> del documento .html la etiqueta <meta chraset=“UTF-8”>
!Y LISTO!
Supere el desafio depues de 1 hora  encima de la etiqueta <title> o dentro del head esto
<meta charset="UTF-8">
con eso se cambia, Espero
Tuve un pequeño conflicto, dado que en ambas había modificado el “#post”. Tras un corto instante, todo salió bien y pude obtener mi merge correctamente.
Se siente bien practicar y dar solución a tus propios errores.
Para solucionar el problema de las tildes solo debes agregar
<meta charset = "utf -8"/>```
esto va dentro del <head>
Se Coloca esto para agregar el alfabeto latino
<head>
<meta charset="utf-8">
</head>
Cuando hice merge de master a header no me salio para colocarle el nombre al merge, es normal?
No se si fuer porque hice commit a los cambios de los archivos nuevos.
**Si crearon el otro usuario “Anita” **
Para crear el html: vi blogpost.html
Para crear el css: vi css/estilos.css
Para guardar los cambios: esc+chift+zz
Mi blog post despues de fusionar la rama main con la rama footer de anita
l
las tags meta se utilizan en el <head> de html , son visibles para los motores de busqueda,
“meta charset=UTF-8” define la codificacion de caracteres, si no se utiliza habrá caracteres que no serán legibles, como por ejemplo la ñ o las tildes, que no se mostrarán correctamente.
Para forzar la actualizacion debido a que el cacheo en github no te permite ver la actualizacion de los binarios(imagenes), los comandos en Window son: ctrl + shift + r / ctrl + f5 y en Mac es con command + shift + r.
El problema de los simbolos se arregla con <meta charset="UTF-8">
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.