Información Recursos para ser mejor desarrollador en WordPress

Dato o publicación informativa
Z

zmx-wrka

Explorador

Registrado
26 Nov 2024
Mensajes
16
Tras años de experiencia en el desarrollo y diseño de sitios web, con el tiempo he aprendido cosas que antes no consideraba. Aunque muchos en este foro ya tienen una carrera en sistemas, también hay quienes no la tienen. Aprovecharé este momento para compartir todos los recursos que he utilizado, muchos de los cuales sigo empleando. Todo esto es para que tanto principiantes como expertos puedan entender mejor cómo desarrollar en WordPress, comprendan lo que están haciendo, aprendan a identificar errores y, con el tiempo, se conviertan en expertos en ello.

Es importante mencionar que esta publicación surge de mi participación en el canal de WordPress de Telegram. Me di cuenta de que muchas personas carecen de conocimientos básicos. Después de muchos años trabajando en este campo, y prácticamente pasar de ser freelancer a trabajar en dependencias gubernamentales, dirigiendo la construcción de numerosos sitios web, he decidido compartir todo lo que utilizo para ver si algo te puede ser de ayuda. Así podrás dejar de instalar plugins innecesarios, crear parches superfluos y hacer sitios web de baja calidad.

Después de trabajar en mi primer empleo en una empresa periodística de mi ciudad, comenzamos con una de las primeras páginas web alrededor del año 2002. En ese momento, aún no existía WordPress, así que tuvimos que comprar un CMS que en su momento servía para la publicación de noticias. Eran aplicaciones muy básicas, pero en ese tiempo, lo que se pretendía era crear un sitio donde la gente pudiera informarse a través de internet.

Además de crear un sitio web funcional y práctico, tenía otras responsabilidades: mantener dos redes de computadoras. Una estaba destinada al área de producción, donde se elaboraba el periódico, y la otra a la parte administrativa, donde se realizaban todas las operaciones.

Nota: Muchos de los recursos son de pago, pero seguro que con tu ingenio los encuentras por otro lado y gratis.

Iniciamos​

Aunque no es necesario profundizar en el tema de redes, al menos es básico conocer el modelo OSI y los protocolos que utilizamos para comunicarnos hasta la fecha. Te dejo un libro titulado "The TCP/IP Guide: A Comprehensive, Illustrated Internet Protocols Reference", que te ayudará mucho en esto. No es necesario que lo leas todo, pero con lo básico de las comunicaciones es suficiente. Te ayudará a entender cómo funcionan la mayoría de las comunicaciones a través de los dispositivos.

Recursos adicionales
Ahora que entendemos mejor cómo comunicarnos, debes tener un conocimiento bien fundamentado y ser todo un experto en tu sistema operativo preferido.

Respaldos​

Pero antes de dar ese gran paso al mundo de la programación y el desarrollo de sitios web, ¿qué sucederá con nuestra información si nuestro disco duro falla por cualquier motivo, como virus, malware, spyware, rootkits, adware, troyanos, etc.? ¿O si un día cae un rayo, una persona choca contra un poste de luz o simplemente explota la central eléctrica y daña nuestros aparatos?

Para ello, necesitamos entender a profundidad cómo resguardar nuestros datos. Aunque lo único que hacemos es crear un archivo comprimido de nuestros archivos y cambiarlo de ubicación, guardándolo en un disco duro o incluso en servicios como Dropbox, puedes mejorar este proceso leyendo el libro "Practical Forensic Imaging: Securing Digital Evidence with Linux Tools". Este libro me brindó mucho conocimiento para hacer respaldos eficientes y seguros. Aunque las herramientas se encuentran en Linux, podrás buscar alternativas para tu macOS o Windows.

HTML​

Significa HyperText Markup Language, es el lenguaje estándar utilizado para crear y diseñar páginas web. HTML estructura el contenido en la web mediante el uso de etiquetas y elementos, permitiendo incluir texto, imágenes, enlaces, tablas, videos y otros tipos de contenido multimedia. Este lenguaje es interpretado por los navegadores web para mostrar el contenido de una manera comprensible para los usuarios.

Alrededor de 1998, inicié mi primer curso de HTML. Para mí, era todo un mundo nuevo. El navegador Netscape era lo máximo, aunque consumía muchos recursos de tu pobre PC. Eran nuestros primeros pasos en HTML4; apenas se utilizaban las hojas de estilo (CSS), la accesibilidad estaba en pañales, y los formularios eran raros. Finalmente, encontramos los elementos div y span. Se usaban pequeños scripts y applets que mejoraban la interactividad de la web, o gifs animados.

¿Qué tanto sabes de HTML? ¿Realmente sabes lo que estás haciendo? ¿Simplemente resuelves los problemas a medida que surgen? ¿Está bien hecho? ¿Está bien estructurado tu código? Bueno, si eres novato, quizá te sirvan los siguientes recursos, donde te empaparás de información para convertirte en un experto en este mundo.

