2. ● Aprender la diferencia entre sitios y
aplicaciones web.
● Entender los fundamentos de
JavaScript.
● Reconocer qué es un algoritmo y
desarrollar capacidad resolutiva
frente a un problema.
OBJETIVOS DE LA
CLASE
4. www.senati.edu.pe
APLICACIÓN WEB
Mientras que los sitios web buscan
brindar información estática, las web
apps permiten a los usuarios realizar
múltiples tareas.
Las aplicaciones web son plataformas
dinámicas e interactivas y sus
funcionalidades están en constante
mantenimiento y mejora.
6. www.senati.edu.pe
APLICACIÓN WEB
En la actualidad, el desarrollo desde cero de sitios web estáticos, es decir,
aquellos cuya información no cambia en respuesta a las acciones del
usuario, es poco frecuente.
Lo que se busca construir en el ámbito laboral, son plataformas que
ofrezcan un alto nivel de interactividad, y un variado número de
funcionalidades. Ya no hablamos de sitios, sino de aplicaciones web que
permiten realizar tareas importantes a sus usuarios.
7. www.senati.edu.pe
APLICACIÓN WEB
Por funcionalidades entendemos diversas tareas que los usuarios y
clientes pueden realizar y son típicamente demandadas hoy.
La interactividad en la página es una de ellas. Por ejemplo, implementar
animaciones y transiciones complejas, respuestas a ciertos eventos de los
usuarios (como clickear un botón), o capturar y enviar datos mediante
formularios.
Es normal también consumir alguna API o servicio de backend y/o base de
datos, con la cual podemos cargar y administrar la información de la
página.
8. El arte de la programación es la
habilidad de controlar la complejidad.
Un gran programa es moderado,
hecho simple en su complejidad.
Eloquent Javascript - Marijn Haverbeke
10. www.senati.edu.pe
JavaScript es un lenguaje de
programación que se utiliza
principalmente para aportar
dinamismo a sitios y aplicaciones web.
Funciona en complemento con los
lenguajes web HTML Y CSS, permitiendo
crear nuevas funcionalidades e
interacciones avanzadas con los usuarios,
así como interactuar con otras
aplicaciones o servicios de backend.
¿QUÉ ES
JAVASCRIPT?
11. www.senati.edu.pe
A diferencia de un lenguaje de programación compilado,
Javascript es un lenguaje interpretado, lo que significa que se
ejecuta por medio de un programa intérprete.
En nuestro caso, los navegadores son los programas que se
encargan de interpretar y ejecutar el código Javascript que
creemos.
Cuando accedemos a alguna página a través del navegador, este
se encarga de leer y ejecutar todos los archivos que conforman la
aplicación (HTML, CSS, JS).
LENGUAJE
INTERPRETADO
13. www.senati.edu.pe
FRONT-END y BACK-END
Javascript se utiliza tanto para construir aplicaciones de
Frontend como de Backend.
Por Frontend entendemos a la parte de la aplicación que
corre en el navegador y con la cual interactúan los usuarios.
Como tal, estaremos creando aplicaciones con Javascript,
HTML y CSS; vinculando los tres lenguajes en el desarrollo
único a un producto.
Nuestra aplicación de Frontend también consume datos y
servicios ofrecidos por algún Backend. Javascript será la
herramienta que nos permitirá comunicarnos e intercambiar
información con APIs u otras aplicaciones.
15. www.senati.edu.pe
¿CUÁNDO NACE?
La primera aparición pública de
Javascript la encontramos en el
año 1995 cuando se utiliza como
herramienta del navegador
Netscape Navigator.
El objetivo fue permitir agregar
programas a páginas web.
16. www.senati.edu.pe
EVOLUCIÓN DE
JAVASCRIPT
La primera versión de JavaScript ES1 se lanzó en 1997 y el lenguaje fue
cambiando con el tiempo. En el curso nos centramos en las versiones ES6
y posteriores. Actualmente JS se encuentra en la versión 11 y desarrollo de
la 12.
17. www.senati.edu.pe
JAVA
Si bien, tanto Java como Javascript son lenguajes de
programación que comparten base de su sintaxis, el
uso de cada uno es distinto.
Son dos lenguajes diferentes, y no es correcto
mencionarlos como sinónimos.
19. www.senati.edu.pe
ELEMENTOS BÁSICOS
Si bien a lo largo del curso se desarrollarán en profundidad, es necesario saber
que para trabajar en y con Javascript existen ciertos elementos básicos e
imprescindibles.
DATOS
VARIABLES
OBJETOS
ARRAYS FUNCIONES
21. ¿CUÁL ES EL PERFIL DE UN
PROFESIONAL EN JAVASCRIPT?
22. PERFIL DE UN PROFESIONAL EN JS
ALGUNAS
COMPETENCIAS
● Capacidad para realizar tareas de programación, desarrollo, puesta
en funcionamiento y procesos de mejoras de sitios web y apps.
● Alto manejo y comprensión del área frontend en desarrollo de apps
y software.
● Habilidad para pruebas y depuración de código.
● Versatilidad para trabajar con otros profesionales en procesos de
optimización y mejoras integrales, como diseñadores de experiencia
de usuario o profesionales del backend.
23. PERFIL DE UN PROFESIONAL EN JS
¿POR QUÉ JAVASCRIPT?
● Porque es uno de los lenguajes más usados en el mundo.
● Porque es muy demandado en el mercado laboral debido a su
sencillez, amplitud y adaptabilidad.
● Porque la mayoría de sitios web y apps funcionan con este lenguaje.
● Porque es escalable y te brindará herramientas para profundizar
luego tus conocimientos en programación y desarrollo.
26. www.senati.edu.pe
HTML
Es un "lenguaje" de
marcado de etiquetas, que
permite crear documentos
para web.
Los términos de uso
frecuente:
● Etiqueta.
● Atributo.
● Estructura.
27. www.senati.edu.pe
CSS
El CSS, en español «hojas de estilo
en cascada», es un lenguaje de
diseño gráfico, utilizado para
definir y crear la presentación de un
documento estructurado, escrito en
un lenguaje de marcado.
Los términos de uso frecuente:
● Estilo.
● Reglas.
● Medidas.
● Fuente.
28. www.senati.edu.pe
RELACIÓN ENTRE HTML,
CSS & JS
● HTML nos aportará a través de sus etiquetas, la estructura básica de un sitio
web que creemos. Funcionará en consonancia y en relación con CSS y JS.
● CSS lo utilizaremos para darle el estilo que queremos mostrar en nuestro sitio
web a través de la definición de formato y diseño de nuestra presentación
● JavaScript entonces utilizará ambos lenguajes(HTML y CSS) para controlar
el comportamiento y funcionalidad de los elementos de nuestro sitio web.
30. www.senati.edu.pe
ALGORITMO
En programación, un algoritmo es un conjunto de
procedimientos o funciones ordenadas que se
necesitan para realizar cierta operación o acción. Por
ejemplo, en una suma el algoritmo implica tomar un dato,
sumarlo a otro y obtener un resultado.
31. www.senati.edu.pe
ALGORITMO
Pensar en algoritmos es una práctica
que debemos fortalecer como
desarrolladores. Consiste en encarar
un problema complejo y dividir su
resolución en diversos pasos, pensar
cómo resolver cada uno y luego
secuenciarlos correctamente para
llegar al resultado esperado.
