¡Pronto disponible! Síganos para estar al tanto de su publicación
Características
Encuadernación rústica - 17 x 21 cm
ISBN: 978-2-409-04686-5
EAN: 9782409046865
Ref. ENI: RIT4HTCSJA
Este libro se dirige a aquellos desarrolladores que debutan en informática y que no han programado nunca con HTML5, CSS3 y JavaScript. El autor guía al lector mostrándole los métodos más eficaces y actuales para crear su primer sitio web, partiendo desde cero hasta permitirle adquirir un nivel suficiente de autonomía.
En el primer capítulo, el autor presenta una visión general del desarrollo en la web; los lenguajes del lado cliente y servidor, los formatos de las imágenes, los navegadores.....
Este libro se dirige a aquellos desarrolladores que debutan en informática y que no han programado nunca con HTML5, CSS3 y JavaScript. El autor guía al lector mostrándole los métodos más eficaces y actuales para crear su primer sitio web, partiendo desde cero hasta permitirle adquirir un nivel suficiente de autonomía.
En el primer capítulo, el autor presenta una visión general del desarrollo en la web; los lenguajes del lado cliente y servidor, los formatos de lasimágenes, los navegadores... para que el lector pueda comprender los mecanismos que permiten mostrar en pantalla el contenido de lapágina. El siguiente capítulo muestra las reglas generales que deben respetarse para poder desarrollar de manera eficaz: legibilidad delcódigo, organización de las carpetas, uso de editores de código,posicionamiento...
A continuación, el autor entra de lleno en el tema del libro y presenta, en primer lugar, el lenguaje HTML5 que permite estructurar unapágina y distribuir los elementos visuales con precisión. El segundo lenguaje que se presenta es CSS3, que permite aplicar estilos, animaciones y efectos visuales que evitan tener que utilizar imágenes y adaptan el diseño tanto a teléfonos móviles como a ordenadores. Para conocer bien los lenguajes utilizados en el lado cliente, el tercer lenguaje que se presenta en el libro es JavaScript. Este lenguaje permite añadir interactividad a las páginas, realizar comparaciones, repetir acciones, utilizar una base de datos en el lado cliente…
Mediante ejemplos concretos y más allá del aspecto puramente técnico de este aprendizaje, el autor transmite a los lectores las principales reglasde representación para conseguir que el sitio web sea atractivo, agradable y fácil de usar, así como las buenas prácticas de desarrolloy los errores más comunes que se deben evitar. Cuando haya acabado el libro, el lector será capaz de crear un sitio web funcional del que sentirse, sin duda, orgulloso.
La Web
1. ¿Qué es la Web?
1.1 Lado servidor: HTTP, FTP, lenguajes, SQL
1.2 Lado cliente: HTML, CSS, JavaScript
2. Los lenguajes y su utilidad
2.1 HTML
2.2 CSS
2.3 JavaScript
2.4 Ejemplo general con los tres lenguajes
3. Los formatos de imagen
3.1 Formato Bitmap
3.2 Formato vectorial
4. Los navegadores y sus herramientas
Reglas generales
1. Preservar la legibilidad: la indentación, los comentarios
1.1 La indentación
1.2 Los comentarios
2. Pensar en el posicionamiento
3. Carpetas y rutas hasta los archivos
4. Los editores de código
5. Algunos atajos prácticos
5.1 Guardar y probar una página
5.2 Seleccionar texto o desplazarse más rápido sin el ratón
HTML
1. Creación de una página web
2. Código HTML obligatorio
3. El doctype
4. La etiqueta
4.1 Enlazar una hoja de estilo
4.2 Enlazar un archivo JavaScript
5. La etiqueta
5.1 Métodos y etiquetas para estructurar una página
5.2 El texto en la página HTML
5.3 Los caracteres especiales
CSS3
1. Los tres estilos básicos posibles
1.1 El estilo de etiqueta
1.2 El estilo de clase
1.3 El estilo de ID
1.4 Combinación de los tres métodos
2. La tipografía y la Web
3. Los selectores
4. Las pseudoclases
4.1 Para los enlaces
4.2 Para el texto
4.3 Para los selectores
5. Los colores en hexadecimal, en RGBA o en HSLA
6. Las imágenes y los bordes
7. Botones con imágenes o tipografías especiales
8. Los fondos y fondos múltiples
9. El posicionamiento
10. El desbordamiento
11. Uso de padding y margin
12. Las variables
13. Las propiedades decorativas (sombra, degradado, redondeo...)
14. Las columnas en el texto
15. Las transformaciones 3D
16. Las transiciones y animaciones
17. El diseño responsivo y las media queries
18. El menú hamburguesa
19. El donut
JavaScript
1. Introducción
2. La lista de tareas
3. Variables y asignaciones
4. Los tipos de variables
4.1 Los valores numéricos
4.2 El texto y la concatenación
4.3 Los arrays
4.4 Los valores booleanos
4.5 Los objetos
5. Los operadores
6. Las condiciones
6.1 if, else y las llaves
6.2 switch case
7. Iteraciones
7.1 El bucle for
7.2 while
7.3 do ... while
7.4 break y continue
7.5 Foreach
8. Depurar un programa
9. Las funciones
9.1 Declaración
9.2 Nueva notación para las funciones
9.3 Llamada
9.4 Las variables locales y globales
9.5 El resultado de una función
10. Las cookies
11. El drag and drop
12. Mostrar el sitio HTML en pantalla completa
13. Interacciones entre JavaScript, HTML y CSS
14. Las bases de datos locales
14.1 Creación de una base de datos
14.2 Creación de una tabla
14.3 Insertar registros
14.4 Leer información
15. Generar PNG en JavaScript
16. Ajax
17. Gestión de temporizadores (setTimeout(), setInterval(), Date)
18. Desplazar un elemento con el teclado
Representación HTML y CSS
1. Los bloques y su posición en pantalla
1.1 Las tablas
1.2 Los div y las nuevas etiquetas HTML5
2. Las listas
Los métodos de diseño
1. La etiqueta Canvas
2. La etiqueta SVG
3. Ventajas e inconvenientes de ambas tecnologías
El multimedia
1. La etiqueta
2. Los codecs de vídeo
3. La etiqueta
4. Los codecs de audio
Los formularios
1. Introducción
2. Funcionamiento de un formulario cliente/servidor
3. Las distintas etiquetas del formulario
4. Las expresiones regulares
5. La validación del formulario
6. Agregar un script CGI en el servidor
Los enlaces y menús en HTML5
1. Introducción
2. Creación de enlaces
2.1 Abrir una página HTML
2.2 Abrir una imagen
2.3 Navegación en la página
2.4 Permitir descargar un archivo
2.5 Enviar un correo electrónico
2.6 Invocar un script JavaScript
3. Creación de un menú (lista + enlaces + CSS)
4. Modificar la página con la ayuda del menú
5. Agregar "datos" en los enlaces
6. Lista compleja organizada por JavaScript y el CSS
Corrección de ejercicios
1. Ejercicio sobre los selectores CSS
2. Ejercicio: un reloj que se balancea
3. Ejercicio: modificar la hora en JavaScript
4. Ejercicio: posición del personaje
5. Ejercicio: crear la animación de un personaje que camina
6. Ejercicio: creación de donuts
Conclusión
índice
Denis Matarazzo
Denis Matarazzo es desarrollador desde hace más de cuarenta años en numerosos lenguajes de programación. Asimismo, le apasiona el arte gráfico. Esta doble competencia de desarrollador e infografista le ha permitido trabajar en numerosos proyectos en los que la comunicación entre estos dos mundos no era fácil. En la actualidad, trabaja principalmente como formador para desarrolladores o infografistas y participa en proyectos de desarrollo informático relacionados con Internet. En este libro, reúne todo su conocimiento y su experiencia para enseñar al lector a crear de manera autónoma el sitio web que tiene en mente.