- Ofrece una visión general de las tecnologías principales para crear sitios web y aplicaciones web usando solo un editor, el navegador y los estándares web (HTML/CSS/Javascript puro), sin usar herramientas de build ni frameworks
- Los temas que cubre son los siguientes:
- Components: usar Web Components como bloques fundamentales para crear primitivas de alto nivel con HTML, JavaScript y CSS puros, como alternativa al enfoque de componentes de frameworks como React o Vue
- Styling: aprovechar al máximo las capacidades del CSS moderno como reemplazo de la comodidad de CSS Modules, PostCSS y SASS
- Sites: crear proyectos web basados en web components y desplegarlos a producción sin herramientas de build, frameworks ni lógica del lado del servidor
- Applications: cómo construir aplicaciones web de una sola página con tecnología vanilla, cómo hacer routing y cómo manejar el estado
- Este tutorial está dirigido a personas que ya conocen HTML, CSS y JavaScript. Si apenas estás empezando a aprender desarrollo web, este sitio todavía no es adecuado para ti
¿Por qué hacerlo?
- Los frameworks modernos de desarrollo web permiten desarrollar rápidamente aplicaciones web ricas y bien estructuradas, pero esa riqueza de funciones tiene como costo la complejidad de los frameworks y las herramientas, y como resultado los proyectos requieren mantenimiento regular para seguir siendo seguros y estar actualizados
- El desarrollo web al estilo Plain Vanilla toma otra decisión: sacrifica la comodidad de corto plazo a cambio de beneficios de largo plazo como la simplicidad y, en la práctica, un mantenimiento casi nulo. Este enfoque es posible gracias al entorno moderno de navegadores, que ofrece un excelente soporte de estándares web
- No uses el enfoque Plain Vanilla hasta haber probado algunos frameworks populares de desarrollo web, entender por qué querrías prescindir de ellos y sentirte con confianza sobre cómo estructurar una base de código sin la ayuda de un framework
- Usa este enfoque si quieres conocer mejor las herramientas que ofrece el navegador o si quieres construir un sitio o una aplicación que no requiera mantenimiento, sea muy estable y esté pensada para el largo plazo. Al final, las técnicas descritas aquí dependen únicamente de los estándares web, y los estándares web perduran durante décadas
9 comentarios
Incluso hacer una app de mapas sencilla con vanilla hace que los archivos se vuelvan demasiado largos.
Si quieres usar este enfoque para crear un sitio o una aplicación que no requiera mantenimiento, sea muy estable y esté pensado para durar a largo plazo --> entonces parece que la respuesta ya está clarísima. ¿Por qué no hacer esto..?
Todos dicen que les da flojera jajaja
En la época en que la gente fumaba tabaco como tigres.... así lo escribíamos...
int main(int argc, char *argv) {
...
char url = getenv("QUERY_STRING");
...
printf("HTTP/1.0 200 OK");
..
blahblah...
...
}
Me acuerdo de cuando antes implementé un SPA con JavaScript vainilla... Como era totalmente principiante, no conocía
fetch, así que fui haciendo todo uno por uno con XHR...Dicen que al final del tuning, lo mejor es dejarlo de fábrica...
Las especificaciones tuneadas podrían terminar integrándose en las especificaciones de fábrica...
¡John Resig apareció en el episodio 800 de Syntax.fm! ^^