It needs to be more widely discussed that honing programming skills often involves cultivating the ability to ask precise questions on search engines like Google and discerning which code is most suitable for copying and pasting. Moreover, there’s a significant secret they don’t reveal: there is no ultimate mastery or final level. The distress of feeling bewildered and incompetent is not something you overcome but rather something you learn to accommodate.
After completing FreeCodeCamp’s JavaScript courses, I find myself at a loss. I don’t know what my next steps are. While I initially considered continuing with their other courses, I’d prefer to focus on JavaScript for now. However, I am interested in exploring their different courses in the future. Additionally, the Pokemon Search App project has proven to be quite challenging, although I did find some helpful videos that guided me through the coding process. Ultimately, my goal is to become more independent in my coding abilities.
I’ve been contemplating trying out The Odin Project as another learning avenue. Their curriculum is structured in a way that starts with HTML before progressing to JavaScript. I also noticed that they offer a course on Git Hub, where I could use improvement. Should I leap and embark on this new learning path? Is this a good idea? Should I just put myself out there without fully knowing code? I’m anxious. I’ve started the courses on the Odin Project, and I like them.
Today, Lexi kindly prepared Mac ‘n Cheese for me at lunch. She only wanted half of the box and shared the rest with me. It was too much to finish, but I appreciated the gesture. Initially, I planned to have cereal for lunch, so having a proper meal was a nice change. Admittedly, I sometimes struggle with my eating habits. For some reason, my brain prefers just two meals a day, although my stomach doesn’t always agree. When I eat, I feel guilty. I often find myself caught up in coding and need to remember to eat, especially during lunchtime. I do recognize the need to improve my eating habits.
We paid off Karissa’s class for the upcoming Fall term. That is her last class before she gets her associate’s degree. Then, she plans on getting her bachelor’s degree. She won’t have to do the general education classes because she already finished them.
My body is sore from working out. We did upper body one day and legs the next. We are having chicken parmesan tonight. I started the marinara sauce earlier. I must fill up Tommy’s and mine pill boxes and start dinner.
JavaScript notes…
——————————
FreeCodeCamp Pokemon Search App
** start of html **
Document
Pokémon Search App
Base
Stats
HP:
Attack:
Defense:
Special Attack:
Special Defense:
Speed
** end of html **
** start of javascript **
const searchInput = document.getElementById("search-input");
const searchForm = document.getElementById("search-form");
const spriteContainer = document.getElementById("sprite-container");
const pokemonID = document.getElementById("pokemon-id");
const pokemonName = document.getElementById("pokemon-name");
const types = document.getElementById("types");
const weight = document.getElementById("weight");
const height = document.getElementById("height");
const hp = document.getElementById("hp");
const attack = document.getElementById("attack");
const defense = document.getElementById("defense");
const specialAttack = document.getElementById("special-attack");
const specialDefense = document.getElementById("special-defense");
const speed = document.getElementById("speed");
/* Functions */
const getPokemon = async () => {
try {
const pokemonNameOrId = searchInput.value.toLowerCase();
const response = await fetch(`https://pokeapi-proxy.freecodecamp.rocks/api/pokemon/${pokemonNameOrId}`);
const data = await response.json();
// Information
pokemonName.textContent = `${data.name.toUpperCase()}`;
pokemonID.textContent = `${data.id}`;
weight.textContent = `Weight: ${data.weight}`;
height.textContent = `Height: ${data.height}`;
spriteContainer.innerHTML = `
`;
// stats
hp.textContent = data.stats[0].base_stat;
attack.textContent = data.stats[1].base_stat;
defense.textContent = data.stats[2].base_stat;
specialAttack.textContent = data.stats[3].base_stat;
specialDefense.textContent = data.stats[4].base_stat;
speed.textContent = data.stats[5].base_stat;
// types
types.innerHTML = data.types.map((obj) => `${obj.type.name}`).join(" ");
} catch(err) {
resetDisplay();
alert("Pokémon not found");
}
};
const resetDisplay = () => {
const sprite = document.getElementById("sprite");
if (sprite) sprite.remove();
// Reset Stats
pokemonName.textContent = '';
pokemonID.textContent = '';
types.innerHTML = '';
height.textContent = '';
weight.textContent = '';
hp.textContent = '';
attack.textContent = '';
defense.textContent = '';
specialAttack.textContent = '';
specialDefense.textContent = '';
speed.textContent = '';
};
/* Event Listeners */
searchForm.addEventListener("submit", (e) => {
e.preventDefault();
getPokemon();
});
** end of javascript **
