Build a Pokedex with JavaScript, HTML, and CSS

Komal
4 min readMar 17, 2023

I recently came across an article focusing on javascript interview questions. I did indicate a few questions that I struggled to answer and I wanted to take a break from building apps using frameworks and go back to vanilla javascript.

Why is Javascript important?

Frameworks such as React and Angular are built on top of Javascript. With these frameworks, we also have access to libraries such as AG-Grid or react-table. Depending on our tasks, these libraries might not reach all of our requirements where we would then need to build on top of the existing library. For example, we can use javascript event listener keys to implement a feature of having a user exit a form/grid with a specific key.

This article is to start a new VS Code project and build three files, app.js, app.cs, and index.html to understand vanilla javascript principles.

First, we need to setup a new Project in VS Code. We can do this using terminal or creating a New Folder. We can then open VS Code.

index.html, app.css, and app.js

Le’t s start with the index.html file. Since this is a blank doc, we can use the shortcut bang operator, ! , that will auto generate a template that we need. We no longer have to use an extension for this shortcut. Note, this will only work in a file with the extension .html

--

--