Fundamentos de Desarrollo Web

FUNDAMENTOS
DE DESARROLLO
WEB
NESTOR PLASENCIA
ESPECIALISTA EN NUEVAS
TECNOLOGÍAS -
INTERBANK
!HOLA!
AGENDA
● ¿PORQUÉ APRENDER
DESARROLLO WEB?
¿CÓMO CREAR UNA

WEB?
¿DÓNDE ESTUDIAR
DESARROLLO WEB?
¿PORQUÉ
APRENDER
DESARROLL
O WEB?
CONTEXTO
COVID
CONTEXTO
CONTEXTO
CONTEXTO
REPORTE DE
LINKEDIN
EMERGING JOBS REPORT Emerging Jobs Report
https://business.linkedin.com/talent-solutions/emerging-jobs-report#view-report
EMERGING JOBS REPORT Trabajos en la industria tech
Trabajos propios de desarrollo de web
● Cybersecurity Specialist
● Cloud Engineer
● JavaScript Developer
EMERGING JOBS REPORT
● Salesforce Developer
● Full Stack Engineer
● Back End Developer
● DevOps Engineer
● Site Reliability Engineer
● Desarrollador de Python
● QA Engineer
Trabajos relacionados al desarrollo de web
Data
● Data Scientist
● Data Engineer
● Data Analytics
● Big Data Developer
Robotica & IA
● Artificial Intelligence
Specialist
● Robotics Engineer
Management
● Agile Coach
● Product Owner
● Scrum Master
Social Media
● Social media manager
● Asistente de redes sociales
Hunting
● Reclutador en tecnología de
la información.
Help Desk
● Especialista de Soporte de
mesa de Ayuda
SALARIOS
SALARIOS
Salarios en Latinoamérica
MEDIANA
TOP 25%
https://platzi.com/comunidad/que-pais- https://sg.com.mx/estudios/salarios/2020
latinoamericano-es-mejor-para-trabajar-como-
desarrollador-web/
SALARIOS
SALARIOS Promedio de salarios Global
https://insights.stackoverflow.com/survey/2019#salary
SALARIOS Promedio de salarios US
SALARIOS Trabajo Remoto
https://buffer.com/state-of-remote-work-2019
¿CÓMO
CREAR UNA
WEB?
DEFINICIONE
S
WEB PAGE Y WEBSITE WEB PAGE (PÁGINA WEB) vs WEBSITE (SITIO WEB)
WEBSITE
SERVIDOR SERVIDOR
SERVIDOR SERVIDORES CDN DE NETFLIX
CLIENTE CLIENTE
CLIENTE SERVIDOR CLIENTE - SERVIDOR
STATIC WEBSITE
JS
STATIC WEBSITE
STATIC WEBSITE STATIC WEBSITE
DATABASE DATABASE
DYNAMIC WEBSITE DYNAMIC WEBSITE
DYNAMIC WEBSITE DYNAMIC WEBSITE
WEB APPLICATION WEB APPLICATION
WEB APPLICATION WEB APPLICATION
TIPOS
TIPOS PÁGINA CORPORATIVA
TIPOS PORTAFOLIO
TIPOS BLOG
TIPOS ECOMMERCE
TIPOS MULTIMEDIA
TIPOS RED SOCIAL
TIPOS LMS
TIPOS
¿CÓMO
CREAR UNA
WEB?
¿CÓMO CREAR UNA WEB? FORMAS
CONCEPTOS
ASOCIADOS
CONCEPTOS ASOCIADOS NOMBRE DE DOMINIO
CONCEPTOS ASOCIADOS NOMBRE DE DOMINIO - ESTRUCTURA
CONCEPTOS ASOCIADOS NOMBRE DE DOMINIO - PRINCIPALES EXTENSIONES
CONCEPTOS ASOCIADOS NOMBRE DE DOMINIO - SELLERS
CONCEPTOS ASOCIADOS HOSTING
CONCEPTOS ASOCIADOS HOSTING - TIPOS
CONCEPTOS ASOCIADOS CORREOS CORPORATIVOS
@domain.co Almacenamiento
m
CONCEPTOS ASOCIADOS CERTIFICADO SSL
● Único: asegura un nombre de dominio o subdominio completo (FQDN).

● Comodín: cubre un nombre de dominio y un número ilimitado de sus
subdominios.
● Multidominio: asegura varios nombres de dominio.
CONCEPTOS ASOCIADOS SEO
WEBSITE
BUILDERs
WEBSITE BUILDERS
WEBSITE BUILDERS
Pros:
● Es muy fácil de usar.

● No necesita software adicional.
● Puede comenzar sin conocimientos técnicos.
● Las actualizaciones y los aspectos de seguridad son manejados por el
creador del sitio web.
● Plantillas de diseño predefinidas que puede adaptar a su gusto.
WEBSITE BUILDERS
Contras:
● No siempre puede agregar funciones adicionales (dependiendo del creador

del sitio web).
● No es tan flexible ya que depende del proveedor.
● No están diseñados para proyectos muy complicados que requieren una
base de datos (por ejemplo, un red social, un elearning, etc)
WEBSITE BUILDERS
WEBSITE BUILDERS
https://www.websitebuilderexpert.com/website-builders/comparisons/
WEBSITE BUILDERS
WORDPRESS
Y LOS CMS
CMS FEATURES
CMS FEATURES
Pros:
● Puedes elegir la empresa de hosting.

