Lo sencillo que es crear un sitio web

(La verdad detrás del desarrollo web)

Después de más de una década dedicándome al desarrollo y maquetación web, puedo decirte que esta es una de las tantas conclusiones a las que puedo llegar: Lo sencillo que es crear un sitio web. Obvio, todo depende del cristal a través del que se mire. Hacer una página web o todo un sitio web es de lo más sencillo. Lo complicada viene después.

Ícono que hace alusión a un documento HTML 5 en el artículo Lo sencillo que es crear un sitio web

La realidad del desarrollo web actual

Crear una página web hoy en día puede ser tan simple como arrastrar y soltar elementos en un constructor visual, o tan complejo como desarrollar una aplicación web completa desde cero. La diferencia radica en qué tipo de sitio web necesitas, cuánto control quieres tener sobre el resultado final y si estás en la búsqueda de integrarte a este fascinante mundo o si simplemente deseas tener un sitio personal y ya.

Para sitios web básicos, lo sencillo que es crear un sitio web puede significar hacer uso de plataformas como WordPress, Wix o Squarespace, las que han democratizado el proceso. Sin embargo, si buscas algo verdaderamente único y personalizado, necesitarás sumergirte en el código. Esto último es lo que realmente te abrirá las puertas para decir que eres maquetador web. Porque, dicho sea de paso, HTML y CSS, NO son lenguajes de programación. Entonces las páginas web no se programan, se maquetan. Se marcan mediante su lenguaje nativo, que es HTML.

El camino tradicional: HTML, CSS y JavaScript

Lo sencillo que es crear un sitio web

Existe una progresión natural en el aprendizaje del desarrollo web que todo profesional debe conocer. No es casualidad que sigamos este orden específico:

1. HTML: Los cimientos de la web

HTML (HyperText Markup Language, o Lenguaje de Marcado de Hiper Texto, en español) es tu punto de partida obligatorio. Es la estructura, el esqueleto de cualquier página web. Aquí defines qué es cada elemento: un título, un párrafo, una imagen, un enlace.

¿Por qué empezar con HTML?

  • Es el lenguaje más fundamental de la web
  • Su sintaxis es relativamente simple
  • Puedes ver resultados inmediatos
  • Te enseña a pensar en términos de estructura y semántica

Un desarrollador principiante puede crear su primera página web funcional en HTML en cuestión de horas. Aunque no será visualmente atractiva, será técnicamente válida y accesible.

2. CSS: Dando vida al diseño

CSS (Cascading Style Sheets, Hojas de Estilo en Cascada, en español) es el lenguaje que permite que tu página web pase de ser un documento básico a una experiencia visual. Aquí defines colores, tipografías, espaciados, diseño responsivo y animaciones.

Ícono que hace alusión a un documento CSS 3 en el artículo Lo sencillo que es crear un sitio web

¿Por qué CSS viene después?

  • Necesitas entender la estructura HTML antes de estilizarla. Si lo desconoces, no sabrás qué poner, dónde y cómo hacerlo.
  • Te permite separar contenido de presentación
  • Es más complejo conceptualmente que HTML.
  • Requiere comprender el modelo de caja, posicionamiento y especificidad

Este es el punto donde muchos principiantes se sienten abrumados. CSS puede ser frustrante porque un pequeño cambio puede afectar toda la página de maneras inesperadas.

3. JavaScript: La magia interactiva

JavaScript es lo que convierte tu página estática en una experiencia interactiva. Desde validar formularios hasta crear aplicaciones web complejas, JavaScript es el motor de la interactividad moderna.

¿Por qué JavaScript es el último paso?

  • Es un lenguaje de programación completo, no solo de marcado
  • Requiere lógica de programación y conceptos abstractos
  • Necesitas entender el DOM (Document Object Model)
  • Es el más complejo de los tres
Ícono que hace alusión a un documento JavaScript en el artículo Lo sencillo que es crear un sitio web

¿Realmente es tan fácil como parece?

Lo sencillo que es crear un sitio web

La respuesta honesta es que crear una página web básica es fácil, pero crear una página web profesional requiere tiempo, práctica y dedicación.

Lo que sí es fácil:

  • Crear tu primera página HTML
  • Aplicar estilos básicos con CSS
  • Añadir interactividad simple con JavaScript
  • Usar frameworks y librerías existentes
  • Encontrar recursos y tutoriales gratuitos

Lo que requiere más esfuerzo:

  • Diseño responsivo que funcione en todos los dispositivos
  • Optimización para motores de búsqueda (SEO)
  • Accesibilidad web
  • Rendimiento y velocidad de carga
  • Seguridad y mejores prácticas
  • Mantenimiento y actualizaciones

El ecosistema actual: más allá de lo básico

El desarrollo web moderno ha evolucionado enormemente. Hoy en día, un desarrollador web profesional debe conocer:

  • Frameworks CSS: Bootstrap, Tailwind CSS, Bulma
  • Frameworks JavaScript: React, Vue.js, Angular
  • Herramientas de desarrollo: Webpack, Vite, npm
  • Control de versiones: Git y GitHub
  • Preprocesadores: Sass, Less, TypeScript
  • Metodologías: BEM, SMACSS, arquitectura de componentes

Mi recomendación como profesional

Lo sencillo que es crear un sitio web

Si estás empezando, sigue la progresión tradicional: HTML → CSS → JavaScript. No te saltes pasos. Cada tecnología construye sobre la anterior, y entender los fundamentos te hará un mejor desarrollador.

Para principiantes:

  • Dedica al menos 2-3 semanas a HTML puro
  • Pasa 1-2 meses dominando CSS
  • Introduce JavaScript gradualmente
  • Practica construyendo proyectos reales

Para quienes buscan una carrera:

  • Considera esto como una inversión a largo plazo
  • Mantente actualizado con las tendencias
  • Construye un portafolio sólido
  • Nunca dejes de aprender

Para terminar…

Lo sencillo que es crear un sitio web

