Al final del último video, mencioné que vamos a presentar una nueva estructura
de carpetas, así que vamos a empezar creando primero las carpetas y los archivos correctos.
Así que voy a ir a sublime y voy a hacer mi nuevo archivo para cada equipo.
Simplemente será nuestro archivo HTML principal y lo llamaré indexado.
H Tim L y yo tenemos una carpeta para eso. Estoy llamando para hacer un proyecto de lista.
Así que indexe ese HD M-L y luego lo agregaremos en nuestro boilerplate de correo H-2 básico y lo llamaré lista de tareas
y lo guardaré.
Y luego vamos a hacer algunos directorios nuevos.
Y voy a hacer eso desde el buscador para que pueda hacer clic derecho y hacer una nueva carpeta.
Puedes hacer un cambio de comando y también puedes hacerlo desde adentro de sublime.
Si ingresas en un archivo nuevo y lo guardas, puedes hacer clic en una nueva carpeta. Sin embargo, al crear
la nueva carpeta vamos a crear una carpeta llamada assets y luego dentro de assets vamos a hacer
dos carpetas one para J. S. y otro para nosotros
Y finalmente, en vez de J. S. vamos a hacer otra carpeta llamada lib.
sublime simplemente arrastrando todo el proyecto de esta manera, puede ver que nuestra estructura ahora es para hacer este proyecto y
tenemos un índice que h t m l y luego tenemos un directorio de activos en lugar de activos.
Entonces, si abro toda esta estructura dentro de
Tenemos C Ss y tenemos javascript y en lugar de javascript tenemos un directorio lib.
Así que pondremos nuestra hoja de estilos en lugar del directorio C S S y en lugar de J. S. vamos a poner nuestro propio javascript
personalizado donde escribimos la consulta de jey y dentro de lib es donde vamos a agregar.
Consultar en sí mismo el archivo de consulta J real.
Entonces comenzaremos allí.
Vamos y asegúrate de tener una consulta.
CDN porque este es un proyecto más serio, vamos a descargar la versión comprimida más reciente.
Así que solo voy a ir a Jay Querrey dot com y en lugar de hacer un
Entonces, aquí está la producción comprimida 2. 0 1. 4.
Y luego voy a encontrar ese archivo y simplemente agregarlo a mis activos.
J. S. lib simplemente agregar eso así y ahora voy a ir al enlace correcto.
El interior de mi proveedor.
Entonces en mi HMO necesito agregar una etiqueta de script.
Y el camino para llegar es activos J. slash. S. slash lib slash Jay se apresuró a señalar un punto para el dolmen.
Sí.
Así que hagámoslo ahora, escriba el tipo de script porque el origen de JavaScript es igual a los activos, barra J. S. slash lib slash.
Jay query dash 2. 1 punto, un punto, cuatro hombres
Ese es un nombre de archivo sí largo para llegar, pero guarda esto.
Y vamos a abrirlo en un navegador para comenzar.
Así que vaya a buscar nuestro estudio de índice cada vez que lo abra.
No tenemos nada que ver
Pero si voy aquí, escribo una consulta.
Las cosas están funcionando bien.
También pude probar haciendo esto seleccionando el cuerpo y eso también funciona.
Entonces eso significa que estamos listos para irnos.
A continuación, centrémonos en obtener nuestra hoja de estilos y nuestro propio archivo JavaScript personalizado incluido.
Así que vamos a hacer la hoja de estilos primero.
Así que hagamos un nuevo archivo y guárdelo, y lo llamaré estilos que C-s usaremos y voy a entrar en
mis activos, ver SS y, de hecho, ser coherentes, hagamos con Dewes con SS.
Así que para hacer cosas C Ss dentro de nuestro directorio de activos C Ss y guardar y agreguemos algo como fondo de cuerpo
morado del cual nos libraremos por completo.
Pero solo para asegurarnos de que funciona y luego veremos aquí y agreguemos la etiqueta vinculada
y luego agreguemos la ruta correcta, que es activos, barra C. Barra diagonal a Dewes dot C Ss y guardaremos y actualizaremos, y
podrá ver que nuestra hoja de estilo ahora está conectada correctamente.
Lo último que vamos a hacer es obtener nuestro propio archivo JavaScript personalizado.
Así que voy a hacer un nuevo archivo y guardarlo y llamaremos a este para hacer Scott J. S. y ahí es donde vamos a
escribir el código real que hará que nuestra lista de tareas funcione.
Entonces eso debería ir dentro de los activos.
J. S. y eso es.
Así que no lo ponemos en lib, porque lib es donde vamos a poner código externo
y bibliotecas como Jay Querrey. Así que vamos a ponerlo en JS y guardar nuestra estructura así.
Los activos CSSA debemos usar en lugar de J. S. Tenemos un directorio lib que tiene una consulta J y tenemos el nuestro para hacerlo.
J. S. en lugar de la carpeta G-S y los votos, agrega una alerta simple conectada y guarda.
Ahora regrese a nuestro correo HQ y agregue
otra etiqueta de secuencia de comandos y esta vez vamos a agregar fuente igual a activos barra J. S. barra para hacer sí y guardar.
Y ahora veamos qué ocurre cuando actualizamos y recibimos nuestra alerta conectada.
que presentaremos otro archivo que necesitamos colocar una vez que hablemos de Funt.
De acuerdo, entonces tenemos la estructura de carpetas configurada correctamente, por lo
Impresionante que es una biblioteca de CSSA.
Básicamente es un grupo de íconos que podemos incluir.
Por lo tanto, volveremos a esta estructura de carpetas y la agregaremos en el video futuro.
Por ahora eso es todo lo que tenemos que hacer en el próximo video.
Nos enfocaremos en escribir algún código