¿Que aprender primero para desarrollo web?

Hoy nos toca hablar sobre qué hay dentro del mundo del desarrollo web y vamos a ver las categorías de cosas que debemos de aprender para poder ser desarrolladores, es decir el Roadmap de un/a web developer.

Comento que voy a decir definiciones sencillas sin meterme en tecnicismos, este pequeño post y vídeos están destinados a comprender los básicos de la programación web de forma sencilla.

Categorizando sobre desarrollo web

Cuando hablo de categorizar, estoy hablando sobre definir qué es un lenguaje, qué es un preprocesador… Los fundamentos básicos para poder comprender qué debemos de estudiar y cómo para saber qué tipo de desarrolladores somos.

Lenguajes

¿Qué es un lenguaje de programación web?

Un lenguaje dentro del desarrollo web es un idioma. Tiene su propia sintaxis, su propio entorno de trabajo y sus reglas.

¿Cuál es el lenguaje de programación para crear páginas web?

HTML, CSS y habitualmente Javascript.

¿Cuál es el mejor lenguaje de programación de páginas web?

No existe uno mejor, cada proyecto demanda un lenguaje diferente.

¿Cuántos y cuáles lenguajes existen para crear o administrar una página web?

Hay muchos lenguajes. Recomiendo consultar el artículo donde se definen los más habituales.

Preprocesadores

¿Qué es un preprocesador?

Un lenguaje que se convierte en otro. Por ejemplo: SASS a CSS, PUG a HTML, TypeScript a Javascript.

¿Cómo funcionan los preprocesadores?

Se usan mediante terminal o aplicaciones como Prepros o CodeKit.

¿Cuál es el mejor preprocesador para CSS?

No hay uno mejor. Depende del equipo y el proyecto. Ej: SASS o LESS.

Caso Typescript

No es un preprocesador como tal. Se considera un superconjunto de Javascript que se transpila a JS.

Librerías

¿Qué es una librería en programación web?

Conjunto de código ya creado que nos ayuda a programar más rápido y de forma más compatible.

Frameworks

¿Qué es un framework web?

Una estructura organizada de código con su propia sintaxis y estructura de carpetas.

¿Qué características tiene un framework de desarrollo o diseño web?

Define reglas de código y organización para estandarizar el trabajo en equipo.

¿Qué se puede hacer con un framework?

Desde aplicaciones móviles hasta interfaces web completas.

Aplicaciones

Nos referimos a las aplicaciones instaladas en el ordenador para programar día a día.

¿Qué aplicaciones se usan en programación web?

Visual Studio Code, Cyberduck, Filezilla, Postman, la terminal…

¿Un editor de texto?

Programa sencillo para escribir en un lenguaje.

¿Qué es un IDE?

Conjunto de herramientas para desarrollo en una sola aplicación.

Tecnologías web

Herramientas que usamos en el proceso de desarrollo, muchas veces ejecutadas desde la terminal.

También engloba lenguajes, frameworks y librerías.

CMS

¿Qué es un CMS?

Editor de contenidos. Permite gestionar información sin programar.

¿Cuál es el CMS más usado?

WordPress en PHP. En React: Strapi.

¿Qué es un CRUD?

Un CMS programado manualmente.

Stack

Conjunto de lenguajes y herramientas necesarias para un proyecto.

MEAN Stack: Angular
MERN Stack: React
MEVN Stack: VueJS

¿Qué es JAM Stack?

JAM Stack usa Javascript, Markdown y APIs.

Resumen, más contenido y mención al podcast de Desarrollo Web de Eduardo Fierro.

No olvides:

¡Un saludo cruck!