Crear una página web puede ser tan simple o complejo como tú quieras que sea. Lo sencillo que es crear un sitio web estriba también en la dedicación que le tengas a un proyecto. Lo cierto es que la barrera de entrada es baja, pero el techo de habilidades es infinito. Lo importante es comenzar con fundamentos sólidos y avanzar paso a paso.

La web seguirá evolucionando, pero HTML, CSS y JavaScript permanecerán como los pilares fundamentales. Domina estos tres, y tendrás las herramientas para crear prácticamente cualquier cosa en la web.

¿Es fácil? Sí, empezar lo es. ¿Es fácil hacerlo bien? Eso requiere tiempo, práctica y mucha paciencia. Pero te aseguro que el viaje vale la pena. ¿Es fácil ingresar al mundo laboral? Depende de lo mucho que te hayas preparado. Y, como siempre, de lo bien que te sepas desenvolver en un mundo lleno de personas que ya tienen un lugar asegurado en el medio. Es como todo, vaya.

Mi Facebook

Hablando de HTML…

Google Workspace y Excel en la Nube

En el actual ecosistema digital, que se transforma día tras día, navegar con destreza por los entornos en la nube se ha convertido en una competencia indispensable tanto en la vida personal como profesional. El no saber usar Google Workspace y Excel en la Era de la Nube te puede jugar en contra. Siempre se dará prioridad a quien sepa usarlos por sobre quien no lo sepa.

De entre el amplio catálogo de soluciones tecnológicas disponibles, Google Workspace y Excel en la era de la nube emergen como herramientas fundamentales que potencian la eficiencia, el trabajo en equipo y el análisis para decisiones estratégicas. El manejo de estas plataformas representa hoy una exigencia, no un simple complemento, en nuestro mundo hiperconectado. Si eres un experto, mucho mejor.

Google Workspace

Google Workspace: Colaboración Fluida en el Entorno Digital

El ecosistema de Google ha transformado radicalmente nuestros métodos de trabajo y colaboración. Sus aplicaciones como Gmail, Google Drive, Google Docs, Sheets y Slides conforman un sistema integrado que optimiza la comunicación, garantiza un almacenamiento seguro en la nube y facilita la edición conjunta en tiempo real.

Comunicación Sin Barreras

Gmail trasciende el concepto tradicional de correo electrónico al integrarse perfectamente con otras herramientas para gestionar proyectos y tareas con mayor efectividad. Google Meet elimina obstáculos en las videoconferencias, aspecto crucial en un contexto laboral cada vez más distribuido geográficamente.

Las soluciones de Google Drive permiten la participación simultánea de múltiples usuarios, mejor conocido como trabajo en equipo, en documentos; ya sean hojas de cálculo o presentaciones. Esta funcionalidad optimiza los procesos, minimiza errores y estimula la innovación colectiva.

Disponibilidad Universal

La arquitectura basada en la nube de Google Workspace garantiza el acceso a la información y la capacidad de trabajo desde cualquier dispositivo. La única condición, estar conectado a internet. El sistema operativo ya no es un pretexto: Google Workspace y Excel en la nube son multiplataforma. Esta versatilidad resulta fundamental en una era donde la movilidad y el teletrabajo ganan protagonismo día a día.

Microsoft Excel: Análisis de Datos Sofisticado al Alcance de Todos

Aunque frecuentemente se le vincula a la contabilidad, Excel representa mucho más que eso. Su capacidad para estructurar, procesar y visualizar información lo convierte en un recurso indispensable para la planificación estratégica en cualquier sector. Cuando se tienen recursos pre programados, tendrás que adaptarte a lo que estos ofrezcan. Te verás limitado si no encuentras un recurso como el que necesitas o si encuentras uno medianamente parecido que «resuelva» tu necesidad. Sin embargo, si se conocen las fórmulas y se sabe anidarlas, puedes conseguir trabajos épicos que no se consiguen con otras herramientas.

Gestión Estructurada de Información: Excel facilita el manejo de conjuntos extensos de datos mediante hojas de cálculo organizadas, tablas funcionales y representaciones gráficas claras. Puedes intercambiar información entre distintos documentos.

Capacidad Analítica Avanzada: Desde operaciones matemáticas básicas hasta algoritmos complejos, Excel proporciona los recursos necesarios para realizar análisis estadísticos, proyecciones financieras y modelos de simulación. Creación de gráficos de los más variados tipos.

Representación Visual Efectiva: La habilidad para generar gráficos y tablas dinámicas convierte datos complejos en información visualmente comprensible, facilitando la interpretación de resultados y la identificación de patrones relevantes.

Beneficios Tangibles de Dominar Google Workspace y Excel en la Nube

El dominio de Google Workspace y Excel ofrece ventajas concretas y significativas

Eficiencia Optimizada, simplificación de operaciones, automatización de procedimientos repetitivos. Todo lo anterior facilita la colaboración, liberando recursos para actividades de mayor valor estratégico.

Decisiones fundamentadas que permiten el análisis metódico de información, la detección de tendencias y la obtención de perspectivas valiosas para tomar decisiones más acertadas.

Ventaja Competitiva en un entorno laboral cada vez más exigente. El dominio de estas herramientas constituye un diferenciador crucial que amplía las oportunidades profesionales.

Preparación para el Cambio

La familiaridad con entornos cloud y análisis de datos prepara tanto a las personas y las organizaciones para adaptarse ágilmente a la acelerada evolución tecnológica.

En síntesis, en la presente era digital, desarrollar competencias en Google Workspace y Excel representa una inversión estratégica ineludible. Estas plataformas capacitan a individuos y empresas para incrementar su productividad, mejorar su colaboración y actuar con una mejor visión estratégica, estableciendo la diferencia entre el progreso y el estancamiento en un mundo cada vez más definido por el valor de la información y la innovación tecnológica.

La pregunta obligada es: ¿Te encuentras preparado para maximizar su potencial?

Enlaces

Pegar texto sin formato en google drive

Google Drive

Excel en la nube

Laragon deja de ser gratuito

laragon deja de ser gratuito


Si eres desarrollador web en un entorno local, seguramente conoces y aprecias la comodidad y potencia del entorno de desarrollo del elefante. De ser así, seguro te has dado cuenta también de que Laragon deja de ser gratuito.