● Ideal para sitios web multilingües.
● Flexibilidad técnica: puede acceder a todo el código fuente (si sabe lo que
está haciendo).
● Puede obtener más funciones con complementos.
Contras:
● Sin soporte técnico personal.

● La libertad creativa depende de la plantilla.
● Puede tener costos adicionales para los complementos.
● Es posible que necesite un programador para realizar pequeños cambios
estéticos.
CMS
CMS WORDPRESS
CMS WORDPRESS
CMS DRUPAL
CMS JOOMLA
CMS ECOMMERCE
CREAR MI
PROPIA WEB
MI PROPIA WEB PROCESO
Pros:
● Las posibilidades son ilimitadas si sabes programar.

● Hosting económico.
● Máxima flexibilidad.
Contras:
● Sin soporte.
● La curva de aprendizaje es empinada.
● Los costos son difíciles de calcular.
MI PROPIA WEB
● Requiere mucho tiempo de estudio e implementación.

MI PROPIA WEB ROLES
MI PROPIA WEB ROLES CORPORATIVOS
Trabajos relacionados al desarrollo de web
Data
● Data Scientist
● Data Engineer
● Data Analytics
● Big Data Developer
Robotica & IA
● Artificial Intelligence
Specialist
● Robotics Engineer
Management
● Agile Coach
● Product Owner
● Scrum Master
Social Media
● Social media manager
● Asistente de redes sociales
Hunting
● Reclutador en tecnología de
la información.
Help Desk
● Especialista de Soporte de
mesa de Ayuda
MI PROPIA WEB - PLANNING PROCESO
MI PROPIA WEB - PLANNING UX RESEARCHER
MI PROPIA WEB - PLANNING DEFINICIÓN
MI PROPIA WEB - DESIGN PROCESO
MI PROPIA WEB - DESIGN UX & UI DESIGNER
MI PROPIA WEB - DESIGN DISEÑO ( BOCETO )
MI PROPIA WEB - DESIGN DISEÑO ( WIREFRAME )
MI PROPIA WEB - DESIGN DISEÑO ( MOCKUP )
MI PROPIA WEB - DESIGN DISEÑO ( PROTOTIPO )
MI PROPIA WEB - DESIGN DISEÑO ( PROTOTIPO )
MI PROPIA WEB - DEVELOPMENT PROCESO
¿CÓMO CREAR UNA WEB? FRONTEND + BACKEND
● Cloud Engineer
● DevOps Engineer
● QA Engineer
¿CÓMO CREAR UNA WEB? FRONTEND + BACKEND
MI PROPIA WEB - DEVELOPMENT FRONTEND + BACKEND
MI PROPIA WEB - DEVELOPMENT FRONTEND + BACKEND
MI PROPIA WEB - DEVELOPMENT ROLES FRONTEND
https://www.youtube.com/watch?v=N8mFHB7JDkw
MI PROPIA WEB - DEVELOPMENT MAQUETADOR WEB - UI DEVELOPER
MI PROPIA WEB - DEVELOPMENT MAQUETACIÓN
MI PROPIA WEB - DEVELOPMENT MAQUETACIÓN
MI PROPIA WEB - DEVELOPMENT FRONTEND DEVELOPER
● Traducir el diseño de un sitio a código HTML y CSS.

● Estructurar el contenido semánticamente
● Asegurar la accesibilidad
● Controlar tipografías, plantillas, formas del diseño y la interactividad.
● Programar, cambiar y mantener un sitio web.
● Adaptar el diseño de una web a diversos dispositivos y navegadores.
● Crear herramientas que mejoren la interacción entre usuario y web.
● Usar APIs para conectar la web con servicios y sistemas.
MI PROPIA WEB - DEVELOPMENT API REST
MI PROPIA WEB - DEVELOPMENT FRONTEND
¿CÓMO CREAR UNA WEB? BACKEND PARA WEB APP
MI PROPIA WEB - DEVELOPMENT BACKEND DEVELOPER
Un desarollador Backend es un programador que trabaja

