Muy bien, ¿dónde puedes conseguir eso? Si no, no te preocupes.
Repasemos lo que tenemos que hacer para que todo funcione en nuestro perfil.
Entonces, obviamente, tenemos una página acerca de, por lo que puede permanecer igual que ahora.
Podemos llamarlo.
Y si copiamos y pegamos o hacemos otro, digamos, ¿qué más tenemos?
Tenemos trabajo.
La mayoría de nosotros trabajamos con HTML, que funcionará con HTML, y comprobemos que funciona.
Voy a eliminar el camino antiguo solo para que tengamos el HTML básico y funcional.
Si vuelvo.
Y vayamos a casa.
Oh, parece que tenemos un pequeño error y no cambié la función aquí, ves que
tengo ambos.
Así que llamemos a esto trabajo si regreso y actualizo.
Está bien.
Vamos a trabajar.
Bueno, ha funcionado en más formas que eso, funcionando.
Eso es porque debería funcionar.
Tonto de mí.
Regresemos, refresquemos.
Funciona bien, funciona está funcionando, pero una vez más, el éxito no se está aplicando.
Si vuelvo atrás y vamos a hablar sobre mí, sobre mí también está funcionando.
Pero el éxito no se está aplicando y sabemos por qué.
Una vez más, si vamos a trabajar.
Tenemos que actualizar esto para incluir la carpeta estática.
Genial, y luego también actualizamos la página de éxito.
Además de la página de JavaScript.
Así que esto es mucha repetición, pero solo les estoy mostrando para que comprendan cuál es el proceso de pensamiento
y por qué tenemos que hacer esto nuevamente, bueno, simplemente corrijan esto también.
Y éste.
Siento que debería tener una canción de fondo mientras hago esto, para que no te aburras de que
haga esto una y otra vez, pero la repetición es buena, ¿verdad?
Está bien.
El último, el.
Salvemos.
Vuelve a nuestro servidor.
Refresquemos.
Muy bien, vayamos a casa.
Oh, parece un índice, ese HTML no funciona, así que tenemos que arreglar eso también.
Tenemos el directorio raíz que está funcionando.
Hago clic en obras.
Mmm.
Parece que el éxito no funcionó menos sobre mí.
Acerca de mí está trabajando.
Así que nos perdimos algo y funciona.
Si volvemos a.
Ah, y eso es porque tenemos un trabajo y un correo electrónico de trabajos, así que tenemos que asegurarnos de
incorporar los trabajos en lugar del trabajo.
No estoy seguro de lo que hace esta página, pero estoy seguro de que es parte de esto.
Entonces, nuevamente, entrando en nuestro HTML de trabajo.
Haciendo lo mismo que hemos estado haciendo, agregando el static.
Al igual que.
Y también en la parte inferior del archivo JavaScript.
Regresemos, vayamos a las obras y echemos un vistazo a eso, todas nuestras obras se muestran, pero parece que algunas
de las imágenes no se muestran.
Ahora, ¿puedes adivinar por qué es eso?
Bueno, si volvemos a.
TML de la obra de arte.
Y buscamos imágenes.
Vemos que aquí también tenemos que agregar la estática.
Entonces, nuevamente, los agregaré a las imágenes y solo para hacerlo más rápido, simplemente copiaré esto
y haré el comando F o el control F para buscar todas las instancias de imágenes y asegurarme de que agreguemos los activos aquí.
Una forma sencilla de hacer esto.
Y esto es en lo que una identificación puede ayudarlo o un editor de texto como Sublime Text.
Puedo seleccionar todo así y hacer el control de comandos g.
Y esto en realidad selecciona todas las instancias y ahora tengo varios cursores, lo que puedo hacer ahora es
simplemente.
Agregue la estática en todas las instancias, como puede ver en la parte inferior y superior aquí también, para que no
tenga que repetirme.
Ahora, regresemos, actualice y miremos eso, tenemos la pantalla de nuestros proyectos que es realmente genial.
Y así, tenemos nuestras plantillas ahora, todavía tenemos los componentes que necesitamos arreglar y el
contacto.
Ahora, los componentes que en realidad no necesitamos, porque si va a la vista previa
aquí, los componentes son solo una plantilla HMO que puede copiar y pegar según los componentes que necesite.
Pero en realidad no lo necesitamos en nuestra cartera real.
La única otra que necesitamos es la página de contacto, que es realmente muy importante
porque la usaremos para nuestro servidor Python.
Así que volvamos aquí, eliminemos los componentes.
O por ahora, podemos mantenerlo allí, pero en el archivo de índice.
Podemos bajar hasta el final.
Y en la sección de la barra de navegación, ve aquí cómo tenemos los componentes.
Podemos eliminar eso así.
Entonces no lo estamos usando.
Ahora, una cosa que quizás me hayas visto hacer es copiar y pegar código para que ahora tengamos que hacer.
Otra ruta que dice contactar y luego una vez más hacer contacto, pero este es nuestro código repetitivo basado en
lo que hemos aprendido, ¿podemos mejorar esto?
Entonces, esto se vuelve más dinámico, de modo que tal vez cuando agreguemos un nuevo archivo HTML a este perfil, no tengamos que copiar
y pegar constantemente el mismo código una y otra vez.
Pruébelo y en el siguiente video le mostraré cómo podemos hacerlo.