desarrollo web

Desarrollo web

Soy un subtítulo genial, ideal para dar más contexto sobre el tema que vas a tratar

11. Añadiendo gráficos

12. Sonido

Índice

13. Variables, constantes, cadenas y números

14. Operadores.

15. Condicionales

1. Desarrollo web

16. Bucles

2. Pagina web

17. Funciones

3. Estructura básica

18. El bucle del juego

19. Objetos

4. Servidores web

20. Animación de los graficos

5. Herramientas para desarrolladores

21. Eventos

6. Lenguajes para la web

22. Interacción con el usuario

7. HTML

23. Ingeniería de software. Análisis y diseño

8. Scripts

24. Programación

9. Canvas

25. Modularización

10. Sprites

26. Parametrización

DESARROLLO WEB

Se conoce como desarrollo web al proceso de crear y mantener un sitio web que sea funcional en internet, a través de diferentes lenguajes de programación, según el modelo y la parte de la página que corresponda. Cada sitio tiene una URL única que lo distingue de los demás en la red informática mundial.

VIDEO EXPLICATIVO

EJEMPLOS

• Google Docs
• Pixlr.com
• Codepen.io
• Evernote y Trello
• Netflix

https://blog.hubspot.es/website/que-es-desarrollo-web

PAGINAS WEB

Se conoce como página Web, página electrónica o página digital a un documento digital de carácter multimediático (es decir, capaz de incluir audio, video, texto y sus combinaciones), adaptado a los estándares de la World Wide Web (WWW) y a la que se puede acceder a través de un navegador Web y una conexión activa a Internet. Se trata del formato básico de contenidos en la red.

VIDEO EXPLICATIVO

EJEMPLOS

• Malvestida
• Giphy
• Medium
• Genial.Gurú
• Cervecería Minerva
• Cervecería de Colima
• Atlantic Records

https://concepto.de/pagina-web/

ESTRUCUTRA BÁSICA

Un texto (artículo periodístico, ensayo o "essay") consta generalmente de 1) un título, 2) una introducción (uno o dos párrafos iniciales); 3) un cuerpo textual (varios párrafos dentro del texto); y 4) un final o resumen (últimos parrafos). A esta estructura se le llama estructura básica de un texto

VÍDEO EXPLICATIVO

https://www.hf.uio.no/ilos/tjenester/kunnskap/sprak/nettsprak/spansk/lesesal/innforingspansklitteratur/tekster/textosestructura.pdf

SERVIDORES WEB

Un servidor web es un software que forma parte del servidor y tiene como misión principal devolver información (páginas) cuando recibe peticiones por parte de los usuarios. En otras palabras, es el software que permite que los usuarios que quieren ver una página web en su navegador puedan hacerlo.

VÍDEO EXPLICATIVO

EJEMPLOS

Apache HTTP. Internet Information Services. Sun Java System Web Server. Nginx. LiteSpeed. Cherokee.

https://www.webempresa.com/hosting/que-es-servidor-web.html

HERRAMIENTAS PARA DESARROLLADORES

Las herramientas para desarrolladores que nos proporcionan los distintos navegadores básicamente son unas extensiones que nos van a permitir, entre otras cosas, jugar con los estilos y con el código HTML de nuestra página para visualizar cómo va quedando, ver qué archivos se han descargado cuando hemos obtenido una página y muchas otras cosas más.

VÍDEO EXPLICATIVO

EJEMPLOS

GitHub. Chrome Developer Tools. Sublime Text. Marvel. Visual Studio Code. Node Package Manager (npm) Sass. Bootstrap.

https://openwebinars.net/blog/herramientas-para-desarrolladores-del-navegador-2019/#:~:text=Las%20herramientas%20para%20desarrolladores%20que,descargado%20cuando%20hemos%20obtenido%20una

LENGUAJES PARA LA WEB

Para llevar a cabo su trabajo, los desarrolladores emplean lenguajes de programación web. Estos son un conjunto de elementos, códigos y reglas que permiten crear una serie de instrucciones para comunicar a los sistemas informáticos las acciones a realizar.20 dic 2022

VÍDEO EXPLICATIVO

EJEMPLOS

HTML. CSS. JavaScript. PHP. Java. Python.

https://keepcoding.io/blog/lenguajes-desarrollo-web/#:~:text=Para%20llevar%20a%20cabo%20su,inform%C3%A1ticos%20las%20acciones%20a%20realizar.

HTML

HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata de un conjunto de etiquetas que sirven para definir el texto y otros elementos que compondrán una página web, como imágenes, listas, vídeos, etc.

VÍDEO EXPLICATIVO

EJEMPLOS

<a href="#"> <img itemprop="image" style="height: 90px;" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."> </a>

https://desarrolloweb.com/articulos/que-es-html.html

SCRIPTS

Los scripts son fragmentos de código que tienen como objetivo realizar o añadir funciones dentro de una página web o e-commerce. La evolución de los scripts los han convertido en parte fundamental de la programación web y sin ellos no sería posible realizar muchas de las funciones que las páginas actuales ofrecen a los usuarios.

VÍDEO EXPLICATIVO

EJEMPLOS

if, for, while, case...

https://www.seoestudios.es/que-es-un-script/

CANVAS

Canva es una web de diseño gráfico y composición de imágenes para la comunicación fundada en 2012, y que ofrece herramientas online para crear tus propios diseños, tanto si son para ocio como si son profesionales. Su método es el de ofrecer un servicio freemium, que puedes utilizar de forma gratuita, pero con la alternativa de pagar para obtener opciones avanzadas.

VÍDEO EXPLICATIVO

EJEMPLOS DE MODELOS EN CANVA

