# ¡! 𝟒𝐓𝐎 𝐏𝐑𝐎𝐆𝐑𝐀𝐌𝐀𝐂𝐈𝐎́𝐍 - 𝐁𝐑𝐈𝐀𝐍𝐃𝐀 𝐈𝐑𝐀𝐍 𝐂𝐀𝐑𝐑𝐀𝐒𝐂𝐎 𝐒𝐎𝐓𝐎;; ♡

CLASE 6

LUNES, 25 DE ABRIL, 2022.

8:00AM - 11:00AM

LAS 7 P´S DEL MARKETING

1. PRECIO

2. LUGAR

3. PROMOCIÓN

4. PRODUCTO

5. PROCESOS

6. PERSONAS

7. EVIDENCIAS FISICAS

TIPOS DE WEBS

O FORMAS DE GENERAR INGRESOS EN

INTERNET

• E-COMMERCE

• MEMBERSHIP´S SITE´S

• FREEMIUM

• INGRESOS POR PUBLICIDAD

E-COMMERCE

• PAGO ÚNICO

• TIRNDA ON-LINE

• EJEMPLO: AMAZON

• ENTREGA RAPIDO

• DESCUENTOS

• MARKET PLACE

• SERVICIOS AGREGADOS

MEMBERSHIP SITE´S

• PAGAN CUOTAS DE MEMBRESIA

• NETFLIX

• HBO

• COBRAN POR SERVICIOS O CONTENIDOS A

CAMBIO DE UNA CUOTA MENSUAL

FREEMIUM

• COMUNMNENTE SON APP´S

• OFRECEN CONTENIDOS GRATIS

• PREMIUM´S

INGRESOS POR PUBLICIDAD

• BLOG´S O PLATAFORMAS WEB

• NOTICIEROS, PERIODICOS, TV.

• VENDEN SUS ESPACIOS

• TIENEN PATROCINADORES

• PIENSA EN GRANDE…

• PIENSA EN EL USUARIO

CRITERIOS PARA MEJORAR TU WEB

A. DISEÑO

B. USABILIDAD

Que se pueda ver en todos los dispositivos..

C. FINDABILITY

Que se encuentra rápido (con palabras clave)

D. CONTENIDO RELEVANTE

- Foros

- Comentarios de usuarios

- Mejora continua

"Piensa en grande, piensa en el usuario"

CLASE 5: INTRODUCCIÓN A JAVA SCRIPT

INTRODUCCIÓN AL JAVA SCRIPT

¿QUÉ ES JAVA SCRIPT?

• Es el lenguaje de la WEB

• Añade interactividad a tus Site’s

• Desarrollo de FRONT END

• Desarrolla de BACK END

• Desarrolla APPs de escritorio

¿QUÉ ES INTERACTIVIDAD?

Significa que interactua con el usuario dentro del sitio.

INTERACTIVIDAD

• Reaccionar a eventos del usuario

dentro de nuestro sitio.

• Validar Formularios

• Procesar información

• Mostrar mapas o ubicaciones

JS →MADURO Y ESTABLE

• Variables

• Funciones

• Estructuras de control

• Objetos

• Métodos

• LP

• Versiones por año

¿QUÉ ES EL DOM?

El dom es cada parte que esta conectada

JS corre bajo el DOM

html

-------------------------------

head body

title ----------------------

h1 div nav

a a a

LP SIMILARES A JS

• React

• VueJS

• Angular

JS Tiene Otros Usos:

• Servidor:

• Nodo JS

• Express demo

• Automatización:

• Gulp JS

• Webpack

• Eslint

• Para App´s de escritorio:

• React Native

• Electron

Iniciamos JAVA SCRIPT

Etiqueta.

•<style>

•</style>

•<script>

•</script>

PROGRAMA 1 DE JAVA SCRIPT

alert (“Hola Mundo”);

TENDENCIAS DE ESTILO

01. Estilo Retro "Moderno".

02. Diseño de Materiales.

03. Colores Brillantes y Llamativos.

04. Formas Geométricas.

05. Espacio negativo.

06. Estructuras Modulares.

07. Tipografía Dramática.

08. Ilustraciones Personalizas.

09. Estilo Minimalista Abstracta.

TIPOS DE DISEÑO: EXPOSICIONES.

EQUIPO 1: KITSCH

El término kitsch empezó a sonar más por el año 1930 para describir expresiones artísticas de mal gusto, pasadas de moda o feas en general. Más adelante, el crítico de arte Clement Greenberg se apropió del tema para describir el arte sin crítica ni profundidad que la comunidad acepta sin pensarlo mucho.Hoy, de acuerdo a la RAE, kitsch se refiere a una estética pretenciosa, pasada de moda y de mal gusto. El kitsch mezcla todo lo que hay a mano, sin contemplación aparente de si los elementos usados. Kitsch probablemente pueda compararse con la palabra naco pero, a diferencia de esta, lo que se define como kitsch, aunque de mal gusto, tiene una valoración artística o por lo menos positiva.