Esta herramienta se ha convertido en un aliado indispensable para muchos gracias a su facilidad de uso y su naturaleza gratuita. Sin embargo, recientemente se ha anunciado un cambio en su modelo de licenciamiento que podría generar ciertas preocupaciones en la comunidad.

¿De qué se trata el cambio?

Laragon deja de ser gratuito. A partir de la versión 7 se requiere de una licencia para instalar el elefante, misma que puede ser pagada de forma anual o con un solo pago de por vida. Si bien esta modificación tiene como objetivo asegurar el soporte a largo plazo y la viabilidad del proyecto, numerosos desarrolladores, sobre todo aquellos con iniciativas personales o recursos limitados, están explorando opciones sin costo.

Sin duda alguna, este cambio puede tener efectos negativos en nuestros proyectos.

Laragon deja de ser gratuito; posibles efectos negativos:

  • Pérdida de funcionalidades clave: Si las características que utilizas habitualmente pasan a ser exclusivas de la versión de pago, tu flujo de trabajo podría verse afectado significativamente. Esto podría implicar tener que buscar alternativas o adaptar tus procesos e instalar otro conjunto de herramientas que te sirvan para el mismo fin.
  • Limitaciones en proyectos comerciales: Si utilizabas la versión gratuita de Laragon para desarrollar sitios web para clientes, el nuevo licenciamiento podría obligarte a adquirir una licencia para poderlo instalar, incrementando tus costos operativos.
  • Barrera de entrada para nuevos usuarios: Para aquellos que están comenzando en el desarrollo web, la necesidad de una suscripción o el pago de una licencia para acceder a todas las funcionalidades podría ser un obstáculo inicial.
  • Posible fragmentación de la comunidad: Si una parte de los usuarios se ve obligada a migrar a otras soluciones, la comunidad de soporte y los recursos disponibles para Laragon podrían verse afectados.
  • Incertidumbre sobre futuras limitaciones: Una vez implementado un modelo de pago, siempre existe la preocupación sobre posibles futuras restricciones o la inclusión de más funcionalidades en la nueva modalidad.

Laragon deja de ser gratuito

Tranquilo, XAMPP es la mejor alternativa, además de ser gratuita

Mientras Laragon cambia su modelo de negocio, XAMPP continúa siendo completamente gratuito y de código abierto, así que lo puedes instalar sin más preocupaciones que descargar el paquete desde su página oficial.

Desarrollado por Apache Friends, XAMPP ha sido durante más de 15 años una solución confiable para instalar servidores web locales.

Características principales de XAMPP

XAMPP ofrece un conjunto completo de herramientas para el desarrollo web que incluye:

  • Apache: El servidor web más utilizado en el mundo
  • MariaDB/MySQL: Sistema de gestión de bases de datos potente y confiable
  • PHP: Lenguaje de programación del lado del servidor
  • Perl: Lenguaje de programación versátil
  • phpMyAdmin: Herramienta de administración de bases de datos
  • OpenSSL: Para la seguridad y los certificados SSL

La simplicidad de XAMPP radica en que es un todo-en-uno, que elimina la necesidad de instalar y configurar cada componente por separado.

¿Qué significa XAMPP?

X, significa que es multiplataforma

A, que contiene Apache, además de

M, MariaDB y MySQL

P, PHP y

P, Perl

Aquí una tabla comparativa entre ambas aplicaciones:

Laragon vs XAMPP: Pros y Contras

Herramientas para desarrollo web local

Laragon

✅ Pros:

  • Fácil de usar: Interfaz intuitiva y configuración automática.
  • 📁 Portable: No requiere instalación.
  • 🚀 Rápido: Usa Nginx en lugar de Apache.
  • 🔄 Soporte múltiples PHP: Cambia versiones fácilmente.
  • 🔧 Herramientas integradas: Git, Composer, Redis.
  • 🌐 Dominios locales automáticos (ej: tusitio.test).

❌ Contras:

  • Menos documentación que XAMPP.
  • Enfocado en Windows (soporte limitado en otros SO).
  • No incluye phpMyAdmin por defecto.

XAMPP

✅ Pros:

  • 🖥️ Multiplataforma: Windows, Linux, macOS.
  • 📚 Ampliamente usado: Mucha documentación.
  • 📦 Todo incluido: Apache, MySQL, PHP, phpMyAdmin.
  • 👶 Ideal para principiantes.

❌ Contras:

  • Más lento que Laragon (usa Apache).
  • Requiere reinicios manuales frecuentes.
  • Configurar múltiples versiones de PHP es complicado.
  • No es portable (necesita instalación).

🔎 Conclusión: Usa Laragon para desarrollo moderno y rápido (ej: Laravel). Elige XAMPP si prefieres una solución tradicional con más herramientas integradas.

Como puedes ver, cuenta con algunas diferencias. Sin embargo cada una es sencilla en su instalación. La experiencia, depende en ocasiones de nosotros los usuarios, no siempre del software en sí. Es decir, muchas veces depende de nuestras preferencias, no necesariamente de las versiones o de los paquetes mismos.

¿Quiénes son los candidatos para instalar XAMPP en su hosting?

Desarrolladores individuales y estudiantes; Pequeñas empresas; Entornos educativos

Otras alternativas en el mercado

Además de XAMPP, existen otras alternativas que los desarrolladores podrían descargar:

  • WampServer: Otra opción gratuita popular para Windows
  • MAMP: Disponible para macOS y Windows (con versiones gratuitas y de pago)
  • Docker: Una solución más avanzada para entornos de desarrollo containerizados
  • Vagrant: Para crear entornos de desarrollo virtualizados y reproducibles

Cada una tiene sus propias ventajas y desventajas. Puede ser que una sea más adecuada para tus proyectos que otra. Esto podrás valorarlo según tus necesidades, ya sea del proyecto o tuyas como desarrollador.

Finalmente

