Fundamentos y ejemplos básicos

1. Fundamentos
de desarrollo
web.

2. Requerimientos
Editor de texto
Acceso a internet (opcional)
Entorno de desarrollo (para PHP)

3. Parte 1: HTML -
Estructura Básica
de una Página Web

4. Parte 1 - ¿Qué es HTML?
HTML (HyperText Markup Language)
es el lenguaje de marcado estándar
para crear y diseñar páginas web.
Define la estructura y el contenido de
la página mediante etiquetas.

5. Parte 1 - Etiquetas HTML
Las etiquetas HTML son
fundamentales para la
creación de páginas web, ya
que definen la estructura y el
contenido de estas.
HTML utiliza un conjunto de
etiquetas predefinidas que le
indican al navegador cómo
debe mostrar el contenido.

6. Parte 1 - Mi primera página web

7. Parte 2: CSS -
Hojas de estilos
para HTML

8. Parte 2 - ¿Qué es CSS?
CSS (Cascading Style Sheets) se
utiliza para controlar la presentación,
el formato y el diseño de las páginas
web escritas en HTML.
Permite modificar colores, fuentes,
espaciados, y más.

9. Parte 2 - Añadiendo estilos

10. Parte 2 - Incorporando estilos con HTML

11. Parte 3:
Dinamismo y
programación con
PHP

12. Parte 3 - ¿Qué es PHP?
PHP (Hypertext Preprocessor) es un
lenguaje de programación de uso
general que se adapta especialmente
al desarrollo web.
Se ejecuta en el servidor, generando
HTML y enviándolo al cliente.

13. Parte 3 - Incorporando PHP y HTML

14. Parte 4: Bases de
datos e interacción
con HTML + PHP

15. Parte 4 - ¿Qué son las bases de datos?
Las bases de datos son
fundamentales para el desarrollo web
ya que permiten almacenar, recuperar,
modificar y eliminar datos de manera
eficiente.
MySQL es uno de los sistemas de
gestión de bases de datos
relacionales más populares y se utiliza
comúnmente en conjunto con PHP
para desarrollar aplicaciones web
dinámicas.

16. Parte 4 - Creación de Base de datos
Crear una base de datos, tablas y hacer consultas básicas es una habilidad
fundamental en el desarrollo de software.
SQL es un lenguaje específico de dominio, diseñado para administrar, y
recuperar información de sistemas de gestión de bases de datos relacionales.

17. Parte 4 - Tablas en la base de datos
Para guardar datos, primero debes crear una tabla en la base de datos. Una
tabla es una estructura que define el esquema de datos que deseas almacenar.

18. Parte 4 - Consultas en una base de datos
La definición de una consulta en base
de datos es el método que se utiliza
para acceder a los datos
almacenados utilizando una serie de
condiciones o parámetros de
búsqueda.
Aunque también se hace referencia a
las consultas, cuando se realizan
acciones que permiten manipular los
datos (agregar, modificar o eliminar).

19. Parte 4 - Tablas en la base de datos
Una vez creada la tabla, se puede agregar datos utilizando la instrucción
INSERT

20. Parte 4 - Consultar datos
Para recuperar datos de la tabla, se puede utilizar la instrucción SELECT
En caso de que se desee recuperar todos los datos de la tabla, puedes utilizar
la siguiente consulta.

21. Parte 4 - Modificar datos
Para modificar los datos existentes en una tabla, utiliza la instrucción UPDATE
junto con la cláusula WHERE para especificar qué registros actualizar.

22. Parte 4 - Eliminar datos
Para eliminar registros de una tabla, utiliza la instrucción DELETE junto con la
cláusula WHERE para especificar qué registros eliminar.

23. Parte 4 - Conexión e interacción básica con PHP

24. Parte 5:
JavaScript

25. Parte 5 - ¿Qué es JavaScript?
JavaScript es un lenguaje de
programación que se usa
principalmente en el desarrollo web
para hacer que las páginas web sean
interactivas y dinámicas.
Es el lenguaje que le da vida a los
elementos en una página web,
permitiendo acciones como botones
clicables, animaciones, y actualización
de contenido sin necesidad de recargar
la página.

26. Parte 5 - Sintaxis

27. Parte 5 - Implementación con HTML

28. Gracias
Realizado por:
Emanuel Muñoz Santana
Victoria Gonzales bravo