DESARROLLO WEB (Web Development) – Curso práctico de formación

Hoy día muchos framework y herramientas de programación son exageradamente complicados para los profesionales sin los suficientes conocimientos técnicos. Con la ayuda de este libro, cualquier persona con ganas de iniciarse en el mundo de la programación web podrá construir proyectos modernos de una manera fácil, rápida y amena.

Los numerosos ejemplos y ejercicios propuestos (todos ellos compuestos de enunciado, problema y solución con código listo para ser ejecutado en la computadora) representan un desafío gradual que permite al lector aprender a través de la práctica.

Una vez finalizada la lectura del libro, cualquier usuario con conocimientos básicos habrá alcanzado el nivel suficiente para desarrollar proyectos profesionales avanzados.

ÍNDICE

PREFACIO ………………………………………………………………………………………………… IX

CAPÍTULO 1: INTRODUCCIÓN ………………………………………………………………………. 1

Lo que debes saber …………………………………………………………………………………….. 1

CAPÍTULO 2: ASPECTOS FUNDAMENTALES …………………………………………………….. 5

Conceptos …………………………………………………………………………………………………. 5

Desde el principio ………………………………………………………………………………………. 7

Cómo funciona internet ………………………………………………………………………………. 8

Protocolo ………………………………………………………………………………………………….. 9

Áreas en el desarrollo web …………………………………………………………………………. 10

Frontend ……………………………………………………………………………………………….. 11

Backend ………………………………………………………………………………………………… 11

Fullstack ………………………………………………………………………………………………… 12

El navegador web ……………………………………………………………………………………… 12

DOM …………………………………………………………………………………………………….. 12

CSSOM ………………………………………………………………………………………………….. 14

Estructura de contenido web ……………………………………………………………………… 15

Elementos HTML ……………………………………………………………………………………. 15

Estructura básica ……………………………………………………………………………………. 16

Dentro del body ……………………………………………………………………………………… 17

Control del texto …………………………………………………………………………………….. 18

Otros elementos …………………………………………………………………………………….. 21

Descubriendo HTML ………………………………………………………………………………….. 22

HTML y JavaScript …………………………………………………………………………………… 22

HTML y CSS ……………………………………………………………………………………………. 23

HTML y framework CSS …………………………………………………………………………… 25

Codificación de un documento web …………………………………………………………….. 26

CAPÍTULO 3: CONTENIDO Y DISEÑO ……………………………………………………………. 29

Bases frontend …………………………………………………………………………………………. 29

Principios técnicos…………………………………………………………………………………….. 30

HTML ……………………………………………………………………………………………………. 31

Doctype ………………………………………………………………………………………………. 32

HTML ………………………………………………………………………………………………….. 32

Head y body ………………………………………………………………………………………… 32

Dentro de head ……………………………………………………………………………………. 33

Dentro de body ……………………………………………………………………………………. 34

CSS ……………………………………………………………………………………………………….. 36

Introducción técnica …………………………………………………………………………….. 37

Proyectos CSS ………………………………………………………………………………………. 42

Funciones CSS ………………………………………………………………………………………….. 47

Rotate …………………………………………………………………………………………………… 47

Blur ………………………………………………………………………………………………………. 48

Gris y opacidad ………………………………………………………………………………………. 48

Construcción de filtros …………………………………………………………………………….. 49

Gradientes …………………………………………………………………………………………….. 50

Diseño con enfoque a filas …………………………………………………………………………. 50

Proyectos CSS con Flexbox ………………………………………………………………………. 51

Notificaciones ……………………………………………………………………………………… 52

Formulario de username ……………………………………………………………………….. 53

Buscador …………………………………………………………………………………………….. 54

Guía Flexbox ………………………………………………………………………………………….. 56

Elementos contenedores ………………………………………………………………………. 56

Elementos hijos ……………………………………………………………………………………. 57

Diseño con enfoque a cuadrículas ………………………………………………………………. 58