El cambio el que Laragon deja de ser gratuito representa un giro significativo en el ecosistema de herramientas de desarrollo local. Mientras algunos usuarios estarán dispuestos a pagar por las características premium, muchos otros buscarán alternativas gratuitas.

XAMPP, con su larga trayectoria y su compromiso continuo con el software libre, se posiciona como una opción sólida para desarrolladores que buscan una solución sin costo. Su facilidad de uso, estabilidad y amplia comunidad lo convierten en una alternativa viable para el desarrollo web.

La decisión entre mantener Laragon con su nuevo modelo de licenciamiento o migrar a XAMPP dependerá de las necesidades específicas de cada desarrollador, equipo o empresa, así como de la valoración que se haga de las características premium que ahora ofrece Laragon.

Nota

Este artículo se basa en información disponible hasta la fecha de publicación del mismo. Te recomendamos verificar la situación de licenciamiento de todas las herramientas mencionadas en sus sitios oficiales en fechas posteriores.

Otros de mis artículos

Pegar texto sin formato en google drive

XAMPP, Wamp Server, MAMP, Docker, Vagrant

Breve tutorial para crear una página web

Todo en la web comienza con HTML 🖥️

¿Sabías que todo lo que ves en una página web comienza con HTML?

Así es, todo en la web comienza con HTML. Cada elemento visual e interactivo que vemos desde el frontend y mediante los cuales nos comunicamos a través de internet tiene su origen en el HTML.

Pero, ¿qué es HTML?

Primero hablemos del principio de la web
🔍 La Web 1.0: Los humildes comienzos
Eran los primeros días de internet. Todo sitio web era un simple conjunto de documentos estáticos creados con HTML básico:

html en la web 1.0

Estos desarrollos funcionaban principalmente como «folletos digitales». Eran el equivalente de los fanzines hechos con copias fotostáticas y que se hacían por quienes deseaban compartir información en el tianguis del chopo. No había programación, solo maquetación, lenguaje de marcado y nada más.

Regresando a las páginas web, estas permitían mostrar información, pero la interacción era mínima sino nula. Los usuarios eran principalmente consumidores pasivos de contenido y nada más. Si tenías algo qué opinar o si tenías algo que compartir al respecto, todo quedaba en eso. En haber leído y nada más. Lo que compartieras tenía que ser con otros medios. Como un fanzine, pero nada que ver con lo que vendría después.

HTML, es un lenguaje de marcado. Sus siglas significan HyperText Markup Language, o lo que es lo mismo, Lenguaje de Marcado de Hiper Texto, por su traducción al español.

No es un lenguaje de programación, como muchos piensan, ya que no permite el uso de variables, no puede manejar operaciones matemáticas, mucho menos condiciones lógicas, entre otros detalles que no mencionaremos en este artículo.

💫 La revolución de la Web 2.0

Con la llegada de la Web 2.0, término acuñado por O´Really en 2004, el HTML evolucionó y todo desarrollo se complementó con tecnologías como CSS y JavaScript avanzados, transformando completamente nuestra experiencia online:

html en la web 2.0

Este cambio nos llevó de ser simples espectadores a creadores y participantes activos. Plataformas como Facebook, YouTube y Wikipedia surgieron gracias a esta evolución, permitiendo:

  • Interacción social y creación de comunidades
  • Contenido generado por usuarios
  • Aplicaciones web dinámicas e interactivas
  • Experiencias personalizadas

🤔 ¿Lo pensaste alguna vez?

Cada vez que publicas un estado, subes una foto o comentas en las redes sociales, estás interactuando con estructuras HTML, al mismo tiempo que usas otras tecnologías para crear la experiencia fluida que damos por sentada. Obviamente, trabajan en segundo plano, por lo cual las pasamos por alto y no nos enteramos de su existencia.

botón me gusta en facebook

Pero una vez que damos me gusta a una página, a un artículo o a un meme, las tecnologías que intervienen para que ese me gusta se guarde, son muchas:

  • HTML
  • CSS
  • JavaScript
  • React
  • Apache
  • MySQL
  • PHP
  • Memcached

He aquí la razón por la que todo en la web comienza con HTML

La lista anterior es un ejemplo y no necesariamente trabajan en Facebook, por el ejemplo del me gusta. Sin embargo pueden tener versiones propias con sus respectivos nombres que sirven para el ejemplo mencionado. Ahora bien, hay muchas más tecnologías en el backend que intervienen en el proceso.

Desde luego todo en la web comienza con HTML porque sin este último, nada podría integrarse para interactuar en la web. Podemos darnos una idea de lo anterior en la imagen dos, donde se integra una sección con la clase POST, propia de los formularios de contacto. Sí, es HTML, pero esta sección puede integrarse mediante PHP y todo lo que de esta necesidad deriva.

Aunque ahora tengamos interfaces visuales sofisticadas, asistentes de IA y experiencias inmersivas, todo sigue comenzando con HTML, el lenguaje que sentó las bases de la web tal como la conocemos.

💡 ¿Te gustaría aprender más sobre cómo el HTML ha evolucionado y cómo puedes usarlo para crear tus propios proyectos web? ¡Cuéntanos en los comentarios!

¿Cuál es la importancia de aprender html css javascript a pesar de la IA?

¿Te interesa crear tu propia página web?

La importancia de dominar HTML, CSS y JavaScript en la era de la IA

En la actualidad, es posible crear sitios web completos a partir de simples instrucciones escritas, lo que ha llevado a muchos a preguntarse: ¿vale la pena seguir aprendiendo HTML, CSS y JavaScript? A continuación, exploraremos por qué estos lenguajes siguen siendo fundamentales, incluso en un entorno digital cada vez más automatizado. Entonces, ¿cuál es la importancia de dominar HTML, CSS y JavaScript en la era de la IA?

La automatización en el desarrollo web

  • Las herramientas modernas han facilitado tareas como:
  • Generar sitios completos a partir de descripciones simples
  • Construir prototipos funcionales sin necesidad de codificar
  • Traducir diseños visuales en código estructurado
  • Proporcionar soluciones predefinidas a errores comunes
cual es la importancia de aprender html css javascript a pesar de la ia

Gracias a estos avances, más personas pueden construir su presencia en línea sin conocimientos técnicos. Sin embargo, esta accesibilidad también plantea nuevas preguntas sobre el papel de los desarrolladores con formación técnica.

Razones por las cuales debemos seguir aprendiendo a codificar

1. Dominio técnico y control total

Comprender cómo funciona realmente un sitio web ofrece grandes ventajas. Quienes conocen HTML, CSS y JavaScript pueden:

  • Adaptar cada detalle del sitio a necesidades específicas
  • Solucionar errores complejos que los sistemas automatizados no identifican
  • Optimizar el rendimiento con prácticas avanzadas
  • Asegurar la accesibilidad, garantizando una experiencia inclusiva

2. Las herramientas automatizadas tienen sus límites

A pesar de su utilidad, estas herramientas no lo hacen todo:

  • Interpretación limitada del contexto: Sea cual sea la Inteligencia Artificial, ninguna comprende a fondo los objetivos del proyecto
  • Lo anterior redunda en resultados inconsistentes ante necesidades complejas
  • Falta de originalidad: Al reproducir patrones existentes, cualquiera de sus «propuestas» carecen de innovación
  • Poca adaptación a requerimientos muy específicos o personalizados

3. Programar fortalece habilidades clave

Dominar estas tecnologías no solo es útil en lo práctico; también potencia habilidades cognitivas:

  • Pensamiento lógico y estructurado
  • Capacidad analítica para resolver problemas
  • Facilidad para aprender nuevas herramientas tecnológicas
  • Independencia digital, al reducir la dependencia de servicios externos

4. Adaptación profesional en un entorno cambiante

Hoy en día, el desarrollador moderno debe saber trabajar de la mano con la automatización:

  • Usar herramientas como apoyo, no como sustituto
  • Revisar y perfeccionar resultados automáticos
  • Aportar creatividad y criterio técnico
  • Especializarse en áreas donde la automatización no alcanza, como accesibilidad, experiencia de usuario o ajustes avanzados

Mirando hacia adelante

El desarrollo web del futuro no eliminará el papel de los programadores, sino que transformará su función:

  • Los especialistas técnicos se verán en la necesidad de estar mucho más preparados. Así que quienes no lo estén, indudablemente se irán quedando en el camino.
  • Profesionales que aumentan su productividad con herramientas automatizadas
  • Usuarios sin formación técnica que acceden a soluciones rápidas y funcionales

Este escenario híbrido está dando lugar a una nueva generación de desarrolladores capaces de unir lo mejor del conocimiento técnico con el poder de la automatización.

Todas las anteriores son las razones por las que debemos aprender programación web aun habiendo inteligencia artificial que pueda «hacerlo todo» por nosotros los humanos.

Entonces, ¿cuál es la importancia de aprender html, css y javascript a pesar de la ia?

Finalmente, la importancia de aprender html, css y javascript a pesar de la ia sigue siendo imprescindible y no como resistencia al cambio, sino como una manera de potenciar la capacidad que ofrece la IA. El desarrollador que domine estas tecnologías y sepa trabajar con estas herramientas estará siendo parte de la evolución natural del oficio: un profesional que combina comprensión técnica profunda con las ventajas de la automatización.

La pregunta correcta quizás no sea si deberíamos aprender estas tecnologías o depender exclusivamente de la IA, sino cómo integrar ambos enfoques para crear mejores experiencias digitales. En este sentido, el conocimiento técnico no es un obstáculo sino un potenciador que nos permite aprovechar al máximo las capacidades emergentes de la inteligencia artificial.

Quiero Ser Diseñador Web

Blog

Solución a pegar texto sin formato en Google Drive

¿Usas continuamente la suite ofimática de Google en el navegador Opera y no sabes porque la combinación de teclas ctrl + shift + v ha dejado de funcionar como es debido? ¿Te pasa que en ocasiones funciona y en otras no? Bueno, pues aquí te tengo la solución a pegar texto sin formato en Google Drive.

Bueno, pues resulta que en una de las actualizaciones de Opera, la combinación de teclas ctrl + shift + v está reservada para pegar el texto copiado en el portapapeles y hacer la búsqueda del mismo mediante el motor de búsqueda que tengas predeterminado. Entonces, al trabajar en Google Drive, el mismo conjunto de teclas rápidas, de pronto funciona y de pronto no. Bien, pues la solución a pegar texto sin formato en Google Drive es de lo más sencilla. Para ello, debes escribir en la barra de direcciones el siguiente texto:

opera://settings/keyboardShortcuts

Una vez lo hagas, podrás ver una ventana en la que se listan los atajos de teclado correspondientes a Opera.

Listado de atajos de teclado en el navegador Opera.

Una vez con la página de los atajos activa, hay que buscar el que necesitamos:

(Recuerda que para ver las imágenes en grande basta dar clic en ellas.)

Listado de atajos de teclado en el navegador Opera. en este caso, el que buscamos es el de Pegar e ir.

Si situamos el puntero del ratón junto al atajo activo, aparecerá la opción: Escribe un atajo, el número 1 en la imagen.

Debemos presionar las teclas que conformarán el nuevo Shortcut Key, tal cual si lo estuvieras utilizando.

Una vez lo hayas agregado, bastará con dar clic sobre las espantosa equis del atajo que no nos interesa, en este caso el número 2.
Con eso habremos finalizado. Así que esta es la Solución a pegar texto sin formato en Google Drive.

Si estás buscando algún otro consejo, sigue buscando en mi blog. Te dejo el enlace del artículo: Qué es el Big Data o Analítica de datos.

Qué es el Big Data o Analítica de datos

También me puedes visitar en Facebook:

Atrévete a crear tu sitio web con WordPress en Azure

Tu página web WordPress en Azure sin morir en el intento

