Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

Clase 1 y 2

Descargar como pdf o txt
Descargar como pdf o txt
Está en la página 1de 17

Bootcamp

Desarrollo Web Full Stack


Nivel básico
Karen Dayana Nieto Morales
22 y 26 de Marzo 2024
Tabla de contenidos
1 Introducción al Desarrollo Web.

2 Conceptos de HTML5

3 Estructura de una página


HTML5
Durante este bootcamp, se sumergirán en los fundamentos
del desarrollo web, aprendiendo

HTML5 JavaScript
Aprenderán a
CSS
estructurar páginas Descubrirán cómo
Se sumergirán en la
web y aplicar estilizar y diseñar
sitios web para programación del lado
contenido semántico.
hacerlos visualmente del cliente para hacer
sitios web interactivos.
atractivos.
GIT
Aprenderán a
versionar su código
y colaborar con
otros
desarrolladores.

NODE.JS
Explorarán el
desarrollo del lado
del servidor para
construir
aplicaciones web
completas.
Normas de los
encuentros

✓ Activar las cámaras.

✓ Mantener el micrófono en silencio


mientras no esté participando.

✓ Pedir la palabra.

✓ Respetar las opiniones del compañero.

✓ mantener un trato cordial en el grupo.

✓ Ingresar desde la plataforma para


registrar asistencia
INTRODUCCIÓN AL
DESARROLLO WEB

El desarrollo web es un término amplio que engloba


todas las actividades relacionadas con la creación de
sitios web. Desde la codificación y la programación,
hasta el diseño de la interfaz de usuario y la
optimización para motores de búsqueda.

Veamos el ejemplo de Google.


Tipos de
desarrollo web

1. Desarrollo
Frontend 3. Desarrollo Full
2. Desarrollo Stack:
Backend:
Herramientas y
tecnología en desarrollo
web
❑ HTML: Es el lenguaje de marcado estándar para
crear páginas web. Define la estructura y el
contenido de una página web.
❑ CSS: Es un lenguaje de hojas de estilo que se
utiliza para describir la apariencia de un
documento HTML.
❑ JavaScript: Es un lenguaje de programación que
se utiliza para hacer que las páginas web sean
interactivas.
❑ Git: Es un sistema de control de versiones que
permite a los desarrolladores colaborar en
proyectos y mantener un historial de cambios.
❑ Node.js: Es un entorno de ejecución de JavaScript
que permite a los desarrolladores construir
aplicaciones de servidor en JavaScript.
Actividad 1
(7 MINUTOS)

Consulta y argumenta.

¿HTML es un ¿Qué ventajas y


lenguaje de desventajas
programación? tenemos de
HTML 5 vs HTML
4?
Nota

HTML, que significa "HyperText Markup


Language" en inglés, es un lenguaje de
marcado utilizado para crear y estructurar
páginas web. Aunque a menudo se confunde
con un lenguaje de programación, HTML en
realidad es un lenguaje de marcado que se
utiliza para definir la estructura y el contenido
de una página web mediante etiquetas y
elementos. Mientras que los lenguajes de
programación como JavaScript, Python o Java
se utilizan para crear aplicaciones y realizar
operaciones más complejas, HTML se centra en
la presentación y estructura de la información
en una página web.
INTRODUCCIÓN A
HTML5

INTRODUCCIÓN A HTML5

HTML5 es la quinta versión del Lenguaje de


Marcado de Hipertexto (HTML), el código que
describe la estructura web. Esta versión
introduce nuevas características y elementos
que permiten a los desarrolladores crear sitios
web y aplicaciones más ricas y accesibles.
Herramientas y
tecnología en desarrollo
web
Un documento HTML5 tiene una estructura
específica que incluye doctype, elementos de cabeza
y cuerpo.
```html
<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
</head>
<body>
Contenido de la página...
</body>
</html>
Manos a la obra

✓ HOLA MUNDO

✓ Título

✓ Subrayado

✓ Cursiva

✓ Hipervínculos

✓ Instalar VS Code
ACTIVIDAD 2

1. ¿Qué es HTML5?
a) Un lenguaje de programación.
b) Un lenguaje de marcado para estructurar y
presentar contenido en la web.
c) Un sistema de gestión de bases de datos.
2. ¿Cuál es la función del elemento <header> en
HTML5?
a) Representa un contenedor de introducción o un
conjunto de elementos de navegación
b) Define un pie de página para un documento o
una sección
c) Especifica el contenido principal de un
documento
3. ¿Qué es un desarrollador Full Stack?
a) Un desarrollador que solo trabaja en el
frontend de una aplicación.
b) Un desarrollador que solo trabaja en el
backend de una aplicación.
c) Un desarrollador que puede trabajar tanto
en el frontend como en el backend de una
aplicación
4. ¿Cuál de los siguientes NO es un
lenguaje de programación o tecnología que
se enseñará en el bootcamp de desarrollo
web full stack?
a) HTML 5 d) JavaScript
b) CSS e) Git
c) Python f) Node.js
Crea tu primer

HOLA MUNDO

Comparte Agrega a tu
pantalla y HOLA MUNDO
muéstranos tu LAS ETIQUETAS
HOLA MUNDO

También podría gustarte