Comandos de Terminal de Ubuntu

 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 archivo

rm   borra archivo  ej: rm  index.txt

rm -d nomcarpetavacia  borra carpeta vacía

rm -rf  test    borra carpeta test

git --version  versión github

sudo apt-get update  actualiza paquetes  git

sudo apt-get upgrade actualiza paquetes git

sudo apt intall  instala git

Vincular con github desde terminal

ssh-keygen -t -rsa -b 4096 -C   tucorreo   llave para usar con github

https://t.co/6yKToNLs84

https://t.co/6yKToNLs84

— Julian (@juli6464) Sep 25, 2021

from Twitter https://twitter.com/juli6464

Apuntes curso profesional de wordpress

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

So proud for my first Wordpress theme and plugin. Thanks to @platzi #WordPress

— Julian (@juli6464) Sep 10, 2021

from Twitter https://twitter.com/juli6464

Código para tener en cuenta al desarrollar theme en Wordpress

 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 filter 

Action Ejecuta una función en un lugar que especifiques sin retornar ningún valor. add_action

Filter Ejecuta la función recibiendo parámetros procesándolos y retornándolos ya procesados add_filter

Post type  Tipo de contenido (entradas, páginas, archivos multimedia, menús).

Custom post type Tipo de contenido personalizado . contenido que se adapten a nuestro proyecto.

Loop  Herramienta que muestra contenido que tenemos guardado en nuestro sitio.

Tipos de loop

Básico Archivos destinados a su post_type  comopage.php

Personalizado Usa WP_Query para personalizar la consulta.

wp_register_style() => registra el estilo

wp_enqueue_style() => ejecuta el estilo

En js:

wp_register_script() => registra el script

wp_enqueue_script() => ejecuta el script

add_role()  añadir roles de usuario en functions.php

remove_role() remover roles

Para ver roles y capabilities (permisos) ingresar a https://wordpress.org/support/article/roles-and-capabilities/#administrator

Generador de post_type: https://generatewp.com/post-type/

Funciones a tener en cuenta en Wordpress  https://codex.wordpress.org/Function_Reference

Mejores prácticas para escribir código (Apuntes del curso de platzi)

Apuntes 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. 

El patrón Singleton permite restringir la creación de objetos pertenecientes a una clase o al valor de un tipo a un único objeto.

Patrón factory->creación de nuevas instancias de objetos.

El patrón Command permite solicitar una operación a un objeto sin conocer realmente el contenido de esta operación, ni el receptor real de la misma. Para ello se encapsula la petición como un objeto, con lo que además facilita la parametrización de los métodos.

Problemas del testing manual:

Costoso, lento, poco confiable.

Existen dos tipos de testing:

Unit Testing: Evaluamos el funcionamiento de los componentes individualmente. 

Integration Testing: Validar la interacción entre los componentes y el sistema completo.}}

Test driven develpoment    primero pruebas luego el código

Pull request son pedidos de mejora a archivos de un proyecto generalmente open source. Sirve para que la comunidad ayude a mejorar el código que ha sido escrito por ti, tu equipo o una empresa; luego de que realizamos un cambio generamos un pull request para ofrecer un cambio a mejora y solo queda esperar a que el dueño del repositorio lo pruebe y lo agregue a el código principal.

Documentar es una de las mejores prácticas que podemos hacer cuando estamos en un equipo de trabajo. Dejar por escrito cómo hemos hecho algunas funcionalidades, cómo podría ser mejorado el código y por sobretodo debemos dejar comentarios en el código que ayuden a las personas a ubicarse en qué parte de la aplicación están y qué hacen esas líneas de código.

¡Acabo de obtener una insignia por la aptitud «WordPress»! ¿Cuál es el siguiente paso? Ponte a prueba con una #EvaluaciónLinkedIn.

¡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

from Twitter https://twitter.com/juli6464