Skip to content

Repository files navigation

# Hello World with Vanilla JS > 🇪🇸 [Spanish version of this readme is available](./README.es.md). Start coding a JS/HTML/CSS website in 30 seconds by opening this template using 4Geeks' [One-Click Coding](https://s.4geeks.com/start?repo=https://github.com/4GeeksAcademy/vanillajs-hello) or locally on your computer. ## Before you begin Install the packages by typing: `npm install`. ### How do I run my website to see live changes? Type on the command line `$ npm run start` and type localhost on the browser. ### Where do I write my code? It depends on the language, but you have `./src/app.js`, `./src/style.css` and `./src/index.html` respectively, you can add new `.html` as you please, just make sure to import it on the `app.js`. > Note: remember that the JS workflow starts inside `window.onload`. ## Troubleshooting ### I don't see my changes... Everytime you change any file inside the `./src` folder the website's public URL will automatically refresh the changes (it's a process called hot deploy) Remember also to refresh cleaning the cache (`command+shift+r` on Mac, `control+shift+r` on PC & Linux) ### How do I include more images in my project? Add them inside the `./src/assets/img` folder and import them from any of your JS files. E.g: `import "../assets/img/rigo-baby.jpg";` ### How do I include more JS files? Just add the files into the src folder and import the file/variables into your app.js. E.g: `import myVar from "./file2.js"` ### How do I publish the website? We have prepared the boilerplate to be compatible with [vercel](https://vercel.com/), very easy and in just one step! You can read more about [deploying on vercel here](https://4geeks.com/docs/start/deploy-vercel). ### Thank you This template was built as part of the 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) by [Alejandro Sanchez](https://twitter.com/alesanchezr) and many other contributors. Find out more about our [Full Stack Developer Course](https://4geeksacademy.com/us/coding-bootcamps/part-time-full-stack-developer), [Data Science Bootcamp](https://4geeksacademy.com/us/coding-bootcamps/datascience-machine-learning) or [CyberSecurity Bootcamp](https://4geeksacademy.com/us/coding-bootcamps/cybersecurity) You can find other templates and resources like this at the [school's GitHub page](https://github.com/4geeksacademy/). # vanilla

About

ejercicio práctico Javascript

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages