Nunca ha existido un mejor momento para crear sitios web

Mi historia del origen del desarrollo web se remonta a hace unos 25 años.

En ese entonces pasé mis semanas jugando Red Alert, hasta el fin de semana cuando pude reservar 30 minutos de acceso a Internet en mi biblioteca local.

Andaría en bicicleta tomando un puñado de disquetes para descargar tantas páginas web e imágenes para llevarme a casa, estudiar el código y crear páginas web sin conexión con el Bloc de notas.

Fue un tiempo emocionante.

25 años después y estoy tan entusiasmado con la creación de sitios web como entonces. Parece que todavía estamos en la cima de esta ola.

Incluso en las últimas semanas hay puntos de inflexión genuinos en la forma en que hago sitios web. Algunas completamente nuevas, algunas reversiones a formas antiguas.

Si bien hay una curva de aprendizaje absoluta para comenzar, una vez que tienes impulso, el desarrollo web moderno se siente como tener impulsores de cohetes. La distancia entre la idea y la ejecución es más corta que nunca.

Hablando de aprendizaje, esa es la razón número uno por la que todavía estoy entusiasmado con la creación de sitios web.

Los materiales de aprendizaje son casi ilimitados

Nunca ha habido tantas formas de aprender tanto sobre desarrollo web.

No hace mucho, me convencí de no usar JavaScript, principalmente porque no sabía por dónde empezar a aprenderlo.

Ahora está a una búsqueda en Google o YouTube de aprender casi cualquier cosa, a menudo de forma gratuita.

Además de materiales de aprendizaje guiados por expertos, desde gratuitos hasta pagos. Y el espacio de tutoriales de pago tiene tantos instructores que la calidad del contenido es extremadamente alta.

Los frameworks se están elevando unos a otros

La estática fue una diversión divertida, pero volvemos a lo que funciona.

Si solo ha venido al desarrollo web en los últimos años, puede pensar que los procesos de compilación de minutos de duración son normales. Ellos no están. Son una cuasi-solución relativamente reciente para un problema relativamente antiguo: el mantenimiento y la seguridad del servidor es lo peor.

Entonces, en algún momento, todos aceptamos que si cada vez que necesitamos corregir un error tipográfico, está bien esperar ~ 10 minutos para destruir completamente y reconstruir el sitio web nuevamente como archivos estáticos en un alojamiento barato, valdría la pena.

Entra Remix.

La primera vez que veas que tu sitio web se actualiza instantáneamente porque hiciste un cambio en tu CMS, destrozará toda tu visión del mundo generado por el sitio estático.

Remix.run nos ofrece lo mejor de ambos mundos. Sigues escribiendo tu sitio predominantemente con JavaScript. Pero usando la “forma antigua” de renderizar HTML cuando llega una solicitud, ya sea sirviéndola desde un caché o desde el servidor, no precompilada en un proceso de compilación.

Existe un desarrollo web moderno, primero en JavaScript, antes de Remix y después de él. Este es un punto de inflexión.

¿Y sabes qué más? Next.js sigue siendo impresionante. Esta misma semana comencé un nuevo proyecto y todavía elegí Next.js debido a la profundidad del soporte y la madurez de la plataforma. Con Remix (y otros, hola SvelteKit) pisándole los talones, solo mejorará. La competencia es buena y todos ganamos.1comentarios

CSS es un problema resuelto

CSS se resuelve de manera efectiva.2comentarios

Tailwind CSS es lo mejor que le ha pasado a CSS. No puedo imaginarme escribir CSS en un archivo separado y tener que pensar en nombres para los elementos.1comentarios

También es un excelente recurso para principiantes. Sí, alguien con experiencia con CSS primero comprenderá más de Tailwind. Pero un principiante sin conocimientos de CSS podría comenzar más rápido, sin dejar de aprender gran parte de la sintaxis de CSS.

La creación de un nuevo patio de recreo con tailwind.new elimina la necesidad de colocar archivos, crear nombres de clases y repetirse.

(Nadie debería tener que escribir display: flex más de una vez en un proyecto)

También ayuda que intellisense sea asombroso. Estaba usando Tailwind antes y eso implicó muchos cambios entre la Documentación y el Código VS.

Tailwind the company es igualmente, si no más impresionante, que el framework en sí.

El volumen y la calidad de lo que lanza este pequeño equipo es fenomenal. Como es su visión, nunca se trató solo de clases de CSS. Tailwind CSS es un generador de tokens de sistema de diseño, el pináculo de la documentación de software, material educativo claro y una cadencia implacable de mejoras.

… ¡y obtienes todo eso por el costo de mantener un .css archivo!

Copiloto de GitHub

Esta podría ser la mayor revelación. He tenido acceso a la Beta desde julio, pero por alguna razón solo la acabo de instalar. ¡Es todo lo que todos dijeron que es!

Hay desarrollo web pre y post Copilot. Nuevamente, este es un punto de inflexión.

Aspectos destacados del uso de Copilot durante algunas semanas

• Describir una función en un comentario, luego hacer que la lógica de la función se sugiera con perfecta precisión.
• Haciendo lo anterior pero en realidad se ha sugerido algo incorrecto. Esto luego se convierte en una mini prueba de codificación para depurar la sugerencia. Por lo general, está cerca, por lo que no requiere mucho trabajo para continuar.
• Leer la lógica sugerida por Copilot para entender por qué ha sugerido lo que tiene. Copilot es maestro.
• Eso. Lo hace. Regex.
• Conoce GROQ y Sanity Schema

Copilot reemplaza la parte “Estoy atascado y necesito encontrar código en Stack Overflow” de su flujo de trabajo

La gestión de contenido es ilimitada

Hay algunos prejuicios importantes en juego aquí, pero cuando me encontré con Sanity finalmente encontré “el CMS que siempre había esperado que existiera”.

Usé WordPress durante más tiempo, pero solo una vez encontré Campos personalizados avanzados. Y mientras usé WordPress deseé que alguien simplemente hiciera “ACF CMS”.

Y eso es en parte Sanity, pero también mucho mejor.

Sanity no intenta ser un CMS, pero resulta ser el mejor CMS.

También es una plataforma de edición y almacenamiento de contenido componible, implementable, de esquema como código, casi infinitamente personalizable con un nivel gratuito increíblemente generoso y con baterías incluidas para casi todas las interacciones de edición típicas que necesitará. Para todo lo demás, probablemente haya un complemento.1comentarios

Y si hay algo que cree que todavía no puede hacer, es solo porque aún no ha dedicado suficiente tiempo a construirlo usted mismo. No hay nada que te detenga.

Tampoco te dejarán cuidando un servidor, ya que todo tu contenido está alojado en la nube.

Todo es positivo

Toda esta publicación de blog está escrita en parte porque si lees lo suficiente sobre desarrollo web en Twitter, es posible que te atraigan pensamientos como:

• ¿Me quedaré atrás porque aún no lo sé todo?
• ¿Debo crear un perfil en línea teniendo opiniones candentes sobre cada tema?
• ¿Está la persona equivocada x porque le gusta algo y ?
• ¿Debo usar let o const ?
• ¿Copilot aceptará mi trabajo?
• web3?

Ignora eso. Puedes elegir concentrarte en las cosas que te gustan.

Crear sitios web es fantástico. Siempre ha sido así y parece que lo seguirá siendo por un buen tiempo todavía.

Origen: Nunca ha habido un mejor momento para crear sitios web | simeonGriggs.dev