CSS​

Cascading Style Sheets, es un lenguaje informático especializado en definir y cohesionar la presentación de un documento escrito en un lenguaje de marcado, como HTML o XML

CSS es utilizado para personalizar el aspecto visual y el diseño de las páginas web. Permite separar el contenido del documento (definido por HTML) de la forma en que este contenido se presenta visualmente. Esto se logra mediante la creación de reglas que especifican cómo deben ser mostrados los elementos del documento, incluyendo características como fuentes, colores, tamaños, posiciones y más.

Puedes aprender CSS a través de videos, cursos en línea, foros y otros recursos. Sin embargo, si deseas convertirte en un experto, comprender cada regla, crear estilos mejor optimizados y entender cómo funciona el navegador, te recomiendo los siguientes libros. Uno de ellos ha sido actualizado.

Javascript​

JavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript, utilizado principalmente en su forma del lado del cliente (client-side), pero también del lado del servidor (server-side). Es un lenguaje dinámico, débilmente tipado, y soporta estilos de programación orientados a objetos, imperativos y funcionales.

JavaScript es uno de los lenguajes fundamentales en el desarrollo web moderno. Su propósito principal es permitir la creación de interfaces de usuario dinámicas e interactivas en sitios web y aplicaciones web. Junto con HTML y CSS, JavaScript forma la tríada de tecnologías esenciales para el desarrollo web.

Te dejo un buen recurso para que aprendas lo básico correctamente. Puedes apoyarte en videos, cursos y otros recursos.

PHP​

PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de programación de código abierto y de propósito general, diseñado principalmente para el desarrollo web del lado del servidor. Fue creado por Rasmus Lerdorf en 1994 y ha sido ampliamente adoptado debido a su facilidad de uso y capacidad para integrarse con HTML.

PHP es utilizado para desarrollar aplicaciones web dinámicas e interactivas. Se ejecuta en el servidor y genera contenido HTML que es enviado al navegador del cliente. Esto permite crear páginas web que pueden cambiar en respuesta a las entradas del usuario o basarse en información almacenada en bases de datos, entre otras funcionalidades.

Te dejo un buen recurso para que aprendas lo básico correctamente. Puedes apoyarte en videos, cursos y otros recursos.

 
B
Pregunta  Sugerencias por bloqueo de Plugins YITH
Narwen
Necesito ayuda  Video Vertical dentro de Mockup de Móvil

LAMP, LEMP, WAMP, WEMP, ¿qué es eso?​

Estos términos son acrónimos que representan diferentes conjuntos de tecnologías utilizadas para el desarrollo de aplicaciones web y servidores. Cada uno se refiere a una combinación específica de software que trabaja en conjunto para alojar sitios web y aplicaciones. A continuación se explica cada uno:

  • LAMP: Linux, Apache, MySQL, PHP
  • LEMP: Linux, Nginx, MySQL, PHP
  • WAMP: Windows, Apache, MySQL, PHP
  • WEMP: Windows, Nginx, MySQL, PHP
LAMP

  • Linux: Sistema operativo basado en Unix, conocido por su estabilidad y seguridad.
  • Apache: Servidor web popular que maneja solicitudes HTTP y sirve contenido web.
  • MySQL: Sistema de gestión de bases de datos relacional que utiliza SQL.
  • PHP: Lenguaje de programación del lado del servidor utilizado para generar contenido dinámico.
WAMP:

  • Windows: Sistema operativo desarrollado por Microsoft.
  • Apache Igual que en LAMP.
  • MySQL: Igual que en LAMP.
  • PHP: Igual que en LAMP.
Pero muchos servidores ahora son propietarios; Apache ya no se usa tanto, se prefiere más Nginx. PHP es horrible; es mejor usar otros lenguajes de programación. ¿Por qué me sigues diciendo que esos acrónimos todavía se usan, si ya no representan nada en la actualidad?

Aunque han surgido nuevas tecnologías y las arquitecturas han estado evolucionando, todas apuntan al mismo lugar: simplemente un conjunto de herramientas necesarias para alojar aplicaciones web. Solo para aclarar, se menciona Apache HTTP Server como insignia. Aunque CERN HTTPd y NCSA HTTPd fueron los primeros servidores HTTP en ser creados, Apache HTTP Server fue el primer servidor de código abierto y, hasta la fecha, sigue funcionando. Fue uno de los pilares para que todos los demás servidores adoptaran prácticas comunes entre ellos.

Para ello, es necesario aprender lo básico sobre cómo funcionan estas tecnologías, ya que será vital para tus inicios en WordPress. Aquí te dejo los libros que te ayudarán en el proceso, tanto para LAMP como para WAMP.

WordPress​

A estas alturas, ya debes tener lo básico para comenzar en el mundo de WordPress. Si estás cansado de cursos, de pedir ayuda en foros y de ver interminables horas en YouTube, te facilito la vida: consulta los siguientes recursos que te convertirán en un maestro de WordPress.

