El documento presenta una charla sobre cómo construir aplicaciones web escalables y de alto rendimiento. Se discuten los diferentes enfoques para hospedar aplicaciones web, incluidos servidores dedicados, hosting compartido y computación en la nube. También se cubren temas como el front-end, back-end, bases de datos, balanceo de carga, almacenamiento en caché y CDN para mejorar el rendimiento y la escalabilidad. El objetivo es ayudar a los desarrolladores a comprender mejor las consideraciones técnicas para construir aplicaciones web sól

1. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
1

2. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
2

3. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
Newbie
2

4. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
Newbie
Ninja
2

5. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
AWS
Newbie Ninja
2

6. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
3
Lucas Ceballoslinkedin.com/in/lucas-ceballos
Headway
IT Director
Digital House
PHP & SQL Specialist
UTN
Ing. Sistemas

7. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
4
Web applications
under the hoodbullet proof architectures

8. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
5
+
bullet proof architectures
Disponibilidad Escalabilidad Performance
+ +
Costos

9. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
6
Full Stack

10. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
7

11. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
7
MySQLPHP
JavaScriptHTML

12. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
8
De newbie a ninja
Newbie Ninja
En 4 simples pasos

13. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
9
De newbie a ninjaEn 4 simples pasos

14. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
9
De newbie a ninja
Aprender HTML y JavaScript
En 4 simples pasos

15. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
9
De newbie a ninja
Aprender HTML y JavaScript
Aprender PHP
En 4 simples pasos

16. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
9
De newbie a ninja
Aprender HTML y JavaScript
Aprender PHP
Aprender SQL
En 4 simples pasos

17. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
9
De newbie a ninja
Aprender HTML y JavaScript
Aprender PHP
Aprender SQL
Desarrollar una Web App
En 4 simples pasos

18. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
10

19. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
10

20. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
11
¿y ahora qué?

21. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
12
MySQLPHP
JavaScriptHTML

22. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
12
MySQLPHP
JavaScriptHTML
Infraestructura

23. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
13
¿cómo hostear mi web app?

24. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
14
Hosting Timeline
Dedicated Server Shared Hosting Cloud Computing

25. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
15
Hace algunos años…

26. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
16
Dedicated Server

27. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
17
“Un servidor dedicado es un servidor físico que
se compra o se alquila únicamente para sus
necesidades comerciales. Los servidores
dedicados son perfectos para empresas
grandes, organizaciones que necesitan un nivel
excepcionalmente alto de seguridad de datos u
organizaciones que tienen una demanda
predecible y necesitan que todos sus
servidores estén disponibles las 24 horas del
día, 7 días a la semana, los 365 días del año.“

28. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
18
Será muy dificil y costoso
alcanzar un alto nivel de
disponibilidad.
La escalabilidad vertical
resulta casi imposible
mientras que la
escalabilidad horizontal
es muy costosa
La performance estará
limitada por las
capacidades del
hardware. Será constante
y previsible
Se puede rentar
mensualmente o adquirir
servidores a un costo muy
alto
Servidor Dedicado

29. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
19
Shared Hosting

30. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
20
El alojamiento compartido o alojamiento virtual,
en inglés Virtual hosting, es una de las
modalidades más utilizadas por las empresas
dedicadas al negocio del alojamiento web.
Dependiendo de los recursos disponibles,
permite tener una cantidad variable de dominios
y sitios web en una misma máquina.

31. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
21
La disponibilidad debe ser
garantizada por el proveedor.
Se firma un SLA inlcuyendo
una clausula de uptime.
Al no tener control sobre la
totalidad del servicio la
escalabilidad dependera
100% del proveedor.
La performance será
dinamica como
consecuencia de compartir
recursos con otros clientes
del proveedor.
El costo es muy bajo, se
suele pagar mensualmente
en funcion de ciertas
caracteristicas de
alojamiento.
Shared Hosting

32. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
22
Cloud Computing

33. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
23
Los servidores en la nube se pueden configurar
para ofrecer niveles de desempeño, seguridad y
control similares a los de un servidor dedicado.
Pero en vez de hospedarse en hardware físico
que está dedicado solo para usted, se alojan en
un ambiente "virtualizado" compartido que es
administrado por su proveedor de hospedaje en
la nube. Se beneficia de las economías de
escala de compartir el hardware con otros
clientes.

34. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
24

35. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
25
Se pueden obtener altisimos
niveles de disponibilidad con
un costo y esfuerzo
reducido.
Se dispone de una gran
flexibilidad a la hora de
escalar tanto horizotal como
verticalmente.
La performance dependera
del tipo de virtualizacion y el
tipo de “instancia” utilizada.
En algunos casos puede no
ser constante y previsible.
Se paga solo por lo que se
usa en modo “hourly basis”,
esto permite optimizar
muchisimo los costos.
Cloud Computing

36. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
26
Cloud Providers

37. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
26
Cloud Providers

38. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
27
Front End

39. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
28
HTML CSS JS
Front End

40. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
28
HTML CSS JS
Front End
CONTENIDO ESTATICO

41. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
29
HTTP

42. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
30
Minificar Mergear Comprimir
Contenido Estatico
+ +
Minificar el codigo nos
permitira reducir el tamaño de
los assets estaticos. De esta
forma se reducira la
transferencia necesaria con
los clientes.
Unificar muchos archivos del
mismo tipo en uno solo nos
permitira reducir la cantidad
de transacciones HTTP
iniciadas al momento de
cargar la web app.
Usar compresion nos
permitira reducir
considerablemente el peso de
los assets estaticos
favoreciendo la velocidad de
carga de la web app.

43. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
31
CDN

44. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
32
CDN

45. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
33
¿como lograrlo?
+
CloudFront S3

46. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
34
Back End

47. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
35
PHP NodeJS Python
Back End

48. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
35
PHP NodeJS Python
Back End
CONTENIDO DINAMICO

49. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
36
Cachear Balancear Escalar Dinamicamente
Back End
+ +
Usar Redis o Memcached
para evitar realizar lecturas
lentas y repetitivas en
motores de bases de datos.
En su lugar accederemos con
velocidades RAM
Balancear la carga entre
multiples servidores nos
permitira ofrecer mejores
tiempos de respuesta y
mayor disponibilidad.
Escalar dinamicamente la
capacidad de nuestra
infraestructura nos permitira
reducir costos
considerablemente, solo
pagamos por lo que usamos.

50. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
37
Balanceo de carga
Load Balancer

51. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
38
Escalar Dinamicamente
Load Balancer

52. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
38
Escalar Dinamicamente
Load Balancer

53. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
38
Escalar Dinamicamente
Load Balancer

54. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
39
¿como lograrlo?
+
ELBEC2
+
Elasticache

55. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
40
Base de datos

56. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
41
Snapshots Read Replicas Redundancia
Base de Datos
+ +
Tomar snapshots
programaticamente de los
discos asociados a las bases
de datos nos permitira
recuperarnos rapidamente
ante perdida de datos o
fallos.
Contar con servidores
“espejo” solo dedicados a
lectura nos permitira escalar
la velocidad de lecturas
dejando libre al servidor
maestro para realizar
operaciones de escritura.
Contar con mas de un
servidor de base de datos
conteniendo la misma
informacion nos dara
flexibilidad a la hora de
escalar y de recuperarnos
ante errores.

57. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
42
¿como lograrlo?
+
RDS EBS

58. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
43
www.headwaydigital.comlucas@headwaydigital.com
COMPANY NAME
1234 Long Beach
Los Angeles California
lucas-ceballos
We’re hiring!

59. Lucas Ceballos
Web Apps Under The Hood @ The FullStack Meetup
43
www.headwaydigital.comlucas@headwaydigital.com
COMPANY NAME
1234 Long Beach
Los Angeles California
Gracias!Q&A
lucas-ceballos
We’re hiring!