https://github.com/stevenfvg/fullstack-js-challenges
FullStack JavaScript Challenges.
https://github.com/stevenfvg/fullstack-js-challenges
basic-example es6 javascript
Last synced: 5 months ago
JSON representation
FullStack JavaScript Challenges.
- Host: GitHub
- URL: https://github.com/stevenfvg/fullstack-js-challenges
- Owner: stevenfvg
- Created: 2024-12-29T17:47:41.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-12-30T00:08:54.000Z (5 months ago)
- Last Synced: 2024-12-30T01:19:14.542Z (5 months ago)
- Topics: basic-example, es6, javascript
- Language: JavaScript
- Homepage:
- Size: 3.91 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Desafíos de JavaScript FullStack
Este repositorio es una guía completa para dominar el desarrollo FullStack con el stack PERN de JavaScript. Aquí encontrarás una amplia gama de proyectos, desde aplicaciones Web robustas construidas con el stack completo PERN hasta aplicaciones móviles nativas desarrolladas con React Native y TypeScript. Desde los fundamentos hasta desafíos avanzados, cada proyecto proporcionará una experiencia práctica para construir aplicaciones Web y móviles de alta calidad y escalabilidad, aprovechando los beneficios de TypeScript para una mayor seguridad de tipos y refactorización.
### 📋 Requisitos
Antes de ejecutar los ejemplos, asegúrese de tener *Node.js* instalado en su sistema. Puede comprobar si *Node.js* está instalado ejecutando el siguiente comando en su terminal o símbolo del sistema:
```bash
node --version
```
### 💻 Ejecución de los ejemplos
Ejecute el ejemplo que desee utilizando el siguiente comando:
```bash
node ejemplo.js
```
Por ejemplo, para ejecutar un ejemplo llamado arrays_methods.js, use:
```bash
node arrays_methods.js
```
## 📚 Código de ejemplos básicos con sintaxis ES6 moderna
| # | Contenido | Código |
| --- | --- | --- |
| `01` | Variables | [view](web/example/variables.js) |
| `02` | Strings | [view](web/example/strings.js) |
| `03` | Números | [view](web/example/numbers.js) |
| `04` | Operadores | [view](web/example/operators.js) |
| `05` | Booleanos | [view](web/example/booleans.js) |
| `06` | Objetos | [view](web/example/objects.js) |
| `07` | Arrays | [view](web/example/arrays.js) |
| `08` | Funciones | [view](web/example/functions.js) |
| `09` | Estructuras de control | [view](web/example/control_structures.js) |
| `10` | Iteradores | [view](web/example/iterators.js) |
| `11` | Arrays Métodos | [view](web/example/arrays_methods.js) |
**Ejemplos básicos del DOM**
| # | Contenido | Código |
| --- | --- | --- |
| `01` | Obtener elementos del DOM | [view](web/example/dom/js/get_elements.js) |
| `02` | Modificar elementos DOM | [view](web/example/dom/js/modify_elements.js) |
| `03` | Recorriendo el DOM | [view](web/example/dom/js/traversing.js) |
| `04` | Eliminar elementos del DOM | [view](web/example/dom/js/remove_elements.js) |
| `05` | Generar HTML con JavaScript | [view](web/example/dom/js/generate_elements.js) |
| `06` | Eventos del DOM | [view](web/example/events/) |
**Uso del LocalStorage en JavaScript**
| # | Contenido | Código |
| --- | --- | --- |
| `01` | Obtener datos del LocalStorage | [view]() |
| `02` | Eliminar y actualizar elementos del LocalStorage | [view]() |
| `03` | Persistencia de datos | [view]() |
## 🔥 Ejemplos avanzados
| # | Contenido | Código |
| --- | --- | --- |
| `01` | Gestión de fechas usando MomentJS | [view]() |
| `02` | Prototypes | [view]() |
| `03` | Programación Orientada a Objetos | [view]() |
| `04` | Sets Maps y Symbols | [view]() |
| `05` | Módulos | [view]() |
| `06` | IndexedDB | [view]() |
| `07` | CRM con IndexedDB | [view]() |
| `08` | Callbacks | [view]() |
| `09` | Promises | [view]() |
**Uso de API's en JavaScript**
| # | Contenido | Código |
| --- | --- | --- |
| `01` | Notification API | [view]() |
| `02` | Intersection Observer | [view]() |
| `03` | Detectar si hay conexión a internet o no | [view]() |
| `04` | Ejecutar pantalla completa | [view]() |
| `05` | Detectar cuando estamos viendo la página web actual | [view]() |
| `06` | Speech API | [view]() |
| `07` | FETCH API | [view]() |
| `08` | Consultar un JSON | [view]() |
| `09` | Try Catch | [view]() |
| `10` | Async Await | [view]() |