Desde entonces, el Kitsch fue evolucionando y se desarrolló como un estilo decorativo, muy frecuente

EQUIPO 2: ESTILO ABSTRACTO

Esun concepto general, opuesto al figurativo, que remite a lo más esencial del arte, reducido a sus aspectos cromáticos, formales y estructurales. Es la representación de ideas, conceptos, pensamientos y sentimientos. En donde la función de la imagen es restituir la impresión visual de algo real, con mayor o menor grado de realidad reproductiva. Formas abstractas: son líneas inspiradas por la naturaleza sin significado. No son representativas y son independientes del mundo real, sin embargo, en su resultado material se observan determinadas imágenes.

EQUIPO 3 : NEUMORFISMO

Neumorfismo es un juego de palabras basado en New + Skeuomorphism. Es un estilo que utiliza desenfoque, ángulo e intensidad de la sombra de un objeto para resaltar el objeto. Es un diseño que se ve realista, futurista, moderno, atractivo y extremadamente impresionante debido a su suave sombra y apariencia general

EQUIPO 4: CONCEPTUALISMO

El arte conceptual o conceptualismo se basa en que las ideas dentro de otra obra son un elemento más importante que el sentido por el que la obra se creó. El arte conceptual o conceptualismo se basó en la primacía de la idea o concepto por encima de la técnica o forma final del objeto.

EQUIPO 5: MINIMALISMO

El diseño minimalista es el diseño en su forma más básica, es la eliminación de elementos pesados para la vista. Su propósito es hacer que sobresalga el contenido. Desde el punto de vista visual, el diseño minimalista está destinado a ser calmado y llevar la mente del observador a lo básico de la pieza.

EQUIPO 6: ESTILO NÓRDICO

El diseño nórdico, es minimalista -carente de ornamentación-. Se basa sobre espacios luminosos, de paredes blancas o colores muy claros -por la limitación de iluminación natural por su clima y localización-. Por el uso de mobiliario de madera, creando un conjunto sencillo, funcional y lleno de confort.

SITIO DE LA CAFETERÍA

01 de abril del 2022.

INICIO O PÁGINA PRINCIPAL DEL SITE

PÁGINA DE CURSOS

PÁGINA SOBRE NOSOTROS

TRABAJO EN EQUIPO: SELECTORES

MIÉRCOLES, 16 DE MARZO DEL 2022.

LINK PARÁ REALIZAR LAS ACTIVIDADES

Problema	Solución
1. Select the plates.		Plate
2. Select the bento boxes		Bentos
3. Select the fancy plate		#fancy
4. Select the pickle on the fancy plate		Plate apple
5. Select the pickle on the fancy plate		#fancy pickle
6. Select the small apples		.small
7. Select the small oranges		Small.oranges
8. Select the small oranges in the bents		Bento orange.small
9. Select all the plates and bents		Plate, bento
10. Select all the things		*
11. Select everything on a plate		Plate *
12. Select the every apple that’s next to a plate		Plate+apple
13. Select the pickles beside the bento		Bento ~ pickle
14. Select the Apple directly on a plate		Plate>apple
15. Select the top orange		Orange :first-child
16. Select the apple and the pickle on the plates		Plate :only-child
17. Select the small apple and the pickle		Plate apple :last-child, pickle
18. Select the third plate		Plate :nth-child(3)
19. Select the bento		Bento :nth-last-child(3)
20. Select the first apple		Apple :first-of-type
21. Select all even plates		Plate :nth-of-type(even)
22. Select every 2^nd plate, starting from the 3^rd		Plates:nth-of-type(2n+3)
23. Select the apple on the middle plate		Plate apple :only-of-type
24. Select the last apple and orange		Orange :only-of-type,apple:only-of-type
25. Select the empty bents		Bento: empty
26. Select the big apples		Apple:not(.small)
27. Select the items for someone		*[for]
28. Select the plates for someone		Plate[for]
29. Select Vitaly’s meal		Bento[for=”Vitaly”]
30. Select the items for names that start with ‘Sa’		*[for=”sa”]
31. Select the items for names that end with ‘ato’		*[for$=”ato”]
32. Select the meals for names that contain ‘obb’		[for*=”obb”]

Esta actividad fue en equipo y nos puso a pensar demasiado, dado que, nosotras especificabamos todo y eso nos dio mucho en que hacer. Pará el final de la clase, solamente logramos resolver 12 de 32.