comando para ejecutar cuando tenemos wsl, en vez de sistema operativo linux
sudo /etc/init.d/apache2 start
Blog personal de Julian Alzate: Desarrollador, apasionado por el Marketing, creador del blog con información de interés en Manizales y en Colombia.
comando para ejecutar cuando tenemos wsl, en vez de sistema operativo linux
sudo /etc/init.d/apache2 start
https://t.co/psaWhpwNrn Events in JS with Svelte Framework @sveltejs
— Julian (@juli6464) Dec 4, 2021
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
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 para aplicar a páginas web desde cero
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
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
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
Master es ahora main
$git Comandos útiles
$git --version versión git
$git init Inicia git
$git add <file> Añade archivo
$git commit -m "msj" mensaje para mantener versiones de proyecto
$git add . agrega todos los archivos de la carpeta (se hace cuando se realiza cambio en archivo)
$git commit -m "cambios a v1"
git commit -am "cambios" así no se pierde cambios
$git status Status de la base de datos
$git show Muestra todos los cambios hechos $git show <archivo>
$git log <file> Historia entera (cambios) de un archivo
$git push Paso final para llevar este a un archivo remoto
$git fetch trae al repositorio local peor no lo copia
$git merge copia en archivos en versión actual
$git pull copio repositorio local bd y directorio (fetch y merge se resumen en este)
$ git config -l lista para ver usu y correo
git config --global user.email "miemail" configura el correo
Comandos útiles en terminal GIT
cd/mnt/e cambia ruta de directorio
cd.. retrocede una carpeta
cd U(la letra que queramos) + boton tab busca archivos por inicial de la letra este sirve en GIT bash
mkdir <nomproyecto> crea carpeta
touch <nombre> crea archivo vacío .txt por ej
cat <nombre> muestra contenido
history muestra historial de comandos escritos . Luego !# para seleccionar el numero (# el num que uno decida escoger para comando)
rm borra archivo
rm --help muestra lista comandos (aplica para todos)
esc+shift+z+z guarda cambio cuando doy git commit para añadir un mensaje
git diff commitcode commitcode (se compara los dos códigos de versiones de git deseadas)
/\.m?js$/
es una expresión regular que indica; los archivos que terminen con mjs o jsAñadimos el loader al arreglo de loaders y modificamos un poco la expresion regular
{
test: /\.s?css$/,
use: [MiniCssExtractPlugin.loader,
"css-loader",
"sass-loader"]
},
BEM: Bloques, elementos, modificadores
Link útil para BEM: https://9elements.com/bem-cheat-sheet/
Dividir lógicamente las piezas de las que se compone una web
.bloque{}
.bloque__elemento{}
.bloque--modificador{}
Ejemplo:
Example about speech
Intro:Today I
will be discussing
Outline: I want
to begin by.. and then I’ll move on to
Intro to the
first point: I will first cover… /to get started, let’s look at
Similar points:
in the same way/ this is similar to
Disagreeing
points: however/ even so / on the other hand
Transition:
fundamentally/ a major issue is
Emphasizing:
more importantly/ primarily /mainly
Conclude:
finally, I want to say / I’d like to leave you with this
Comandos útiles para npm windows terminal, react y uso de git
pwd dirección actual
cd (change directory)
cd .. retrocede dos carpetas
cd/carpeta/carpeta va directamente al directorio objetivo
cd / directorio raiz
ls archivos en el directorio . listar items
cd mnt archivos c
cd ~ vuelve a la raiz de carpeta (alt gr +)
mkdir crea una carpeta ej: mkdir carpeta
touch crea archivo ej: touch index .html
mv mover archivo de un sitio a otro ej: mv index.html Carpeta
code. abre el visual studio del archivo
wsl--shutdown cada que se deje de trabajar en ubuntu
cat muestra datos del archivo. ej: cat index.html
man es manual ej: man cat
sudo apt-get update actualiza ubuntu
sudo apt-get upgrade aplica los cambios de actualizacion
sudo apt install nodejs instalar node desde terminal
clear limpiar código
npx corre programas sin instalar npx create-react-app test
npm start inicia el proyecto
ctlr c detiene ejecucion para react
npm start desde new terminal en vsc o windows terminal para ejecutar programa
sudo chown -R miusuario micarpeta cambia propietario de archivohttps://t.co/6yKToNLs84
— Julian (@juli6464) Sep 25, 2021
Apuntes curso profesional de WordPress de Platzi.
Cómo se organiza la información en WordPress:
-Taxonomías.
-términos.
-posts.
Taxonomías por defecto
Categorías: orden jerárquico.
Tags: orden no jerárquico.
Jerarquía de archivos
Slug
category-nombre.php tag-nombre.php
category-4.php category-2.php
category.php tag.php Genérico
archive.php si no encuentra ninguna de las anteriores.
¿Cómo utilizar AJAX dentro de WordPress?
Para poder hacer cosas con AJAX en Wordpress usaremos algunas funciones y cosas en particular.
En el envío de la petición se puede hacer con JQuery o con Javascript Vanilla. Nosotros envíamos tres parámetros:
url:ajaxurl → Todas las peticiones AJAX se envían a la misma url.
method → La información puede enviarse por GET o POST.
data (action) → Cada función PHP que procesará una petición AJAX se registra.
Una vez que la función la recibe Wordpress, para poder recibirla necesitamos que esta función esté registrada. Para registrarla tenemos dos opciones:
wp_ajax() → Las funciones se registran con este hook para los usuarios logeados.
wp_ajax_nopriv() → Las funciones se registran con este hook para funcionar sin usuarios logeados.
Y las funciones de respuestas son:
wp_send_json() → Nos va permitir enviar la respuesta del servidor en formato JSON. Esta función puede recibir un string o un Array, y ese Array va a ser transformado en JSON para poder ser recibido por el archivo de Javascript.
Por último el archivo de Javascript, va a recibir esa información.
success / .done() → Nos permite recibir la respuesta y procesarla.
error / .catch() → Nos permite manejar errores y procesarlos.
Rest api https://developer.wordpress.org/rest-api/
Qué son y cómo funcionan los endpoints? en la API
Es una Url que nos permite personalizar y expandir las capacidades de la REST API de Wordpress, esto quiere decir que nos dará una nueva url que nos va a proveer datos personalizados.
Wordpress nos provee una función para generarlo:
register_rest_route() → Cada endpoint debe ser registrado para empezar a funcionar. Para su registro recibe 3 parámetros
$namespace → reemplaza el wp-b2 (por defecto de WP), espacio de trabajo para todas nuestras rutas personalizadas.
$route → el resto de los parámetros que queremos recibir en esa URL.
$args → Para indicar el método como se pueden conectar a nuestro url y función de callback que procesa la petición y da el retorno de los datos.
$override → que es opcional, permite definir si la función reemplaza a otras si tiene la misma ruta.
So proud for my first Wordpress theme and plugin. Thanks to @platzi #WordPress
— Julian (@juli6464) Sep 10, 2021
Apuntes del curso de Platzi de Wordpress
¿Que son los Hooks? Son espacios dentro del código donde puedes ejecutar tus propias funciones, puedes ejecutar 2 tipos de hooks, action y filterApuntes del curso buenas prácticas para escritura de código de Platzi
Escribir buen código nos beneficia a nosotros y a nuestros compañeros de trabajo y a nuestros clientes. Beneficia a todos los involucrados en un proyecto.
-------------------------------------------------------------
Hay dos ejes que hacen la calidad del código:
Interno
Legibilidad.
Mantenibilidad.
Testeabilidad.
Externo
Cuando el cliente interactúa con el software.
Define un estándar, respétalo y apóyate en un linder.
--------------------------------------------------------------------------------------
-Problemas difíciles en computación: Invalidar cachés y nombrar cosas.
- Atención a los identificadores que creas.
Código modular: Pequeños bloques compuestos para organizar el código.
Código reutilizable: Es posible volver a aplicarlo en otros escenarios.
Código organizado: Debe ser fácil de interpretar en directorios o carpetas
/public acceso de afuera del servidor
/src archivos propios del proyecto
/test pruebas
/vendor librerías de terceros
- El copiar y pegar es el peor enemigo de un programador
- Evitar efectos colaterales en el código realizando buenas prácticas}
Principio SOLID: Single Responsability Principle
Apunta a desarrollar aplicaciones mas mantenibles a través del tiempo
S: Single Responsibility Principle (SRP) Una sola razón para cambiar
O: Open/Closed Principle (OCP) Abierta para su extensión, cerrada para modificación
L: Liskov Substitution Principle (LSP) Usar métodos clase padre solamente , la clase hijo no debe alterar el comportamiento de los métodos del padre
I: Interface Segregation Principle (ISP) Los clientes de un programa solo deben conocer los métodos que usan
D: Dependency Inversion Principle (DIP) Los módulos de alto nivel no deben depender de los de bajo nivel.
Las abstracciones no deben depender de los detalles, los detalles deben depender de las abstracciones.
Patrones de diseño
Creación, estructurales, comportamiento.
Los patrones de diseño son soluciones de arquitectura de software aplicables a diferentes problemas.¡Acabo de obtener una insignia por la aptitud «WordPress»! ¿Cuál es el siguiente paso? Ponte a prueba con una #EvaluaciónLinkedIn.
— Julian (@juli6464) Aug 12, 2021
https://t.co/lUyIKtHrhF #WordPress #SEO #Plugin
— Julian (@juli6464) Jul 16, 2021
https://t.co/CNP1aKdSrq We help you with any painting project for the house, be it interior or exterior; we remodel bathrooms, floors, walls, windows, doors, decks, etc ... the estimate is FREE. (Only for United States)
— Julian (@juli6464) Jun 16, 2021
I easily built my #WordPress #site using @pagelayer
— Julian (@juli6464) Jun 6, 2021
Tener una página web en la actualidad es fundamental, tanto para una empresa PYME como para Empresas con más años en el mercado. Aquí te presentamos las cuatro principales ventajas de tener una 💡 #web #pyme #Website https://t.co/5OeKQ3ZoOf
— Julian (@juli6464) May 31, 2021
link: https://ragose.com/temas-mas-rapidos-de-wordpress/
Es normal que muchos hayan tenido problemas al momento de ingresar un video en el plugin Revolution Slider ya que a veces no aparece por defecto. Para solucionar este problema hacemos lo siguietne:
Añadir el siguiente código dentro de arguments al final: origin=https://tusitio.com
watching #seoday
— Julian (@juli6464) April 28, 2021
NEUMAT&CO. Productos para ciclistas impactando positivamente el medio ambiente. https://t.co/xVkHFLGmkb
— Julian (@juli6464) April 21, 2021
Todo Básculas, expertos en pesaje y control de proceso industriales es una Empresa Ecuatoriana con más de 15 años de experiencia en el mercado del pesaje industrial, con especial atención a los sectores de alimentos y construcción. Para conocer más sobre ellos ingresa a Todo básculas
Para eliminar de una página de wordpress el link del logo de la página que normalmente lleva al home de ésta hay que hacer lo siguiente:
Hacemos click derecho en la página web y luego inspeccionar. De ahi buscamos el código en el que está ubicado el logo y luego pegamos este código en temas-> personalizar-> css
.postid-1 .logo a { pointer-events: none !important; }
I just installed #WordPress vía #Softaculous #PHP
— Julian (@juli6464) March 31, 2021
Este tiempo máximo de ejecución se usa cuando es necesario aumentar el tiempo, con el fin de realizar algunas actualizaciones de plugins o versión de wordpress.
Buscamos el .htaccess y allí aumentamos el tiempo que tiene por defecto 30 segundos a:
php_value max_execution_time 60
https://t.co/vEZWY7DCmA MYSQL @charlygarcia120
— Julian (@juli6464) March 2, 2021
La línea de código se implementa debajo de la consulta sql del programa:
$sql = htmlspecialchars($sql);
Tomado de https://www.php.net/manual/en/function.htmlspecialchars.php
Para enviar datos y guardarlos es recomendable usar una de estas líneas de código en el programa:
Para mysql
mysql_set_charset('utf8',$mysql);
Para mysqli
mysqli_set_charset($enlace3, 'utf8');
Normalmente cuando queremos subir un archivo con extensión .sql es normal que al ser tan grande y con tantos datos, sea necesario subir el límite en el servidor, para esto hacemos lo siguiente:
Abrimos el Xampp Control panel y en Apache hacemos click en config -> php.ini allí vamos a buscar y modificar dos valores:
upload_max_filesize = 2M por upload_max_filesize = 120M
post_max_size = 8M por post_max_size = 120M
Luego de esto reiniciamos el xampp y verificamos que los archivos se suban correctamente.
Sistema de reservas en Wordpress Booking Calendar https://t.co/5AbmhIiEAc
— Julian (@juli6464) February 10, 2021
https://t.co/WqbR4KRX4e SEO en Manizales #SEO
— Julian (@juli6464) February 3, 2021
https://t.co/y1IT2TsOUq Planes de Social Media en Colombia para llegar a más clientes #vybros #socialmediamarketing
— Julian (@juli6464) January 28, 2021
https://t.co/vHHS8ybN35 Desarrollo web en Manizales
— Julian (@juli6464) January 27, 2021
Todo Básculas, empresa ecuatoriana experta en pesaje y control de procesos industriales.https://t.co/5ZvWshQQVn
— Julian (@juli6464) January 20, 2021
Branding Vs 2021 🔍 https://t.co/l140WgvrTv #branding
— Julian (@juli6464) January 12, 2021