Atrévete a crear un sitio web con WordPress en Azure, que es uno de los ejercicios para obtener la certificación AZ-900, aquí te decimos cómo puedes conseguirlo y no morir en el intento. Es un ejercicio sencillo, sobre todo para quien está familiarizado con la educación en línea o autodidacta. De hecho, quien estudia en línea se transforma, aunque no quiera, en autodidacta. Eso sí, en mayor o menor medida, eso depende de cada uno. Por lo mismo, para quienes ingresan a un curso como los de Innovacción, pero estudian de manera presencial, se les dificulta más que a quienes han estudiado de manera poco usual, hasta antes de la pandemia.

Por esa razón, he decidido crear tutoriales para concluir los ejercicios que solicitan, en este caso, el de Inteligencia Artificial. Entre las actividades que he llevado a cabo, la de profesor es una de ellas, así que estoy inmerso en lo que a educación se refiere. Estoy completamente abierto a cualquier sugerencia, así que, si no les gustan o sienten que algo les hace falta, no duden en contactarse dejando un mensaje en las respoectivas entradas o enviando un correo a: hola@ismael-ochoa.com o ismaelocrdz@gmail.com.

Mi sitio creado con WordPress en Azure, obviamente ha expirado, sin embargo, tengo un clon, porque no me gusta quedarme sin evidencia alguna de mi actividad. Para conocerlo, da clic aquí o en el enlace, abajo:

https://ismael-ochoa.com/viajero06726/

Comencemos con el tutorial

Atrévete a crear un sitio web con WordPress en AzurePara conseguir crear nuestro sitio WordPress en Azure, podemos hacerlo de dos maneras. La primera, descrita a continuación. si no deseas seguir el tutorial desde cero, ve al punto número 3.

Si lo sigues paso a paso, seguro que tendrás Tu página web WordPress en Azure sin morir en el intento.

  1. Para continuar, debemos dar clic en Examinar Todo. Una vez haya cargado la página del enlace anterior.
  2. Buscar y dar clic en el módulo Descripción de los componentes principales de la arquitectura de Azure. (Da clic sobre la imagen para verla en tamaño grande.)

Si deseas llegar directamente a la actividad, comienza desde este punto

3. Buscar la lista de actividades y dar clic en Ejercicio: Creación de un sitio web hospedado en Azure.

(Recuerda dar clic sobre la imagen para verla más grande)

Comencemos con el espacio aislado

Debemos dar clic y esperar hasta que se genere el mismo.

Una vez creado el espacio aislado, sólo contarás con dos hora para hacer la actividad. Así que cuando hayan transcurrido los ciento veinte minutos, la página se perderá. Por ello, apresúrate. Sigue el tutorial Atrévete a crear un sitio con WordPress en la Plataforma Azure, porque sólo contarás con ese tiempo para conseguirlo. Si algo sucede, puedes crear tantos espacios aislados como necesites, siempre y cuando no superes el límite por día.

Crea tu sitio WordPress en Azure sin morir en el intento

Sigue el tutorial paso a paso para que tengas Tu página web WordPress en Azure sin morir en el intento

Con este tutorial tendrás Tu página web WordPress en Azure sin morir en el intento.

Qué es el Big Data o Analítica de datos

¿Para qué sirve?

Para empezar, una aclaración: Big Data o Analítica de datos, son el mismo término. Es decir, se pueden emplear indistintamente.

Eso sí, yo emplearé Analítica de datos. Me rechocan los anglicismos, por mucho que me digan que son necesarios o, el peor de los argumentos, es lo de hoy.

Big Data o Analítica de datos, son el mismo término

Luego entonces, la Analítica de Datos, es un término que se emplea para referirnos al análisis, procesamiento, categorización y utilización de la información con la que se cuenta en una empresa. Esta puede ser referente a los procesos, los datos de sus usuarios, las tendencias en el mercado. De igual manera, para otra información que se tenga a disposición. Me atrevo a decir que es la informática en sí.

Recordemos que este último término se refiere a la automatización de la información en cualquiera de sus presentaciones. Es decir, almacenamiento, transmisión, procesamiento y cualquier cosa que se pueda hacer con la misma mediante las computadoras. La diferencia estriba en el fin que busca la empresa.

Como le digo a mis alumnos cuando les pregunto: ¿Qué es la información? Empiezan a buscar definiciones aquí y allá, aunque sólo uno que otro da con la respuesta, aunque no necesariamente la que está a continuación:

La información es poder

Por ello debemos tener cuidado con lo que subimos a nuestras redes sociales y a quiénes les damos acceso a todo ello. Si bien es cierto que no todo el que tiene poder hace mal uso del mismo, la realidad es que muchos de quienes quieren hacerle daño a alguien, al menos de manera virtual, comienza estalqueando el perfil del feis, por dar un ejemplo.

Retomando el tema que nos concierne, lo primero que debemos conocer es el tipo de datos con el que contamos. Se debe hacer una clasificación. Por ende, debemos contar con el mínimo detalle al respecto. Tipo de empresa, a qué se dedica, qué vende, cuántos productos comercializa, en fin; temporada de mayor venta, quiénes son sus clientes, profesión y género mayoritario de sus compradores… Debemos conocer todo a detalle.

Este conjunto nos facilitará cualquier fin que tenga la empresa a este respecto. Con este grupo de datos podemos elegir, sin temor a equivocarnos en qué lugar es mejor vender cada producto.

Las estrategias de mercado para llegar al cliente final. Podríamos seguir enlistando, pero sería un sinsentido, ya que sólo hablamos en términos generales. Es decir, no es el estudio de una marca o de las actividades empresariales de una organización X.

Analítica de datos en una institución

Pero, ¿cómo es que se usa la Analítica de datos en una institución?
Manejando al dedillo toda la información que se tenga recopilada. De ahí la importancia de concentrar todo lo que gira al rededor de la empresa. Vislumbrar desde un proceso que no está rindiendo los frutos esperados, hasta llegar a conocer el motivo por el cual un producto X no está teniendo los resultados esperados. Sería como el diagnóstico médico de un paciente.

¿Qué le duele, qué comió, cuándo fue la última vez que lo hizo, de qué color y de qué forma son sus evacuaciones? Bueno, algo así.

Si el médico desconoce síntomas y posibles desencadenantes de la reacción, ya sea alergenos, infecciones, en fin, no podrá hacer un buen diagnóstico. Menos dar un tratamiento efectivo para que el paciente recupere la salud.

¿Por qué está tan de moda el término? Bueno, gracias a la tecnología. Ahora cualquiera que tenga una cámara en sus manos se cree fotógrafo. Así como éste es uno de los contras de tanta tecnología y su fácil acceso a ella, también se ha favorecido el tratamiento de la información, así como su almacenamiento, intercambio y todo lo que se nos pueda ocurrir.

Un gran poder, conlleva una gran responsabilidad

Ahora ya no son necesarios grandes archiveros para guardar expedientes de ningún tipo. Lo de hoy, como dicen los que gustan de usar anglicismos por sentirse más wow!, son los servidores. Ya sea que se cuente con ellos o que se haga uso de la nube, para hacerse cargo de todos los datos de una empresa. No en balde la información se ha convertido en el activo de mayor valor para las empresas.

Si alguna de ellas, sobre todo instituciones bancarias y similares, quedan fuera de línea, están condenadas al fracaso. La competencia muchas veces de eso pide su limosna. Que falle su gran adversario para hacerse con la cartera de clientes del recién caído. Claro que para ello existen diversas estrategias que favorecen la permanencia de cualquiera que esté pagando por los servicios en la nube o cualquier otro. Quien presta este tipo de servicios tampoco se verá favorecido al ser conocido como el que dejó que a fulano o sutano se le cayera el changarro.

Como dijo el tío Ben

Y como dijo el tío Ben, un gran poder, conlleva una gran responsabilidad. Por ello es que las empresas buscan a toda costa blindar su información, es decir, mantener a salvo todos los datos con los que cuentan.

De alguna manera, los servicios basados en tecnología han favorecido que el zapatero se dedique a sus zapatos. Porque no es lo mismo un grupo de ingenieros en sistemas que trabajen únicamente en sistemas, que un grupo similar trabajando para un banco. Simple y sencillamente porque el banquero no está obligado a conocer del ramo. sin embargo, quien se dedico al cien por ciento a los sistemas computarizados debe conocer del tema. Aunque sea para contratar al mejor ingeniero disponible para hacer de su marca, La Marca.

Bueno, ahora pasemos a las empresas que hacen uso del llamado Big Data o Analítica de Datos.

Amazon

El gigante de las compras en línea, por ejemplo, se beneficia de la siguiente manera: cuando un cliente llama a su centro de atención, el operador ya tiene en pantalla todos los datos de su interlocutor. Con esto se ahorran el estar pidiendo al cliente datos para su identificación. Cosa que no hace IZZI, por ejemplo. Por muchos datos que des antes de que alguien con vida te conteste, ellos te preguntarán, otra vez, lo que sea que ya te hayan preguntado con anterioridad y muy probablemente te cuestionen por algo más.

Obviamente no sólo tienen tu nombre y dirección. También cuentan con los detalles de todas tus transacciones; los dispositivos desde los que te has conectado; las búsquedas que has hecho; bueno, de todo lo que hayas hecho en su plataforma y con lujo de detalles.

Netflix

¿Sabes lo que sería de esta plataforma si manejaran los datos de sus más de 100 millones de usuarios a nivel mundial mediante métodos que sólo podían usarse cuando las computadoras estaban en sus primeros años de vida? ¿Creen que podrían encontrar el registro de un usuario en específico entre un montón de archivos impresos o escritos en papel?

Obviamente la respuesta es no. Le busquen por donde le busquen. Además, serían necesarias al menos dos personas para atender al cliente. Uno que atiende la llamada y el otro buscando entre los cientos y cientos de hojas que conforman los hipotéticos registros. ¿Se imaginan?

¿Sabes dónde se guardan las imágenes de la pantalla de bloqueo de Windows 10?

Brackets: El mejor editor HTML css javascript

  1. Liviano, rápido y potente

¡No busques más!

 

Sin duda alguna, Brackets es el mejor editor HTML, css, javascript, entre otros. Es decirde el mejor editor de código para desarrollo web. Creado por la empresa Adobe Systems. Es bastante liviano, por lo mismo rápido y potente.

Brackets te permite trabajar con : C++, C, VBScript para Java, JavaScript, HTML, CSS, Python, Perl y Ruby. La lista completa suma un total de 38 distintos lenguajes de programación, lo que permite un amplio espectro de trabajo, sobre todo si no quieres  instalar dos o más editores en tu computadora.

Pertenece a la categoría de software gratuito y de código abierto. Por lo que si tienes idea para una mejora, puedes editar el código fuente para llevarla a cabo. Su licencia es del tipo MIT.

 

Pantalla Brackets
Brackets, el mejor editor de código fuente para desarrolladores

El mejor editor de código gratuito

Es el mejor de los editores de su tipo, además de ser gratuito, porque tiene un sin fin de extensiones, lo que nos permite potenciar y personalizar su funcionamiento, de tal manera que no encontraremos dos configuraciones iguales entre los distintos usuarios que lo prefieren.

Vista previa dinámica

Una de sus más destacables características, es la vista previa dinámica, la que nos permite ver los cambios en tiempo real en el navegador Google Chrome. Es una gran herramienta, ya que no es necesario guardar el archivo y abrirlo en el navegador para ir visualizando los cambios, los que además se reflejan en todo el sitio, no sólo en la página que originalmente se haya sincronizado, aunque para esto es necesario abrir el proyecto con Brackets y no sólo uno de los componentes de nuestro sitio.

Las mejores extensiones

A continuación, un listado de las extensiones que harán tu trabajo más sencillo.

Beautify

Te permite optimizar el código HTML, CSS y JavaScript más rápido de lo que te imaginas. Tan sencillo como seleccionar el código y oprimir el juego de teclas Ctrl + Alt + B

 

Autosave Files on Window Blur

Salva los cambios del archivo activo, cuando cambias de ventana o cuando pasas de un archivo a otro. ¡No pierdas un sólo cambio más!

 

Brackets Color Picker

xtensiones Extensions Brackets
Brackets, el mejor editor de código fuente para desarrolladores