del lado del servidor. Permitiendo que todo lo que vemos
cuando interactuamos con una aplicación o sitio web,
funcione. Dicho de una forma más informal, es el que
trabaja detrás del escenario, moviendo los hilos para que
todo salga bien.
MI PROPIA WEB - DEVELOPMENT Trabajos propios de desarrollo de web
● Cloud Engineer
● DevOps Engineer
● QA Engineer
MI PROPIA WEB - DEVELOPMENT Promedio de salarios US
MI PROPIA WEB - DEVELOPMENT BACKEND
MI PROPIA WEB - DEVELOPMENT ROLES BACKEND
https://www.youtube.com/watch?v=ZTsi1e-VJIU
MI PROPIA WEB - DEVELOPMENT BACKEND PROGRAMING LANGUAGE / FRAMEWORK
MI PROPIA WEB - DEVELOPMENT BACKEND PROGRAMING LANGUAGE / FRAMEWORK
● Cloud Engineer
● DevOps Engineer
● QA Engineer
MI PROPIA WEB - DEVELOPMENT WORDPRESS
¿CÓMO CREAR UNA WEB? WEB SERVER
¿CÓMO CREAR UNA WEB? SERVER
¿CÓMO CREAR UNA WEB? DATABASE
¿CÓMO CREAR UNA WEB? DATABASE
MI PROPIA WEB - DEVELOPMENT STACK
MI PROPIA WEB - DEVELOPMENT PROCESO
MI PROPIA WEB - DEVELOPMENT QA ENGINEER
Un ingeniero QA monitorea cada fase del proceso de

desarrollo de software y asegura que el diseño y el software
cumplan con los estándares de la compañía.
MI PROPIA WEB - DEVELOPMENT QA ENGINEER
● Cloud Engineer
● DevOps Engineer
● QA Engineer
MI PROPIA WEB - DEVELOPMENT Promedio de salarios US
MI PROPIA WEB - LAUNCH PROCESO
MI PROPIA WEB - LAUNCH CLOUD ENGINEER
Los arquitectos cloud son los responsables de administrar una

estructura cloud computing en una organización. Sus funciones abarcan
todo lo relacionado con servidores, plataformas, soluciones de
almacenamiento, conectividad y software, en función del modelo de
cloud elegido: público, privado o híbrido.
MI PROPIA WEB - LAUNCH DEVOPS ENGINEER
Un ingeniero de DevOps es un profesional de la tecnología que

entiende el ciclo de vida del desarrollo de software y puede usar
herramientas y procesos de ingeniería para resolver los desafíos de
las operaciones. El ingeniero debe equilibrar una serie de funciones
diferentes, incluidas la codificación, la integración y las pruebas, con
el objetivo de mejorar la colaboración y acelerar el proceso de
desarrollo.
MI PROPIA WEB - LAUNCH DEVOPS
● Cloud Engineer
MI PROPIA WEB - LAUNCH
● DevOps Engineer
● QA Engineer
MI PROPIA WEB - LAUNCH Promedio de salarios US
MI PROPIA WEB - SUPPORT PROCESO
MI PROPIA WEB - SUPPORT SITE RELIABILITY ENGINEER
Nuestro trabajo es una combinación que no se encuentra en ninguna otra parte

de la industria. Al igual que los grupos de operaciones tradicionales,
mantenemos en funcionamiento importantes sistemas críticos para los ingresos
a pesar de los huracanes, los cortes de ancho de banda y los errores de
configuración.
● Cloud Engineer
MI PROPIA WEB - LAUNCH
● DevOps Engineer
● QA Engineer
MI PROPIA WEB - LAUNCH Promedio de salarios US
¿DÓNDE
ESTUDIAR
DESARROLL
O WEB?
¿DONDE ESTUDIAR? FORMAS
https://sg.com.mx/estudios/salarios/2020
¿DONDE ESTUDIAR? PREPARATORIA/UNIVERSIDAD
¿DONDE ESTUDIAR? AUTODIDACTA
https://www.djangoproject.com/start/overview/
https://www.gatsbyjs.org/docs/quick-start/
¿DONDE ESTUDIAR? CURSOS ONLINE
¿DONDE ESTUDIAR? CURSOS ONLINE
https://www.youtube.com/playlist?
list=PLvwOIHDYVU2mbuxQUQdvWoFyJcyO3dLLe
¿DONDE ESTUDIAR? BOOTCAMPS
¿DONDE ESTUDIAR? BOOTCAMPS
¿DONDE ESTUDIAR? BOOTCAMPS INTERNACIONALES
GRACIAS
https://docs.google.com/presentation/d/1l
q5YUW4Re5Fu2jY83HtFL-mgCs8HvR-
M0azeAyg3FUA/edit?usp=sharing

Fundamentos de Desarrollo Web

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Fundamentos de Desarrollo Web

Cargado por

Copyright:

Formatos disponibles

FUNDAMENTOS

¿CÓMO CREAR UNA

● Único: asegura un nombre de dominio o subdominio completo (FQDN).

● Es muy fácil de usar.

● No siempre puede agregar funciones adicionales (dependiendo del creador

● Puedes elegir la empresa de hosting.

● Sin soporte técnico personal.

● Las posibilidades son ilimitadas si sabes programar.

● Requiere mucho tiempo de estudio e implementación.

● Traducir el diseño de un sitio a código HTML y CSS.

Un desarollador Backend es un programador que trabaja

Un ingeniero QA monitorea cada fase del proceso de

Los arquitectos cloud son los responsables de administrar una

Un ingeniero de DevOps es un profesional de la tecnología que

Nuestro trabajo es una combinación que no se encuentra en ninguna otra parte

También podría gustarte