https://t.co/psaWhpwNrn Events in JS with Svelte Framework @sveltejs

https://t.co/psaWhpwNrn Events in JS with Svelte Framework @sveltejs

— Julian (@juli6464) Dec 4, 2021

from Twitter https://twitter.com/juli6464

Tailwind Css

 Cuando en Laravel no cargan algunos estilos podemos ejecutar en el terminal cualquiera de estras tres opciones:

-npm run watch

-npm run dev

-npm run prod

Luego verificamos   con npm run serv  o npm run watch

Paginas útiles para implementar secciones en Tailwindcss:

https://www.tailwindtoolbox.com/starter-templates templates Tailwindcss

https://tailblocks.cc/ bloques 

https://tailwindcomponents.com/ componentes y bloques

https://devdojo.com/tails/app  drag n drop

https://kitwind.io/products/kometa/components/  componentes 

Conceptos clave en Laravel

 Concepto importantes a tener en cuenta al usar Laravel:

Modelo: Tabla (o Entidad) en una database.

Controlador: Archivo que se encarga de coordinar las diferentes solicitudes del usuario.

Factories: Estructura de datos falsos con la que vamos a probar la app.

Migración: Estructura de una tabla que la vamos a tener dentro de Laravel, y luego creamos una tabla (o entidad) en la database.

Ruta sistema tradicional

- Creamos entidad

- Migración 

- Factory 

- Seeder

Código a tener en cuenta al usar CSS

Código  para aplicar a páginas web desde cero

*{

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}

html{

    font-size: 62.5%; /* para usar los rem sin problema*/

    font-family: 'DM Sans', sans-serif ;

}

Información importante usando el Framework Svelte

Instalar Svelte   usando rollup

Mkdir  nomcarpeta

npx degit sveltejs/template svelte

cd nomcarpeta

npm install

npm run dev, alli copiamos la url para  testear la app

Instalar Svelte   usando webpack

Mkdir  nomcarpeta

npm install svelte --save

npm install @babel/core @babel/preset-env @babel/polyfill babel-loader --save-dev   

npm install webpack webpack-cli html-webpack-plugin --save-dev

npm install webpack-dev-server --save-dev

npm install svelte-loader --save-dev

npm run build

npm run start

Crear un proyecto usando Svelte

Mkdir  nombrecarpeta

cd nombrecarpeta

git init

npm init

Code .

Creamos carpeta src  donde va el código de nuestro programa, aquí dentro creamos index.js

Creamos carpeta public

Cómo iniciar composer usando PHPUnit para test de códigos en PHP

 Iniciar proyecto composer con PHPUnit

EN WINDOWS:

composer require --dev phpunit/phpunit

rellenar el composer.json

crear un archivo, a nivel del vendor, phpunit.xml

llenar el phpunit.xml

crear la carpeta test a nivel del vendor

en consola escribir: php vendor/phpunit/phpunit/phpunit

y debe salir “No tests executed”

Si no funciona: composer dump

Cómo subir proyecto desde consola a Gitghub

Para subir proyecto desde consola a github:

    git init

  git add .

git commit -m "first commit"

git remote add origin https://github.com/NOMBRE_USUARIO/NOMBRE_PROYECTO.git

git push -u origin master