DE 0 A DESPLEGAR TU WEBAPP

DE 0 A DESPLEGAR TU PRIMERA WEBAPP

En este curso podrás aprender desde las bases de la programación web hasta el conocimiento necesario para tener tu aplicación desplegada en la web.

INTRO

WEBAPP

SEPARACIÓN F/B

FRONTEND DEV

BACKEND DEV

FULLSTACK

HTTP

BASES DE DATOS

PROD

A PROGRAMAR

¿Y Después?

FIN

index

Introducción

01

¿Cómo funcionan?

¿Qué es una WebApp?

02

aplicación software alojada en un servidor remoto a la cual podemos acceder mediante un buscador web.

• Diferenciar una WebApp de una normal
  
• WebApp o Aplicación de escritorio
• ventajas de cada una
  

03

¿Separación del Frontend y Backend?

• Estructura de la página
• Estilos, animaciones, Responsive
• Botones, Carruseles, formularios
• Recepción de datos mediante APIs
• Accesibilidad
• ...

Frontend

Backend

• Base de datos, Lógica, Triggers
• Gestión y creación de APIs
• Seguridad, Rendimiento
• ...

Hoy en día reina la especialización, el desarrollo web es mucho más amplio de lo que parece, y tener profesionales muy buenos sobre todas las áreas, es muy complicado, si no imposible. También evitamos malas prácticas evitando usar los datos privados desde el Frontend que es lo que maneja el usuario, por lo que además ganamos seguridad (SQL-Injection).

¿Qué implica ser Frontend Dev?

04

01

hOY EN DÍA

• Recibir y enviar información al Backend (Protocolo HTTP)
• Formularios
• Parsear datos
• Preprocesadores CSS (SASS)
• Modularización en componentes
• Rendimiento
• Programación (webs dinámicas)
• Accesibilidad

02

¿QUÉ NECESITA SABER?

• Frameworks
  
• buenas prácticas
• Clean code
• Clean architecture
• metodologías de desarrollo TDD, BDD, DDD
• Fundamentos de la web
• Posicionamiento SEO
• control de versiones como git, Github
  

03

¿CÓMO TRABAJA?

01

02

03

• Diseñador UX
• Maquetador
• Desarrollador

¿Qué Implica ser backend dev?

05

01

ESCALABILIDAD

• Arquitectura del Software.
• Patrones de diseño.
• Código limpio.
• TEST, TESTS, TESTS.
  

• Facilidad para ampliar el producto.
• Desacomplamiento en la medida de lo posible.
• *Cloud, IoD (Infra on Demand)*.
  

02

DATA

• Minimizar la redundancia.
• Eliminar la inconsistencia.
• Minimizar cualquier tipo de pérdida de datos.

01

02

0

03

SEGURIDAD

• Middlewares de authenticación.
• Encriptación.
• Protección de datos.
  

03

FULLSTACK === ¿TOdo en uno?

06

Si quieres ir rápido ve solo, si quieres llegar lejos ve acompañado

Quien mucho abarca poco aprieta.

HTTP, eL whatsapp de las webApps

07

FRONTEND

BACKEND

PROCESS REQUEST

PROCESS RESPONSE

PARAMS

MÉTODOS

BODY

DATA

STATUS

HEADERS

Bases de datos

08

RELACIONALES

NO RELACIONALES

1. Mayor facilidad para establecer relaciones entre entidades.

2. Organización de tabla de excel.

3. Robustez, consistencia.

mySQL, MariaDB, PostgreSQL

1. Mayor rendimiento en operaciones CRUD.

2. Documentos individuales.

3. Adaptabilidad.

MongoDB, Redis, Elasticsearch

• Facilidad de USO
• Integraciones con FRAMEWORKS
• MAYOR ROBUSTEZ
  

• Más FIELES A LA BASE DE DATOS
• MAYOR RENDIMIENTO EN OPERACIONES BÁSICAS

ORM, ODM

DRIVERS NATIVOS

DOCKER, DESPLIEGUE, PRODUCCIón

09

EN MI ORDENADOR FUNCIONABA...

• Virtualización de aplicaciónes
• No tener la necesidad de tener las bases de datos corriendo en segundo plano.
• Robustez, consistencia.
  

DESPLEGAR, PRODUCIón, EL MUNDO REAL

• Automatización
• PaaS, IaaS
• Problemas del Mundo Real
  

Despliegua tus aplicaciones free

Arquitecturas

Buenas prácticas

Patrones de diseño

roadmap.sh/frontend

Otras tecnologías

roadmap.sh/backend

Aula de Software Libre