Segmentos del mercadoPropuesta de valor Canal Relación con el cliente Fuentes de ingresos Actividades clave Recursos clave

https://www.xataka.com/basics/que-canva-como-funciona-como-usarlo-para-crear-diseno

SPRITES

La palabra sprite viene del inglés y su traducción al español es duende. Un nombre significativo porque los videojuegos tienen mucho de magia y fantasía que se consigue, entre otras formas, con los sprite. Este recurso gráfico de mapas de bits se popularizó a finales de los 70 y principios de los 80 de la mano de Jay Miner, un diseñador de chips.

VÍDEO EXPLICATIVO

https://www.didactoons.com/que-es-un-sprite-y-para-que-sirve-en-el-desarrollo-de-videojuegos/

SONIDO

Cuando hablamos de sonido, nos referimos a la propagación de las ondas mecánicas originadas por la vibración de un cuerpo a través de un fluido o un medio elástico. Dichas ondas pueden o no ser percibidas por los seres vivos, dependiendo de su frecuencia.

EJEMPLOS

El zumbido de una abeja. El viento. La voz humana (pese a que la realiza la persona, le es precedente a su voluntad) El rugido de un tigre. El sonido de un arroyo pasando por encima de las piedras. El sonido de la lluvia impactando sobre la tierra. El sonido del fuego cuando la leña arde.

https://concepto.de/sonido/

VARIABLES, CONSTANTES, CADENAS Y NÚMEROS.

Las variables y las constantes nos permiten darle un nombre a un valor y utilizar el nombre en cualquier parte del programa donde podríamos utilizar el valor. Como ambas guardan valores, y hay valores de diferentes tipos, es necesario indicar de qué tipo serán los valores que guardarán.

https://descubre.inf.um.es/lenguaje-02.php

OPERADORES

Los operadores son símbolos que indican cómo se deben manipular los operandos. Los operadores junto con los operandos forman una expresión, que es una fórmula que define el cálculo de un valor. Los operandos pueden ser constantes, variables o llamadas a funciones, siempre que éstas devuelvan algún valor. El compilador evalúa los operadores, algunos de izquierda a derecha, otros de derecha a izquierda, siguiendo un orden de precedencia. Este orden se puede alterar utilizando paréntesis para forzar al compilador a evaluar primero las partes que se deseen.

https://ccia.ugr.es/~jfv/ed1/c/cdrom/cap2/cap26.htm

CONDICIONALES

Los condicionales son estructuras que permiten elegir entre la ejecución de una acción u otra. Son una condición, como bien indica su nombre, así que podemos pensar en ellos como si fueran el “si” condicional que usamos dentro de una frase.

https://codelearn.es/blog/condicionales-bucles-variables-y-funciones/#:~:text=Los%20condicionales%20son%20estructuras%20que,usamos%20dentro%20de%20una%20frase.

BUCLES

Los bucles o ciclos de programación se utilizan en los programas de código para establecer sentencias o trozos de código que se repiten o se iteran. Este se repita hasta que una condición deja de cumplirse y da lugar al siguiente trozo de código.

https://keepcoding.io/blog/bucles-o-ciclos-de-programacion/

FUNCIONES

Una función es un conjunto de acciones que se van a ejecutar, las cuales pueden ser invocadas con algún nombre. Esto nos facilita realizar muchas tareas en bloque. Es decir, si yo tengo tareas que van a ser muy repetitivas o que voy a estar utilizando muchas veces a lo largo de mi programa, bastará con que las agrupe bajo una función. L

EL BUCLE DEL JUEGO

Un bucle es una ejecución completa o parcial de tu prueba en la app de videojuegos y se puede usar para lo siguiente: Ejecutar un nivel del juego de la misma manera en que lo jugaría un usuario final.

OBJETOS

Se trata de un ente abstracto usado en programación que permite separar los diferentes componentes de un programa, simplificando así su elaboración, depuración y posteriores mejoras.

ANIMACIÓN DE LOS GRAFICOS

Los gráficos animados son, en esencia, “gráficos con movimiento”. La aparición de esta técnica a mitad del siglo XX transformó la disciplina del diseño gráfico, que hasta entonces se había enfocado en los gráficos estáticos.

EVENTOS

Para la informática, un evento es una acción que es detectada por un programa; éste, a su vez, puede hacer uso del mismo o ignorarlo. Por lo general, una aplicación cuenta con uno o más hilos de ejecución dedicados a atender los distintos eventos que se le presenten.

INTERACCION CON EL USUARIO

La interacción de los usuarios es el tiempo que pasan con su página web o la pantalla de su aplicación en primer plano. Esta métrica le permite medir cuándo utilizan los usuarios su sitio o aplicación activamente.

INGENIERÍA DE SOFTWARE. ANALÍSIS Y DISEÑO

El análisis y diseño de sistemas tiene como objetivo planificar el desarrollo de los sistemas de información mediante la comprensión y la especificación en detalle de lo que debe hacer un sistema y cómo deben implementarse los diferentes componentes del mismo para trabajar conjuntamente.

PROGRAMACIÓN

La programación informática es todo proceso que involucra el diseño, codificación, mantenimiento, y protección de cualquier fuente de programas. El objetivo principal de la programación informática es la creación de softwares, con el fin de ser ejecutados a través de computadoras, programas o plataformas.

MODULARIZACIÓN

¿Qué es la modularización? La modularización es una práctica para organizar una base de código en partes con acoplamiento bajo y elementos independientes. Cada parte es un módulo. Cada módulo es independiente y tiene un propósito claro.

PARAMETRIZACIÓN

Parametrización o Customizing: Ajustar la configuración interna de Sap a las necesidades reales de la Empresa.