├── .gitignore
├── README.md
├── assets
├── css
│ └── style.css
└── img
│ └── favicon.png
├── index.html
├── package.json
├── src
├── bases
│ └── readme.md
├── data
│ └── heroes.js
└── index.js
└── webpack.config.js
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 |
3 |
4 | package-lock.json
5 |
6 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Proyecto inicial - Reforzamiento de JavaScript
2 |
3 | * Lo primero que debemos de hacer después de descargar el código es ejecutar el comando:
4 |
5 | ```
6 | npm install
7 | ```
8 | Ese comando descargará todos los módulos de node necesarios para ejecutar el proyecto.
9 |
10 |
11 | * Cuando termine de instalar los node_modules, entonces podermos ejecutar el proyecto de con el siguiente comando
12 |
13 | ```
14 | npm start
15 | ```
16 |
17 | Para que eso funcione, recuerden que deben de ejecutar ese comando en el mismo directorio donde se encuentra el ```package.json```
18 |
19 | ## Cambiar el puerto
20 | Por defecto, el puerto que configuré para este proyecto es el ```8081```, pero si necesitan cambiarlo porque pueda que ese puerto lo use su computadora, pueden cambiarlo abriendo el ```package.json``` >> scripts. Ahí verán la instrucción que lanza el servidor de desarrollo
21 |
22 | ```
23 | "start": "webpack-dev-server --mode development --open --port=8081"
24 | ```
25 |
26 | Simplemente cambian el puerto por el que ustedes necesiten y listo. (lógicamente graban los cambios antes de ejecutar el ```npm start``` nuevamente)
27 |
28 |
29 |
--------------------------------------------------------------------------------
/assets/css/style.css:
--------------------------------------------------------------------------------
1 |
2 | *, html, body {
3 | background: linear-gradient(179deg, rgba(63,187,133,1) 0%, rgba(0,58,93,1) 85%);
4 | font-family: 'Courier New', Courier, monospace;
5 | height: 100vh;
6 | margin: 0;
7 | width: 100vw;
8 | }
9 |
--------------------------------------------------------------------------------
/assets/img/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Klerith/javascript-intro/180bfdeeabccf184c2389eae6b1669e45df5c2cd/assets/img/favicon.png
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Introducción a JavaScript
8 |
9 |
10 |
11 |
12 |
13 |
14 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "rxjs-dev",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "dependencies": {
7 | "webpack": "^4.40.2",
8 | "webpack-dev-server": "^3.8.1"
9 | },
10 | "devDependencies": {
11 | "css-loader": "^3.2.0",
12 | "webpack-cli": "^3.3.9"
13 | },
14 | "scripts": {
15 | "start": "webpack-dev-server --mode development --open --port=8081"
16 | },
17 | "author": "",
18 | "license": "ISC"
19 | }
20 |
--------------------------------------------------------------------------------
/src/bases/readme.md:
--------------------------------------------------------------------------------
1 | # Aquí colocaremos un respaldo de nuestro código
2 |
--------------------------------------------------------------------------------
/src/data/heroes.js:
--------------------------------------------------------------------------------
1 | const heroes = [
2 | {
3 | id: 1,
4 | name: 'Batman',
5 | owner: 'DC'
6 | },
7 | {
8 | id: 2,
9 | name: 'Spiderman',
10 | owner: 'Marvel'
11 | },
12 | {
13 | id: 3,
14 | name: 'Superman',
15 | owner: 'DC'
16 | },
17 | {
18 | id: 4,
19 | name: 'Flash',
20 | owner: 'DC'
21 | },
22 | {
23 | id: 5,
24 | name: 'Wolverine',
25 | owner: 'Marvel'
26 | },
27 | ];
28 |
29 | const owners = ['DC','Marvel'];
30 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | console.log('Hola Mundo!!')
8 |
9 |
10 |
11 |
12 |
13 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 |
3 | module.exports = {
4 | entry: './src/index.js',
5 | devtool: 'inline-source-map',
6 | output: {
7 | filename: 'bundle.js',
8 | path: path.resolve(__dirname, 'dist')
9 | }
10 | };
--------------------------------------------------------------------------------