DEV Community

Chantae P.
Chantae P.

Posted on

Week two complete...

Week 2 of my My monthly Goals is complete(well...sort of)

What I've learned this week

  • I learned about console methods that you can use when debugging JavaScript. For instance console.group() method lets you group the console.log() methods together like so:
console.group()
console.log(item1)
console.log(item2)
console.log(item3)
.....
console.groupEnd()
Enter fullscreen mode Exit fullscreen mode

console.info() is used for general information

let color = "purple";
console.info(color);
// purple;
Enter fullscreen mode Exit fullscreen mode

console.warn() is used for giving a warning

console.warn("this is a warning");
//⚠️ this is a warning
Enter fullscreen mode Exit fullscreen mode

console.error() is used to hold errors. You can either enter a string or variable for the error method.

let skyColor = "pink";
console.error("sky color is not pink");
//🛑 sky color is not pink

let errorMessage = "this is an error message";
console.error(errorMessage);
//🛑 this is an error message
Enter fullscreen mode Exit fullscreen mode

To go more into depth about other methods, they are included here

  • I learned a little bit about APIs. I did not know that the DOM(Document Object Model) is an API. Some of the APIs I read about are: geolocation API which tells where the user is located. localStorage API stores information in the browser even when the window is closed. sessionStorage API stores information in the browser while the tab or window is open.history API allows you to access items from the browsers history. And lastly Google Maps API which lets you add maps to your webpage.

  • I completed the FreeCodeCamp Basic Data Structures and OMG! I have my work cut out for me especially when it comes to multi-dimensional arrays. That was where I struggled the most.

  • I learned a little bit about using NodeJS. I learned how to install npm packages. I learned how to use the node repl in the terminal which was pretty interesting. I also learned how to create a package.json file using the command npm init.

Areas where I struggled the most

  • JavaScript, JavaScript, JavaScript and did I mention JavaScript? My main struggle using JavaScript came when it was time to incorporate it in the tip calculator app. I tried looking at other peoples code to get an idea of how to complete the calculations using JavaScript. And it seems that more people are waaaay advanced because they're using key terms and methods I haven't learned about yet. This is the first project so far from frontendmentor that I am completely stumped on. This made me realize that I have a looonnnnnggggg way to go and so much more to learn.

I think I will take a break from this project and do another one that's not too complicated. I will eventually complete the project but right now my brain needs a little mental break right after working on this project for a week(and counting).But on the bright side, at least my project is displayed normally in Google AND Safari.

Top comments (4)

Collapse
 
ajeasmith profile image
AjeaS

Great post! your making good progress! 👌 JavaScript can be very tricky getting into. It took me months to fully understand it, but taking baby steps is key.

I would definitely start with smaller projects, something that has little JavaScript to get you comfortable first.

Like building a accordion or a simple website with drop down menus using JavaScript. They have these projects on frontend mentor too 🙂. Have fun! Look forward to seeing your progression.

Collapse
 
taepal467 profile image
Chantae P.

Thank you so much for the feedback. Yeah I plan on scaling down the projects I'm doing on Frontendmentor to more simpler ones that uses little bit of javascript. I'll just have to keep practicing.

Collapse
 
ajeasmith profile image
AjeaS

Most definitely, keep up the great work! 👌👍🏽

Collapse
 
taepal467 profile image
Chantae P.

Well, I'm actually building the projects from FrontendMentor. I prefer doing those kind of challenges since they just give you the basics such as the images, and README file and then you have to write your own code to get your project to look as close as possible to the original project. And a big plus, you can use the same projects in your portfolio.