Notas de Estudio de JavaScript

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

¿Cuál de las siguientes afirmaciones sobre JavaScript es correcta?

Es un lenguaje orientado a componentes y fuertemente tipado.

Es un lenguaje interpretado y débilmente tipado. (correct)

Es un lenguaje compilado que requiere un compilador dedicado.

Es un lenguaje que solo se usa para programación del lado del servidor.

¿Qué operador se utiliza para comparar tanto el valor como el tipo en JavaScript?

!==

=== (correct)

¿Cuál es el propósito de una promesa en JavaScript?

Almacenar datos temporales en el código.

Crear un objeto de función autoejecutable.

Representar una operación sin posible error.

Representar la eventual finalización o falla de una operación asíncrona. (correct)

¿Cómo se declara una variable que no cambiará su valor en JavaScript moderno?

const Signup and view all the answers

¿Qué método se utiliza para agregar un elemento al final de un array en JavaScript?

push() Signup and view all the answers

¿Qué devuelve 'console.log(typeof [])' en JavaScript?

object Signup and view all the answers

¿Qué es el 'hoisting' en JavaScript?

El proceso de mover declaraciones de funciones y variables al inicio de su ámbito. Signup and view all the answers

¿Qué hace el método Array.prototype.map()?

Transforma cada elemento de un array y devuelve un nuevo array. Signup and view all the answers

¿Cuál es la función de la clase mt en CSS?

Aplica márgenes superiores a un elemento. Signup and view all the answers

¿Qué método devuelve el índice del primer elemento de un array que cumple una condición?

findIndex Signup and view all the answers

¿Qué hace el método includes en un array o string?

Verifica si un array o string contiene un valor específico. Signup and view all the answers

¿Qué representa localStorage en el navegador?

Un almacenamiento persistente de pares clave-valor. Signup and view all the answers

¿Cuál es la función de JSON.stringify()?

Convertir un objeto en una cadena JSON. Signup and view all the answers

¿Qué significa CORS en el contexto de la seguridad web?

Cross-Origin Resource Sharing. Signup and view all the answers

¿Qué hace el método reduce en un array?

Aplica una función y reduce el array a un solo valor. Signup and view all the answers

¿Qué hace button.classList.toggle('active')?

Añade la clase active si no está presente, o la quita si ya está aplicada. Signup and view all the answers

¿Qué describe mejor el concepto de 'Server-Side Rendering' (SSR)?

El servidor genera el HTML completo antes de enviarlo al cliente. Signup and view all the answers

¿Cuál es la característica principal de la arquitectura de microservicios?

Cada servicio se ejecuta en su propio proceso y son débilmente acoplados. Signup and view all the answers

¿Qué función principal tiene 'webpack' en el desarrollo web moderno?

Empaquetar módulos en uno o más bundles. Signup and view all the answers

¿Qué permiten los 'hooks' en el entorno de React?

Enganchar el estado y ciclo de vida sin usar clases. Signup and view all the answers

¿Qué representa el concepto de 'TDD' en el desarrollo de software?

Desarrollo dirigido por pruebas, escribiendo primero las pruebas. Signup and view all the answers

¿Cuáles son los beneficios del 'sharding' en bases de datos?

Divide la base de datos en partes más pequeñas para mejorar el rendimiento. Signup and view all the answers

¿Qué es un 'JWT' en el contexto de la autenticación web?

Un formato de token para transmitir información de forma segura. Signup and view all the answers

¿Cuál es la descripción correcta de un 'deadlock' en programación?

Una situación donde dos o más procesos se bloquean mutuamente. Signup and view all the answers

¿Qué resultado devuelve el método Array.prototype.reduce()?

Un único valor resultado de una función reductora aplicada a cada elemento. Signup and view all the answers

¿Qué característica define a un closure en JavaScript?

Permite acceder a variables de su ámbito externo. Signup and view all the answers

¿Cuál es la principal finalidad del patrón de módulo en JavaScript?

Encapsular funcionalidades relacionadas en un solo objeto. Signup and view all the answers

¿Qué evento se dispara cuando un documento HTML ha sido completamente cargado y parseado?

'DOMContentLoaded' Signup and view all the answers

¿Cuál es el propósito de la directiva 'use strict' en JavaScript?

Activar un modo más estricto para escribir un código seguro y optimizado. Signup and view all the answers

¿Cómo se define una arrow function en JavaScript?

Como una forma más corta de escribir funciones con un comportamiento léxico del this. Signup and view all the answers