Guía Grid ……………………………………………………………………………………………….. 58

Elementos contenedores ………………………………………………………………………. 59

Elementos hijos ……………………………………………………………………………………. 61

Proyectos CSS con Grid ……………………………………………………………………………. 61

CAPÍTULO 4: INTRODUCCIÓN A LA PROGRAMACIÓN ……………………………………… 65

JavaScript ………………………………………………………………………………………………… 65

Sintaxis ……………………………………………………………………………………………………. 66

Variables ……………………………………………………………………………………………….. 68

Otros elementos …………………………………………………………………………………….. 70

Texto ………………………………………………………………………………………………….. 70

Comentarios ………………………………………………………………………………………… 72

Operadores …………………………………………………………………………………………. 72

Palabras reservadas ……………………………………………………………………………… 73

Estructuras fundamentales ………………………………………………………………………… 73

Decisión ………………………………………………………………………………………………… 73

Else ………………………………………………………………………………………………………. 74

While ……………………………………………………………………………………………………. 75

For ……………………………………………………………………………………………………….. 76

Arrays …………………………………………………………………………………………………… 76

Funciones ……………………………………………………………………………………………… 77

Objetos …………………………………………………………………………………………………. 78

Proyectos en JavaScript …………………………………………………………………………….. 79

Lista dinámica ………………………………………………………………………………………… 79

Cuenta regresiva …………………………………………………………………………………….. 82

Crear un botón ………………………………………………………………………………………. 84

Reproductor de vídeo ……………………………………………………………………………… 85

Solo HTML …………………………………………………………………………………………… 85

JavaScript básico ………………………………………………………………………………….. 86

JavaScript complejo ……………………………………………………………………………… 88

CAPÍTULO 5: SIGUIENTE NIVEL DE PROGRAMACIÓN ………………………………………. 91

Lenguaje de programación ………………………………………………………………………… 91

Funciones para arrays ……………………………………………………………………………….. 91

ForEach …………………………………………………………………………………………………. 92

Map ……………………………………………………………………………………………………… 92

Filter …………………………………………………………………………………………………….. 93

Iteradores ……………………………………………………………………………………………… 93

Funciones avanzadas ………………………………………………………………………………… 94

Autoejecutable ………………………………………………………………………………………. 94

Closure ………………………………………………………………………………………………….. 96

Callback ………………………………………………………………………………………………… 99

Arrow Functions …………………………………………………………………………………….. 99

Clases ……………………………………………………………………………………………………. 101

Instancia ……………………………………………………………………………………………… 102

Herencia ……………………………………………………………………………………………… 102

Conceptos ……………………………………………………………………………………………. 103

Dinamismo …………………………………………………………………………………………….. 106

GetElementById ……………………………………………………………………………………. 107

GetElementsByClassName ……………………………………………………………………… 108

GetElementsByName …………………………………………………………………………….. 108

GetElementsByTagName ……………………………………………………………………….. 109

QuerySelector ………………………………………………………………………………………. 110

QuerySelectorAll …………………………………………………………………………………… 110

Eventos en programación web ………………………………………………………………….. 111

Módulos ………………………………………………………………………………………………… 113

Default ………………………………………………………………………………………………… 114

Web component …………………………………………………………………………………….. 116

Proyecto en JavaScript …………………………………………………………………………….. 120

Detector de eventos ……………………………………………………………………………… 120

Generador de botones ………………………………………………………………………….. 121

JavaScript ………………………………………………………………………………………….. 122

Estilos ……………………………………………………………………………………………….. 124

Control de versiones ……………………………………………………………………………….. 126

Terminal ……………………………………………………………………………………………… 127

Archivos y carpetas …………………………………………………………………………….. 127

Comandos GIT ……………………………………………………………………………………. 128

Conclusión ……………………………………………………………………………………………… 128

Próximos pasos ………………………………………………………………………………………. 129

ÍNDICE ANALÍTICO ………………………………………………………………………………….. 131