Javier Díaz Garrido Heipry

Vscode Atajos

Mover linea - Alt + ↑ / ↓
Copiar linea - Shift + Alt + ↑ / ↓
Seleccionar siguiente aparición - Ctrl + D
Seleccionar todas las apariciones - Ctrl + Shift + L
Crear múltiples cursores - Ctrl + Alt+ ↑ / ↓
Selección multiple - Alt + Click
Mover bloque - Seleccionar . Alt + ↑ / ↓
Copiar bloque - Seleccionar . Shift + Alt + ↑ / ↓

Snippet para dump de variable smarty (formato json) en VSCode

Crear snippet

Atajo para Mac

Code/Preferencias/Configurar fragmentos de usuario

Atajo para Windows

Fichero/Preferencias/User snippets

Este método es válido para Mac y Windows

Abres la línea de comandos de VSCODE: ctrl + shift + P || ⌘ + shift + P

Este archivo contiene un conjunto de snippets para Visual Studio Code diseñados para agilizar la escritura de plantillas Smarty. Cada snippet actúa como un atajo que, al escribir un prefijo y pulsar tabulación, inserta automáticamente la estructura básica de una etiqueta Smarty, por ejemplo bloques, bucles, asignaciones, filtros o directivas de control. Es un recurso pensado para estudiantes y desarrolladores que trabajan con Smarty y quieren reducir errores de sintaxis y ganar velocidad a la hora de crear o editar archivos tpl.

"append": {
	"prefix": "append",
	"body": "{append var=\"${1:name}\" value=\"${2:value}\" index=\"${3:last}\"}$0",
	"description": "{append} is used for creating or appending template variable arrays during the execution of a template.",
},
"assign": {
	"prefix": "assign",

"body": "{assign var="${1:name}" value=${2:value}${4: scope=${3:scope}}}$0",

Como subir un proyecto local a github.

desde la web de github

Creamos un nuevo repositorio en https://github.com. Le damos nombre, descripción, seleccionamos si va a ser un proyecto publico o privado si es el caso, y dejamos el check de crear README sin marcar. Le damos a crear repositorio y con esto ya tenemos el repositorio donde alojaremos nuestro proyecto.

desde la terminal del equipo donde esta el proyecto que queremos subir a github

Nos vamos a la carpeta del proyecto y ejecutamos estos comandos.

git init

git add .

Ayuda con HTML

Recursos Útiles

Documentación

W3Schools HTML Tutorial

Editores de Texto

Ayuda con CSS

Recursos Útiles

Documentación

Documento funcional de sitio web , detallando sus elementos principales, funcionalidades y estructura. Incluye navegación entre páginas y la organización de las secciones clave. Sirve como referencia o plantilla para definir requisitos funcionales en otros proyectos web.

Documento Funcional: Sitio Web del Parque Natural

Este documento describe los elementos principales, funcionalidades y estructura del sitio web, incluyendo la navegación hacia otras páginas para las secciones de "Rutas" y "Fauna".

1. Objetivo del Sitio Web

El sitio web tiene como objetivo proporcionar información relevante sobre el Parque Natural, permitiendo a los usuarios explorar las actividades disponibles, obtener información sobre la fauna y las rutas, y realizar reservas de manera sencilla.

Ejemplo de mapa de navegación para un sitio web, mostrando la estructura jerárquica de sus páginas y secciones principales. Este recurso sirve como referencia para planificar la arquitectura de la información y facilitar la experiencia de usuario, pudiendo adaptarse a distintos tipos de proyectos web.

Mapa del Sitio: Parque Natural

1. Landing Page (index.html)

Encabezado

	Ctrl+C (si no hay seleccion) Copia toda la linea

	Ctrl+X (si no hay seleccion) Corta toda la linea

	Ctrl+shift+K Elimina la linea

	Ctrl+enter Inserta salto de linea al final de la linea

	Ctrl+shift+enter Inserta salto de linea en linea anterior

	$var=json_encode($varphp);
	echo "<script>console.log('Debug Objects: $var ' );</script>";