Esta lista de reproducción es un cursos sobre los fundamentos de Javascript aprendiendo sobre, variables, selectores mediante querySelector y querySelectorAll, Objetos y peticiones mediante Fetch para poder almacenar estos dentro de un objeto Storage por medio de sessionStorage
✅ APRENDE cómo DECLARAR VARIABLES en JAVASCRIPT
Aprende todo sobre las Variables en JavaScript: Comprende la diferencia entre var, let y const y cómo usarlas eficientemente en tus proyectos.
En el mundo del desarrollo web, JavaScript es uno …de los lenguajes más populares y ampliamente utilizados. Una parte fundamental de JavaScript son las variables. En este artículo, abordaremos las variables en JavaScript y explicaremos las diferencias entre las tres formas principales de declararlas: variables var let const.
Var es la forma más antigua de declarar variables en JavaScript. Sin embargo, presenta algunos problemas, como el hecho de que las variables declaradas con ‘var’ tienen un alcance de función en lugar de un alcance de bloque. Esto significa que pueden ser accedidas y modificadas desde cualquier lugar dentro de la función en la que fueron declaradas.
Por otro lado, ‘let’ y ‘const’ son formas más modernas de declarar variables en JavaScript. Ambas tienen un alcance de bloque, lo que significa que sólo están disponibles dentro del bloque en el que fueron declaradas. ‘Let’ permite la reasignación de variables mientras que ‘const’ no lo hace. Esto significa que una vez que se ha asignado un valor a una variable ‘const’, no se puede cambiar.
En conclusión, elegir entre ‘var’, ‘let’ y ‘const’ depende de la intención que tengas para la variable que estás declarando. Si necesitas una variable que pueda ser reasignada, usa ‘let’, pero si deseas una variable constante, usa ‘const’. Si estás empezando con JavaScript, es recomendable usar ‘let’ y ‘const’ en lugar de ‘var’, ya que tienen un alcance de bloque más claro y son más fáciles de entender. Con el tiempo, te darás cuenta de la importancia de utilizar las variables de manera eficiente en tus proyectos.
Cursos:
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
Aprende todo sobre las Variables en JavaScript: Comprende la diferencia entre var, let y const …
Aprende todo sobre las Variables en JavaScript: Comprende la diferencia entre var, let y const y cómo usarlas eficientemente en tus proyectos.
En el mundo del desarrollo web, JavaScript es uno …de los lenguajes más populares y ampliamente utilizados. Una parte fundamental de JavaScript son las variables. En este artículo, abordaremos las variables en JavaScript y explicaremos las diferencias entre las tres formas principales de declararlas: variables var let const.
Var es la forma más antigua de declarar variables en JavaScript. Sin embargo, presenta algunos problemas, como el hecho de que las variables declaradas con ‘var’ tienen un alcance de función en lugar de un alcance de bloque. Esto significa que pueden ser accedidas y modificadas desde cualquier lugar dentro de la función en la que fueron declaradas.
Por otro lado, ‘let’ y ‘const’ son formas más modernas de declarar variables en JavaScript. Ambas tienen un alcance de bloque, lo que significa que sólo están disponibles dentro del bloque en el que fueron declaradas. ‘Let’ permite la reasignación de variables mientras que ‘const’ no lo hace. Esto significa que una vez que se ha asignado un valor a una variable ‘const’, no se puede cambiar.
En conclusión, elegir entre ‘var’, ‘let’ y ‘const’ depende de la intención que tengas para la variable que estás declarando. Si necesitas una variable que pueda ser reasignada, usa ‘let’, pero si deseas una variable constante, usa ‘const’. Si estás empezando con JavaScript, es recomendable usar ‘let’ y ‘const’ en lugar de ‘var’, ya que tienen un alcance de bloque más claro y son más fáciles de entender. Con el tiempo, te darás cuenta de la importancia de utilizar las variables de manera eficiente en tus proyectos.
Cursos:
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
¿Tiene dificultades para agregar eventos de Javascript a sus entradas HTML? En este video, le …
¿Tiene dificultades para agregar eventos de Javascript a sus entradas HTML? En este video, le mostraré cómo usar Selector by ID para agregar rápida y fácilmente detectores de eventos a …sus entradas HTML. ¡Aprenda cómo hacer que su código sea más efectivo, organizado y eficiente con esta poderosa herramienta! Vea por qué los desarrolladores de todo el mundo están eligiendo Selectores por ID para sus necesidades de eventos de Javascript.
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
En este video, aprenderemos como usar los métodos querySelector y querySelectorAll en …
En este video, aprenderemos como usar los métodos querySelector y querySelectorAll en Javascript, estas funciones permiten seleccionar elementos individuales o en conjunto para crear algo denominado nodeList,
¿Quieres aprender más? Entonces …te recomiendo que revises este video hasta el final en donde validamos un login, y sin duda aprenderás a usar querySelector y querySelectorAll y sin duda lograrás mejorar tus habilidades dentro del desarrollo web.
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
👍🏽 Muestra datos de PHP en JSON con FETCH JAVASCRIPT
En este tutorial de JavaScript para principiantes, aprenderás cómo trabajar con objetos y fetch …
En este tutorial de JavaScript para principiantes, aprenderás cómo trabajar con objetos y fetch para conectarte con una base de datos MySQL usando PHP. También exploraremos el formato JSON y …cómo se puede utilizar para enviar y recibir datos. ¡Mejora tus habilidades de programación en JavaScript con este tutorial paso a paso!
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
😲 APRENDE a CONTROLAR USUARIOS, ROLES y PERMISOS en JAVASCRIPT
En este video crearemos un login que consume datos de usuario desde una API y valida el inicio …
En este video crearemos un login que consume datos de usuario desde una API y valida el inicio de sesión del usuario mediante sus roles de usuario, además, almacenamos el …Token JWT que nos envía la API mediante sessionStorage o localStorage para poder decifrar su contenido y realizar las validaciones de inicio de sesión correspondientes.
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
Mejora tus habilidades en Programación y Desarrollo Web y MEJORA TU FUTURO, ¡aquí te ayudamos!
Marcas de tiempo ⏱
00:00 – Intro
01:45 – Validando respuesta de la API
03:03 – Almacenando en SessionStorage
03:03 – Almacenando en SessionStorage
03:50 – Creando vista de Usuario
05:05 – Validar inicio de sesión con Token
06:00 – Creando vista de Administrador
06:50 – Instalando librería JWT Decode
07:25 – Validando Administrador con datos del Token
08:50 – Debbugeando Errores
10:05 – Creando Logout[+] Show More
7️⃣ 7 consejos para usar Storage en JavaScript con ejemplos + BONUS
SessionStorage en Javascript, al igual que localStorage se encuentan inmersos dentro del objeto …
SessionStorage en Javascript, al igual que localStorage se encuentan inmersos dentro del objeto Storage como propiedades del mismo, pero ¿qué son y para qué sirven?
Actualmente, los navegadores cuentan con un …objeto de almacenamiento o también conocido como objeto Storage (API de almacenamiento web), el cual nos va a permitir almacenar de manera local en el navegador datos son la necesidad de tener que conectarnos a una base de datos o API.
Entonces, podemos inferir que tanto localStorage como sessionStorage en Javascript nos permitirán almacenar información en el navegador para su uso posterior o para poder consumirlo en nuestro flujo de programación.
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
Mejora tus habilidades en Programación y Desarrollo Web y MEJORA TU FUTURO, ¡aquí te ayudamos!
Marcas de tiempo ⏱
00:00 – Intro
01:02 – sessionStorage setItem
02:05 – sessionStorage getItem
03:30 – JSON Stringify y JSON parse
04:28 – sessionStorage removeItem
05:19 – sessionStorage clear
05:35 – sessionStorage key
06:07 – sessionStorage length
06:21 – BONUS: Recorrer sessionStorage[+] Show More
✏️ 5 Métodos de Arreglos en JavaScript para Optimizar tu Código
En este artículo, descubrirás cómo utilizar cinco métodos clave de arreglos en JavaScript para …
En este artículo, descubrirás cómo utilizar cinco métodos clave de arreglos en JavaScript para mejorar la eficiencia de tu código. Aprenderás cómo aplicar estos métodos para manipular arreglos, buscar elementos …específicos y ordenarlos de manera efectiva. Con estos conocimientos, podrás optimizar tu código y mejorar la velocidad y la capacidad de respuesta de tus aplicaciones web. ¡Aprende a utilizar los 5 métodos de arreglos en JavaScript y lleva tu programación al siguiente nivel!
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
Mejora tus habilidades en Programación y Desarrollo Web y MEJORA TU FUTURO, ¡aquí te ayudamos!
Marcas de tiempo ⏱
00:00 – Intro
00:20 – Método Map Javascript
00:53 – Método Filter Javascript
01:25 – Método Find Javascript
01:50 – Método Every Javascript
02:35 – Método Some Javascript[+] Show More
10 cosas que hubiera QUERIDO SABER Antes de TRABAJAR COMO DESARROLLADOR WEB de Javascript
¿Quieres saber cómo usar la terminal y NPM? Aprende cómo instalar dependencias, detener el …
¿Quieres saber cómo usar la terminal y NPM? Aprende cómo instalar dependencias, detener el servidor, agregar etiquetas de script, importar/exportar módulos Javascript y usar paquetes de aplicaciones web como SASS. …Descubre también el significado de la carpeta SRC y el archivo package.json.
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
Mejora tus habilidades en Programación y Desarrollo Web y MEJORA TU FUTURO, ¡aquí te ayudamos!
Marcas de tiempo ⏱
00:00 – El problema
00:20 – Como trabajaba antes
02:48 – ¿Como usar la terminal?
03:48 – ¿Qué es NPM?
05:40 – Instalar dependencias NPM
07:23 – Empaquetadores de Aplicaciones Web
08:20 – ¿Qué significa carpeta SRC?
10:15 – ¿Cómo detener el servidor Javascript?
10:28 – Agregar etiqueta script
11:10 – ¿Qué es package.json?
12:52 – Import / Export Modules Javascript
15:15 – ¿Cómo usar SASS?[+] Show More
🥷🏾 APRENDE cómo CONVERTIR MARKDOWN a HTML con JAVASCRIPT: Guía paso a paso
En esta guía paso a paso, aprenderás cómo convertir Markdown a HTML con JavaScript utilizando …
En esta guía paso a paso, aprenderás cómo convertir Markdown a HTML con JavaScript utilizando la librería showdown.js de manera sencilla y efectiva. Descubre cómo utilizar JavaScript y la librería …showdown.js para automatizar el proceso de conversión de tus archivos Markdown a HTML, lo que te permitirá ahorrar tiempo y mejorar la eficiencia de tu flujo de trabajo. Sigue estos simples pasos y comienza a convertir tus archivos Markdown a HTML de forma eficiente y profesional con la ayuda de showdown.js.
—
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
Mejora tus habilidades en Programación y Desarrollo Web y MEJORA TU FUTURO, ¡aquí te ayudamos!
Marcas de tiempo ⏱
00:00 – Intro
00:15 – Generando estructura de Archivos
00:35 – ¿Cómo escribir Markdown?
01:48 – ¿Qué es Showdown JS?
02:40 – Trabajando con Showdown JS
04:50 – Insertar imágenes con Markdown
05:20 – Creando estilos CSS[+] Show More
[3] COMO hacer un buscador sencillo con Javascript, PHP y MySQL
En este video, aprenderás cómo mejorar la funcionalidad de tu buscador web utilizando …
En este video, aprenderás cómo mejorar la funcionalidad de tu buscador web utilizando JavaScript, PHP y MySQL. Descubre las mejores prácticas y técnicas avanzadas para optimizar la búsqueda de contenido …en tu sitio web. Exploraremos cómo integrar estas poderosas herramientas para obtener resultados precisos y rápidos. No te pierdas este tutorial en el que te mostraremos paso a paso cómo aprovechar al máximo estas tecnologías y ofrecer a tus usuarios una experiencia de búsqueda excepcional. ¡Aumenta la eficiencia de tu buscador web y potencia tu sitio con este conocimiento imprescindible!
—
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
[4] COMO hacer un buscador sencillo con Javascript, PHP y MySQL
En este video tutorial, aprenderás paso a paso cómo crear un buscador sencillo utilizando las …
En este video tutorial, aprenderás paso a paso cómo crear un buscador sencillo utilizando las poderosas tecnologías de Javascript, PHP y MySQL. Descubre cómo implementar la funcionalidad de búsqueda en …tu sitio web de manera eficiente y efectiva. Desde la creación de la interfaz de usuario con Javascript hasta la configuración de la base de datos y la ejecución de consultas en MySQL, este tutorial te brindará los conocimientos necesarios para construir tu propio buscador personalizado. No importa si eres principiante o tienes experiencia en programación, este video te guiará a través de los conceptos fundamentales y te dará las herramientas necesarias para desarrollar tu proyecto. ¡No te pierdas la oportunidad de dominar estas habilidades y mejorar la funcionalidad de tu sitio web con este tutorial de búsqueda en Javascript, PHP y MySQL!
—
Hazme saber en los comentarios como te sientes con tus nuevas habilidades:
🥷🏾 – Ya soy todo un ninja
😎 – Aún no soy ninja pero voy por buen camino
🤯 – Too Much información
😮 – Cada día aprendo algo nuevo
Aprenda los fundamentos de Javascript con esta lista de reproducción. En ella, aprenderás sobre Variable en Javascript, Selectores en Javascript, Objetos y Proxies en Javascript.
También construirás un objeto Storage para almacenar tus datos dentro de un objeto sessionStorage.
Aprenderás los fundamentos de Javascript construyendo una pequeña aplicación. Implementarás las características de tu maqueta en la aplicación y utilizarás variables, selectores, objetos y peticiones para hacerlo.
Esta lista de reproducción es un curso sobre los fundamentos de Javascript. En él, usted aprenderá acerca de las variables en Javascript, selectores utilizando querySelector y querySelectorAll, objetos y proxies en Javascript.
También construirás un objeto Storage para almacenar tus datos dentro de un objeto sessionStorage.
¿Qué es Javascript y cuáles son los fundamentos de Javascript?
JavaScript es un lenguaje de programación de alto nivel que se utiliza principalmente en el desarrollo web. Es un lenguaje interpretado y dinámico, lo que significa que el código se ejecuta en tiempo real a medida que el usuario interactúa con la página web, sin necesidad de compilación previa.
A continuación se muestra un ejemplo de cómo se pueden definir y utilizar variables en JavaScript:
JavaScript se utiliza principalmente para agregar interactividad a las páginas web, como animaciones, validación de formularios, efectos visuales, manipulación del DOM, y también se puede utilizar para crear aplicaciones web completas y complejas, incluyendo aplicaciones de una sola página (SPA) y aplicaciones móviles híbridas.
JavaScript es uno de los lenguajes de programación más populares y ampliamente utilizados en la actualidad, junto con HTML y CSS. Es compatible con todos los navegadores web modernos y se puede utilizar tanto en el lado del cliente (en el navegador web del usuario) como en el lado del servidor (en un servidor web).
¿Cómo puedo aprender sobre fundamentos de Javascript?
Para aprender los fundamentos de JavaScript, hay algunos pasos que puedes seguir:
Aprender los conceptos básicos de programación: Antes de comenzar a aprender JavaScript, es importante tener una comprensión básica de los conceptos de programación como variables, tipos de datos, estructuras de control de flujo, funciones, etc.
Leer documentación oficial: Puedes encontrar la documentación oficial de JavaScript en el sitio web de Mozilla Developer Network (MDN), que es una excelente fuente para aprender los fundamentos de JavaScript.
Seguir tutoriales: Es por ello que te dejo esta lista de reproducción para que aprendas con este curso de Javascript desde cero, los fundamentos de Javascript
Practicar: Una vez que hayas aprendido los conceptos básicos, es importante practicar mucho para reforzar tus conocimientos. Puedes practicar resolviendo ejercicios y problemas en línea, creando proyectos pequeños o contribuyendo a proyectos de código abierto.
Unirse a una comunidad de programadores: Unirse a una comunidad de programadores puede ser muy beneficioso para aprender JavaScript. Puedes unirte a grupos de Facebook o Discord, asistir a eventos de programación o unirte a foros en línea.
Recuerda que el aprendizaje de cualquier lenguaje de programación lleva tiempo y esfuerzo, pero con la práctica constante y la dedicación, puedes convertirte en un programador de JavaScript competente.
¡No lo dejes pasar, aprende sobre los fundamentos de Javascript ahora!
¿Que son las variables en Javascript?
Las variables en JavaScript son contenedores que se utilizan para almacenar valores. Se les puede asignar un valor en cualquier momento y se pueden actualizar o modificar en el transcurso del programa. Las variables son esenciales en cualquier lenguaje de programación porque permiten a los programadores almacenar y manipular datos en tiempo de ejecución.
En JavaScript, las variables se definen utilizando la palabra clave var, let o const. La diferencia entre estas palabras clave radica en la forma en que se pueden utilizar las variables:
var: Es la forma antigua de definir variables en JavaScript. Las variables definidas con var tienen un alcance de función, lo que significa que solo son visibles dentro de la función en la que se definen.
let: Se introdujo en ES6 (ECMAScript 2015) y se utiliza para definir variables que tienen un alcance de bloque, lo que significa que solo son visibles dentro del bloque en el que se definen.
const: También se introdujo en ES6 y se utiliza para definir constantes que no pueden cambiar su valor después de su asignación.
¿Cómo usar Javascript?
Hay varias formas de utilizar JavaScript. A continuación, se detallan algunas de las formas más comunes de utilizar JavaScript:
En el navegador: JavaScript se utiliza principalmente en el lado del cliente para mejorar la interactividad de las páginas web. Para utilizar JavaScript en el navegador, se puede incluir código JavaScript en el archivo HTML utilizando la etiqueta <script> o se puede utilizar un archivo JavaScript externo utilizando la etiqueta <script src="ruta_al_archivo.js"></script>.
En el servidor: JavaScript también se puede utilizar en el lado del servidor utilizando entornos de tiempo de ejecución como Node.js. Node.js permite a los desarrolladores utilizar JavaScript para escribir aplicaciones de servidor, como aplicaciones web completas, API REST, aplicaciones móviles, entre otras.
En aplicaciones móviles: JavaScript se puede utilizar en aplicaciones móviles utilizando frameworks como React Native, que permite a los desarrolladores escribir aplicaciones móviles utilizando JavaScript, lo que significa que se puede compartir gran parte del código entre plataformas.
En aplicaciones de escritorio: JavaScript también se puede utilizar en aplicaciones de escritorio utilizando frameworks como Electron, que permite a los desarrolladores escribir aplicaciones de escritorio utilizando tecnologías web (HTML, CSS y JavaScript).
Para empezar a utilizar JavaScript, es necesario tener un conocimiento básico de HTML y CSS, ya que JavaScript se utiliza principalmente en conjunto con estos dos lenguajes para crear aplicaciones web. También es importante tener conocimientos básicos de programación, como variables, tipos de datos, estructuras de control de flujo, funciones, etc.
¿Quieres aprender más? Te dejo las publicaciones que he realizado sobre Javascript
Si te ha gustado este artículo te pido me sigas en mi: