Desarrollo Web De Principiante a Profesional con Paga, Volumen 2: Desarrollo Web De Principiante a Profesional con Paga, #2

Por Ojula Technology Innovations

Este libro es el volumen 2 de Desarrollo Web, de Principiante a Profesional Pagado. En este volumen, continuarás aprendiendo tus lecciones en HTML,CSS y JavaScript.

En este volumen pongo retos adicionales de código y sus soluciones. Obtendrás hojas de trucos actualizadas, ejercicios de programación, un impresionante portafolio de desarrollador web para mostrar tus ejemplos de trabajos y los gráficos/capturas de pantalla utilizados en este libro. Te ayudaré a aprender bien.

• Idioma: Español
• Editorial: Ojula Technology Innovations
• Fecha de lanzamiento: 2 feb 2023
• ISBN: 9781667449203

Vista previa del libro

Desarrollo Web

De Principiante a

Profesional con Paga

Volumen 2

Construye tu portafolio mientras aprendes

HTML5, CSS y JavaScript

paso a paso con apoyo

Por

Ojula Technology Innovations

Desarrollo Web

de Principiante a Profesional Pagado

Volumen 2

Construye tu porfolio mientras aprendes HTML5, CSS y JavaScript paso a paso con ayuda.

Copyright © Ojula Technology Innovations

Todos los derechos reservados

ISBN: 9791221340402

Publicado en los Estados Unidos

Límite de Responsabilidad / Exención de Garantía

Este libro contiene información obtenida de fuentes auténticas y de gran prestigio. Se han hecho esfuerzos razonables para publicar datos e información fiables, pero el autor y el editor no pueden asumir la responsabilidad de la validez de todos los materiales ni de las consecuencias de su uso. Toda la información dada en este libro se basa en la investigación propia del autor y no constituye un asesoramiento técnico, financiero o profesional. El autor y el editor han intentado localizar a los titulares de los derechos de autor de todo el material reproducido en esta publicación, y pedimos disculpas a los titulares de los derechos de autor si no se ha obtenido el permiso para publicarlo de esta manera.  Si algún material con derechos de autor no ha sido reconocido, por favor escríbanos y háganoslo saber para que podamos rectificar en cualquier reimpresión futura.

Excepto en los casos permitidos por los EE.UU. Ley de Derechos de Autor: Ninguna parte de este libro puede ser reimpresa, reproducida, transmitida o utilizada en cualquier forma por cualquier medio electrónico, mecánico o de otro tipo, conocido o inventado en el futuro, incluyendo la fotocopia, microfilmación y grabación, o en cualquier sistema de almacenamiento o recuperación de información, sin el permiso por escrito del editor.

Tabla de Contenidos

––––––––

Cómo Aprender Bien HTML5, CSS y JavaScript

Se que hay más que suficientes recursos en línea para enseñarle a principiantes todo lo que necesitan saber sobre desarrollo web desde cero. Pero este libro es diferente porque aborda algunos problemas en el desarrollo web. La credibilidad de un desarrollador web va más allá de sus credenciales. Se trata, en realidad, de la solidez de su portafolio.

Las oportunidades de empleo vienen a menudo de muestras de trabajo y de habilidades concretas, antes que de un título universitario.

Con este libro, mi dedicad ayuda 24/7 y el equipo de apoyo, no hay nada a lo que debas temer. He ayudado a muchos desarrolladores web a mejorar sus habilidades como desarrolladores, a emprender exitosas carreras y a ser contratados para trabajos remotos. Me he dado cuenta de que hasta los principiantes más ambiciosos pueden encontrar problemas, como el no saber decidir por dónde empezar. A veces se pierden completamente en el camino y por lo tanto necesitan más ayuda.

La verdad es que todo el mundo necesita ayuda en algún momento o en otro, al aprender html5, CAS o JavaScript correctamente en su recorrido como desarrollador web. He puesto en este libro suficientes retos de programación y sus soluciones.  Obtendrás regularmente hojas de trucos actualizadas, ejercicios de programación, un impresionante porfolio de desarrollador web para mostrar tus ejemplos de trabajos, proyectos para practicar, gráficos y capturas de pantallas utilizadas en este libro. También obtendrás más ayuda si usas el enlace gratis de apoyo al final de este libro. Te ayudaré a que aprendas bien.

Finalmente, si compras este libro, te añadiré a mi comunidad de desarrollo web, para que puedas continuar aprendiendo y que obtengas más ayuda hasta que te conviertas en un profesional bien pagado.

Bolakale Aremu

CEO, Ojula Technology Innovations

Desarrollador Web e Ingeniero de Software

Ojulaweb.com

1. Empezando

1.0. Introducción al Volumen 2

Este libro es el volumen 2 de Desarrollo Web, de Principiante a Profesional Pagado En este volumen, continuarás tus lecciones en HTML, CSS y JavaScript. Te ayudará a conseguir habilidades en el desarrollo web por la vía rápida. Lo bueno del desarrollo web, es que es adecuado para personas que proceden de diferentes entornos. Así que no importa si tienes un poco o ninguna experiencia técnica, o si tienes experiencia técnica y estás buscando la transición de tus habilidades hacia el desarrollo web.

Para las lecciones en los siguientes capítulos, necesitarás crear algunos documentos y abrirlos en Visual Studio. Por ejemplo, para el capítulo 2, se explica a continuación cómo crear una carpeta nueva en tu porfolio y abrirla en Visual Studio. Como expliqué en el capítulo introductorio (Sección 0) del volumen 1 de este libro, estos son los 7 simples pasos a seguir:

1. Abre la carpeta Html_curso del portafolio que creaste en el volumen 1 de este libro.

2. Crea una nueva carpeta, con el título 03_ lección.

3.  En Visual Studio, haz clic en Documento arriba en el menú, y selecciona Abrir Carpeta.

4. Navega hasta la ubicación donde guardaste tu carpeta 03_lección y selecciónala.

5. Selecciona esta carpeta para cargarla /abrirla en tu explorador de Visual Studio.

6. Cierra la pestaña de inicio.

7. Prepárate para empezar a programar.

2. Diseño Visual Aplicado 1: Animaciones CSS

La animación CSS es un método para animar ciertos elementos HTML sin tener que utilizar JavaScript o Flash, que consumen mucho procesador y memoria.  Nosotros utilizamos animación CSS para convertir información de manera eficiente, o para captar la atención de la gente, pero últimamente, todo es cuestión de comunicación. El movimiento en el diseño de nuestra web, es una manera poderosa para comunicar.  Se extiende a ambos lados, el lenguaje escrito y el verbal.

Podemos utilizar una animación sutil y apropiada para añadir credibilidad a nuestro trabajo y un atractivo a nuestros diseños. Esto es porque los seres humanos estás acostumbrados a ver movimiento todo el tiempo en el mundo real.

Como los navegadores web sigues mejorando, tenemos mejor ayuda para las animaciones. Por lo tanto, la animación se está convirtiendo en una opción más viable que nunca. Al igual que las fuentes que usamos y las páginas que creamos, hay varias formas en las que la animación es importante para nuestro diseño web.

Una nota de advertencia aquí. Una vez utilizas la animación, es muy tentador volverse loco y animar cualquier cosa y todas las cosas. No añadas demasiada animación a tu app o página web. Cuando tienes demasiadas cosas en tu página moviéndose alrededor a la vez,estás creando distracción.

Por lo tanto es una muy buena idea añadir menos animaciones cuando sea posible. Cualquier pequeño movimiento que añadas a tu página puede tener un efecto muy poderoso. Así que a veces es mejor hacer menos. Las animaciones son algo importante, así que para ayudarte, recuerda siempre los siguientes puntos:

Puedes utilizarlas correctamente, pueden ser una herramienta útil y poderosa en tus diseños.

Puedes utilizarlas para atraer la atención de la gente o para trasmitirles información.

¡No exageres las animaciones!

Si quieres sobresalir, las animaciones pueden ser de gran ayuda.

Empezaremos con tu viaje hacia el apasionante mundo de las animaciones CSS en la sección 2.3, pero por ahora, quiero que echemos un rápido vistazo a algunas propiedades CSS relacionadas.

2.1. Opacidad y Canal Alfa

En este capítulo voy a hablar sobre la propiedad de opacidad y del canal alfa que podemos usar con colores. Básicamente, ambas tienen que ver con la transparencia pero son diferentes. Vamos