UI​

¿Ya dominas lo esencial de WordPress pero tu sitio no luce bien? ¿No tienes conocimientos de diseño? ¿Tus botones no encajan? ¿Tus fuentes se ven extrañas? ¿Tus imágenes están mal posicionadas? Aunque hay una carrera de nombre Diseño Gráfico que te ofrece toda esta información para mejorar en estos aspectos.

Te recomiendo los siguientes recursos para mejorar en ello por tu cuenta. También te sugiero buscar un curso de Diseño Gráfico en tu plataforma preferida para aprender.

La Web​

He escuchado durante años a compañeros decir que WordPress va a desaparecer, que es lento, y que deberían usar otras tecnologías, entre otras cosas sin sentido.

En realidad, WordPress es muy rápido; lo que lo hace lento es el mal diseño de los sitios web, el uso de recursos innecesarios o malas prácticas que afectan el sitio. Aquí te dejo recursos de diferente índole para que tu sitio siempre mejore con el tiempo, desde cómo debe ir adecuadamente, la optimización, y también te dejo el mejor recurso de SEO para que te conviertas en todo un experto.

Ahora te ofrezco recursos para mejorar el rendimiento, la optimización y el SEO.

  • Image Optimization (Este es uno de los mejores recursos para conocer a fondo todos los formatos de imagen utilizados en la web. Es necesario aprenderlo y leerlo por completo, y nunca más tendrás problemas con tus fotos, imágenes, etc.)
  • Using WebPageTest (Aunque el libro es viejo, me enseñó mucho sobre cómo funciona el rendimiento web. Actualmente, WebPageTest es uno de los mejores recursos para mejorar el rendimiento de tu sitio web, y no es de Google.)
  • Web Performance in Action: Building Faster Web Pages (Su nombre lo indica, aprenderás todo lo necesario sobre cómo optimizar tus recursos. Lectura obligada.)
  • The Art of SEO: Mastering Search Engine Optimization (El libro por excelencia del SEO, muchas de las personas que enseñan SEO han leído este libro y extraen información de él para enseñártela. Te lo dejo para que vayas a la fuente directa y lo entiendas a profundidad. Es extenso, pero comprenderás todo profundamente y verás por qué tus sitios no avanzan en los motores de búsqueda. Lectura obligada.)
 

Recursos adicionales​

A estas alturas, ya debes ser todo un experto en WordPress. Aquí te dejo varios recursos que pueden ser útiles en algún momento, tanto para administradores de sistemas como para desarrolladores. Si te resulta complicado, puedes buscar videos, cursos, o recursos sobre el tema.

Problemas​

¿Tienes muchos problemas para organizarte en la vida? ¿No sabes por dónde empezar? Tal vez estos recursos te ayuden a mejorar. Créeme, realmente ayudan bastante.

 

Software​

Después de todo este contenido, les compartiré el software que utilizo actualmente. Quizás alguno les sea de ayuda. Recuerden que siempre existen alternativas gratuitas; aquí solo menciono las que tengo instaladas.

Móvil​

  • Hedy AI (A diferencia de las herramientas tradicionales, Hedy escucha activamente las conversaciones y proporciona información, recomendaciones y sugerencias personalizadas para mantenerte siempre preparado y enfocado. Ideal para profesionales con agendas apretadas, Hedy te ayuda a participar activamente y a tomar decisiones acertadas en tiempo real, asegurando que siempre hagas la pregunta correcta. Mejora tu eficiencia y participación en cada reunión con Hedy. Esta aplicación es reciente, pero realmente me ha ayudado mucho en las juntas con los directivos. Guarda notas y te proporciona ayuda de acuerdo con la conversación que se va desarrollando, lo cual te puede ayudar a hacer mejores preguntas y a precisar o entender mejor los puntos. Es una joya.)
  • Kindle for Android (Lectura de ebooks.)
  • Autenticador de Google (Seguridad.)
  • Firefox (Navegación web.)
  • Productive - Lista de hábitos (Gestión de hábitos.)
  • Termius - SSH and SFTP client (Emulación de terminal.)
  • WolframAlpha Classic (Búsqueda de información.)
  • Todoist: Agenda y calendario (Gestión de tareas.)
  • Microsoft Office (Productividad ofimática.)
  • Bitwarden (Gestión de contraseñas.)

Pausa​

Por el momento lo dejo por hoy, en la lista faltan algunos temas que iré actualizando poco a poco.

  • Aplicaciones SASS
  • Plugins para WordPress
  • Herramientas para Linux
Solo quiero comentar que, si hay algún recurso incorrecto o alguna información errónea, por favor menciónalo en una respuesta y con gusto lo cambiaré. También, si falta información o crees que falta algo importante, por favor avísame.

Un saludo a todos.
 
Iniciar sesión o registrarme para responder aquí.
Volver
Arriba Abajo
Signup abuse detection and blocking Addon provided by Homicide ©2026