Te permite agregar un color en específico, mediante una paleta que activas simplemente con la combinación de teclas Ctrl+Alt+K.

 

Brackets Icons

Agrega un ícono a cada uno de los tipos de archivos que soporta, para que puedas diferenciarlos entre sí, cuando varios de ellos estén abiertos.

Lorem Ipsum

Para que no batalles buscando textos para rellenar tus sitios muestra, con esta extensión podrás agregar tantos párrafos Lorem Ipsum como necesites, de una manera tan sencilla que no la podrás creer: Ctrl + Shift + L

 

Emmet

Para escribir código con base en abreviaciones. Eso sí, deberás aprenderte las mismas.

Por ejemplo:

Escribiendo la siguiente línea:

#page>div.logo+ul#navigation>li*5>a{Item $}

Puedes obtener lo siguiente:

xtensiones Extensions Brackets
Brackets, el mejor editor de código fuente para desarrolladores

Así, podrás ahorrarte horas de codificación.

https://docs.emmet.io/cheat-sheet/

 

Custom Work

Nature

 

Overscroll

 

Skullomania

xtensiones Extensions Brackets
Brackets, el mejor editor de código fuente para desarrolladores

 

http://brackets.io

 

Ruta de las Imágenes de la Pantalla De Bloqueo Windows 10

¿Alguna vez te has preguntado dónde es que se guardan las imágenes de la pantalla de bloqueo de Windows 10?

Si eres amante de las imágenes para fondo de escritorio y alguna vez viste una foto que te fascinó en la pantalla de bloqueo de Windows 10 y quieres saber cómo guardarla en tu colección, has llegado al lugar indicado. Porque seguro que te has preguntado:

¿Dónde se guardan las imágenes de la pantalla de bloqueo de Windows 10?

Bien, porque aquí te tenemos la respuesta.

En ocasiones resulta tan sencillo como dar clic en la opción  ¿Te gusta lo que ve?, ya que, tras iniciar sesión, Bing te ofrecerá cientos de imágenes relacionadas con el sitio, una de las cuales será la que tanto te ha llamado la atención, pero otras veces no es así. Lamentablemente, la mayoría de veces no es así.

Es un proceso relativamente sencillos, sobre todo si seguimos los pasos a continuación.

Para ello, debemos activar la opción de Mostrar archivos, carpetas y  unidades ocultos.

Como siempre, te dejamos las imágenes que te guiarán paso a paso:

(Da clic en cada imagen para que la veas a buen tamaño)

menu vista opciones

Guardado imagen pantalla bloqueo Windows 10

Guardado imagen pantalla bloqueo Windows 10

Una vez hemos seguido los pasos anteriormente citados, debemos ir a la carpeta donde se almacenan las imágenes:

La ruta es la siguiente:

C:\Users\NombreDeUsurio\AppData\Local\Packages\Microsoft.Windows.ContentDeliveryManager_cw5n1h2txyewy\LocalState\Assets

NombreDeUsurio, deberá ser sustituido por tu nombre de usuario en Windows.

Una vez ahí, verás un listado de archivos, sin extensión. Como si los archivos fueran de cualquier cosa, menos imágenes.

Guardado imagen pantalla bloqueo Windows 10

http://ismael-ochoa.com/webpage/brackets-editor-codigo-desarrolladores

Guardado de la imagen de la pantalla de bloqueo de Windows 10

Copia y pega las imágenes de la carpeta en la que se guardan las imágenes de la pantalla de bloqueo en una carpeta en el escritorio. O donde prefieras, siempre y cuando puedas encontrarlas sin problema.

Cuando las tengas en una carpeta, tendrás que renombrarlas, sólo si quieres quitarles el nombre largo que tienen y ponerles la extensión jpg. Esto último no es opcional, pues para verlas, deben contar con dicha extensión.

Para ello, abre una ventana de Windows PowerShell, dando clic derecho sobre el ícono de inicio, en la barra de tareas. En el logo de Windows, pues.

Guardado imagen pantalla bloqueo Windows 10

Indispensable que seas administrador

Es indispensable que seas administrador del equipo, de otra manera no podrás seguir los siguientes pasos. No te preocupes, no te quedará más remedio que poner la extensión a mano, pero podrás conseguir que se vean las imágenes.

Si eres administrador, adelante con los siguientes pasos:

Una vez en PowerShell, deberás encontrar la ruta de tus imágenes.

Supongamos que creaste una carpeta en el escritorio llamada Images. La ruta será la siguiente:

C:\Users\NombreDeUsurio\Desktop\Images

Recuerda que NombreDeUsurio, deberá ser sustituido por tu nombre de usuario en Windows.

Para ello, en PowerShell, deberás teclear los siguiente «cd..» OJO (sin comillas) OJO, hasta que lleguemos a la raíz de «c». Es decir, en la consola debemos ver PS c:\>

Posteriormente, teclear:  «cd Users»

PS c:\Users >

Teclear ahora: «cd NombreDeUsurio»

PS c:\Users \NombreDeUsurio>

Será momento de teclear: «cd Desktop»

PS c:\Users \NombreDeUsurio\Desktop>

Por último, escribir «cd Images»

PS c:\Users \NombreDeUsurio\Desktop\Images>

Una vez aquí, tendremos el listado de imágenes sin extensión, otra vez.

Así la veremos en la consola y en la columna Name:

Guardado imagen pantalla bloqueo Windows 10

Ahora agregaremos la extensión de los archivos. Para ello, teclearemos
«dir | rename-item -newname {$_.Name +».jpg» }»

OJO (sin comillas) OJO

Una vez los nombres terminen con . jpg, procederemos a ponerles un nombre corto con número consecutivo:

«dir *.jpg | ForEach-Object -begin { $count=1 } -process { rename-item $_ -NewName «image$count.jpg»; $count++ }»

OJO (sin comillas) OJO

Y listo, todas las imágenes tendrán su extensión y un nombre corto.

Ahora sí, podrás tener la imagen que tanto te gustó lista para ser fondo de pantalla.

Sígueme en  Facebook Ismael Ochoa