Autor: Italo Morales F
Páginas: 146
Editorial: Alfaomega – RC Libros
Descripció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