¿Cuál de las siguientes afirmaciones es cierta acerca de AJAX?

AJAX permite actualizar partes de una página web sin recargarla completamente. Signup and view all the answers

¿Cuál es la función del método forEach en un array?

Ejecutar una función para cada elemento sin devolver un valor. Signup and view all the answers

¿Qué describe mejor un deadlock en programación concurrente?

Una situación donde dos o más procesos están bloqueados permanentemente esperando liberar recursos. Signup and view all the answers

¿Qué es A/B testing en el desarrollo web?

Un método para comparar dos versiones de una página web para determinar cuál tiene mejor rendimiento. Signup and view all the answers

¿Qué permite CORS en el contexto de las solicitudes de recursos?

Permite o restringe solicitudes de recursos desde un dominio diferente. Signup and view all the answers

¿Qué define una vulnerabilidad de SQL injection?

Un tipo de ataque que permite al atacante insertar código SQL malicioso. Signup and view all the answers

¿Qué significa PWA en el contexto del desarrollo web moderno?

Progressive Web App. Signup and view all the answers

¿Cuál de las siguientes afirmaciones describe correctamente un 'service worker'?

Es un script que permite a una aplicación web ejecutar tareas en segundo plano. Signup and view all the answers

¿Cuál es la función principal del patrón MVC en la arquitectura de software?

Separar la lógica de la aplicación en tres componentes interconectados. Signup and view all the answers

¿Qué caracteriza a una función 'pure' en programación funcional?

Devuelve el mismo resultado para los mismos argumentos y sin efectos secundarios. Signup and view all the answers

¿Qué mide el 'Time to Interactive' (TTI) en el rendimiento web?

El tiempo en que la página se vuelve completamente interactiva. Signup and view all the answers

¿Qué es una media query en CSS?

Una regla que aplica estilos específicos según las características del dispositivo. Signup and view all the answers

¿Cómo se utiliza una media query para dirigirse a dispositivos móviles?

Definiendo un ancho máximo con @media screen and (max-width: 600px). Signup and view all the answers

¿Cómo se define una transacción en el contexto de las bases de datos?

Una unidad de trabajo que se ejecuta de manera atómica. Signup and view all the answers

¿Qué significa min-width y max-width en una media query?

min-width aplica estilos si el ancho de la pantalla es mayor o igual, y max-width si es menor o igual. Signup and view all the answers

¿Qué es el patrón de diseño 'Singleton'?

Asegura que una clase tenga solo una instancia. Signup and view all the answers

¿Cuál es la principal ventaja del módulo de diseño 'flexbox' en CSS?

Facilita el diseño de layouts flexibles y eficientes. Signup and view all the answers

¿Qué describe mejor el 'Server-Side Rendering' (SSR)?

Una técnica donde el servidor renderiza la página HTML. Signup and view all the answers

Study Notes

JavaScript Study Notes

JavaScript is an interpreted programming language, a dialect of ECMAScript.
It's object-oriented, prototype-based, imperative, and dynamically typed.
It's not compiled; however, it can be compiled Just-In-Time (JIT) in some engines.
Modern JavaScript recommends using let for changing variables and const for unchanging ones.
Anonymous functions are functions without names, often assigned to variables or passed as arguments.

Variables and Operators

The === operator compares both value and type of operands, unlike == which only compares values.

Promises

A promise in JavaScript represents the eventual completion or failure of an asynchronous operation.
Promises allow elegant handling of future results.
They resolve or reject when the operation is finished.
A promise executes through its then method.

JSON

JSON (JavaScript Object Notation) is a lightweight data-interchange format.
It's human-readable and can be easily analyzed and generated by machines.
It's commonly used for data exchange between systems.

Fetch API

fetch is a method for asynchronous HTTP requests to get data from a server.

HTTP Methods (POST & GET)

GET requests data from a server.
POST sends data to a server.

Arrays and `console.log` output

Arrays are considered objects in JavaScript.
typeof [] returns "object".
Use push() to add elements to the end of an array (returns the new length of the array).

Hoisting

JavaScript's hoisting behavior moves variable and function declarations to the top of their scope.

Event Bubbling

Event bubbling is a DOM event propagation method where an inner element's triggered event travels up the parent elements in the DOM tree.

`Array.prototype.map()`

Creates a new array with the results of applying a function to each array element.

`Array.prototype.reduce()`

Executes a reducer function (that you provide) on each element of the array, resulting in a single output value.

Closures

A closure combines a function and its lexical environment.
It allows a function to access variables from its outer scope, even after the outer function has finished.

Module Pattern

A pattern for encapsulating related functionalities into a single object, providing privacy and organization.

DOM

The Document Object Model (DOM) is a programming interface for HTML and XML documents.
It represents the document as a tree of objects, allowing interaction and modification of the HTML structure.
The DOM is an API.

`DOMContentLoaded` Event

This event fires when the initial HTML document has loaded and parsed completely.

`load` Event

The load event fires when everything (including images, scripts, and stylesheets) has finished loading.

Arrow Functions

Arrow functions are a concise way to create functions in JavaScript and have lexically scoped behavior of this.

`use strict`

Turning on strict mode for JavaScript using use strict enforces rules, leading to more secure and optimized code.

AJAX

Asynchronous JavaScript and XML (AJAX) is a web development technique to update parts of a web page without reloading.

`forEach` method

Iterates over an array and applies a provided function to each element.

Event Listener (`addEventListener`)

addEventListener allows you to assign a function to be executed when a specific event occurs on an element.

Classes (e.g., `mt`)

CSS classes (mt, mb, ml, mr, etc.) are used for applying margins.
They can be combined in a variety of ways to apply various margins.

`findIndex` & `find` Methods

findIndex returns the index of the first element in an array that satisfies a provided testing function.
find returns the first element that satisfies a condition in an array.

`includes` Method

Verifies if a specified element exists in an array or string, returning true or false.

`collapse` Class

collapse is a class (often used in frameworks like Bootstrap) that controls the visibility of an element (usually content) by switching classes in an animation.

`classList.toggle("active")`

This toggles the presence of the active class on an element.

Local Storage

Browser storage that lets you save key-value pairs persistently.

JSON.stringify() & JSON.parse()

JSON.stringify() converts an object to a JSON string.
JSON.parse() converts a JSON string back to an object.

`parseFloat`

Converts a string to a floating-point number.

`this` Keyword

this in JavaScript can refer to different objects depending on how the function is called.

`reduce` Method

reduce applies a function cumulatively to the array elements, reducing them to a single value.

Server-Side Rendering (SSR)

In web development, server-side rendering is a technique of generating the HTML of a page on the server instead of the client-side JavaScript. Server-side rendering is often used to help performance.

Time To Interactive (TTI)

TTI is the point where the web page has loaded and can respond to user interaction (visual rendering and responsiveness).

Transactions

Database transactions ensure atomicity; either they complete fully or not at all, maintaining data consistency even during failures.

Singleton Pattern

A design pattern that ensures that only one instance of a class can be created and provides global access to it.

Flexbox

A CSS layout module that allows flexible and efficient layout by defining and controlling how items are positioned and aligned within a container.

Microservices

An architectural style where an application is structured as a collection of loosely coupled services each handling a specific part of the functionality.

Webpack

A module bundler for modern JavaScript applications that handles dependencies and creates bundles for consumption.

React Hooks

Hooks give functional components in React access to features that were previously only possible in class components, with access to the state and lifecycle.

Test-Driven Development (TDD)

A software development process where you write tests first, then implement the code to pass the tests.

Sharding

A technique to divide databases into smaller chunks, called shards, to improve performance and scalability.

JSON Web Token (JWT)

A compact and self-contained way to transmit information securely between parties, often used for authentication.

Deadlock

A situation in concurrent programming where two or more processes freeze, each waiting for the other to release a resource.

A/B Testing

A method for comparing two versions of a webpage to see which performs better.

SQL Injection

A type of attack on web applications where an attacker inserts malicious SQL code into input fields.

Progressive Web Apps (PWAs)

Applications that use web technologies and offer a native-like experience on mobile and desktop, with offline functionality and push notifications.

Model-View-Controller (MVC)

A software design pattern that separates an application's concerns into separate modules. The Model manages the data and business logic, the View is the user interface, and the Controller manages user interactions and updates the model and view as needed.

Media Queries

CSS rules that apply different styles based on the characteristics of the device or screen on which the page is being displayed, useful for responsiveness on different screen sizes.

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Description

Este cuestionario evalúa tus conocimientos sobre JavaScript, incluyendo conceptos clave como variables, operadores y promesas. También abarca el uso de JSON como un formato de intercambio de datos. Ponte a prueba y mejora tu comprensión de esta popular lengua de programación.