Crear un modal con Boostrap

Crear un modal con Boostrap

Tiempo de lectura: 2 minutos Reading time: 2 minutes To create a modal with Bootstrap and HTML, follow these steps: Include the Bootstrap stylesheet in your HTML file. You can do this by downloading the CSS file from the Bootstrap website or including a link to an online version in your HTML file. <link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css”> Add the HTML code … Read more

What is an Array? Basic Array Operations in JavaScript

Tiempo de lectura: < 1 minuto Reading Time: < 1 minute Good morning, friends! In today’s tutorial, I’m going to talk to you about Arrays in JavaScript. First of all, what is an array? An array in JavaScript is an object that allows you to store a collection of values of different types, including other objects and functions. Arrays are very ... Read more

Create an image carousel with viewer using HTML, CSS and Javascript

Create an image carousel with viewer using HTML, CSS and Javascript

Tiempo de lectura: 2 minutos Reading time: 2 minutes A carousel of images is a common element on most websites and can be easily created using HTML and CSS. Here’s a basic tutorial on how to create an image carousel: Create a basic HTML structure for your carousel. This would include a div tag with a class of “carousel”: <div … Read more

Creating a Chat using Socket.io and Javascript

Creating a Chat using Socket.io and Javascript

Tiempo de lectura: 2 minutos Reading time: 2 minutes Hello, today I’m going to show you how to create a chat using Socket.io and JavaScript: To get started, you’ll need to have Node.js and npm installed (https://nodejs.org/en/) on your computer. Then, follow these steps: Create a new directory for your project and open a command prompt in that directory. Run … Read more

JSON File Data Access (Simple)

JSON File Data Access (Simple)

Tiempo de lectura: 2 minutos Reading time: 2 minutes Good afternoon everyone, I’m going to provide you with a tutorial on how to access data: <!DOCTYPE html> <html> <body> <h2>First Example Accessing Data in JSON Format</h2> <p id=”miDiv”></p> <script> var texto = ‘[{“nombre”:”Laura Gonzalez”, “calle”:”Su casa en la montania portal 6″, “telefono”:877436700, “fecha”:”1998-07-25″},{“nombre”:”Pablo Perez”, “calle”:”Su casa en la playa bajo … Read more

Load a FlatList from the End to Display a Chat in React Native

Load a FlatList from the End to Display a Chat in React Native

Tiempo de lectura: < 1 minuto Reading time: < 1 minutes Today I’m going to show you how you can load a flatlist in reverse order to display a conversation (chat) using React Native. We are using the FlatList library that comes with the React Native package. import {FlatList} from 'react-native'; To display the items in reverse order (loaded from the ... Read more

Send an Email or Make a Phone Call from Your React Native App

Send an Email or Make a Phone Call from Your React Native App

Tiempo de lectura: < 1 minuto Reading time: < 1 minute Today I’m going to show you how to send an email or make a phone call from React Native. To use this function, we’ll import the Linking library from React Native: https://reactnative.dev/docs/linking import { Linking } from "react-native"; To implement a phone call, we’ll use the same syntax as in ... Read more

Remove accents in a Javascript string

Remove accents in a Javascript string

Tiempo de lectura: < 1 minuto Reading time: < 1 minute To remove accents (diacritics) from a String using Javascript, follow these steps: We have the following String: var text = "Camión"; To remove punctuation marks, we need to use the following function (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize): function stripAccents(s) { return s.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); } This way, when using the function, we can remove the ... Read more

Play YouTube Videos without YouTube API (No API Key) in React Native

Play YouTube Videos without YouTube API (No API Key) in React Native

Tiempo de lectura: 2 minutos Reading time: 2 minutes I’m going to show you how we can play YouTube videos without using the YouTube library for React Native. This way, you won’t have to add an API Key to play videos. First of all, we need to create a Screen with a WebView. To do this, we first install WebView: … Read more