How to access APIs data inside of VS Code

As a developer, I rely heavily on Postman for viewing data when using an API. Understanding of CRUD also pairs well with Postman. Toggling between the different windows on top of my tabs containing React and useful CSS tricks docs that I have open is time consuming. I recently came across a youtube video, https://www.youtube.com/watch?v=AbCTlemwZ1k, showcasing a VS Code Extensions that can essentially, replace Postman. Whoah! Who thought Postman can be replaced? It won’t. I still use Postman even when I have my extension installed on VS Code. …


What is XHR and how to use to resolve missing data

I recently came across a bug while building out a search form that pulls from an API. I noticed that my search form was being selective when auto populating certain U.S States and did not know what other tools I could use besides console.log()

First, we need to know how to access the Dev Tools using Safari. Here is an article from Apple showing us how this can be down, https://support.apple.com/guide/safari/use-the-developer-tools-in-the-develop-menu-sfri20948/mac

https://support.apple.com/guide/safari/use-the-developer-tools-in-the-develop-menu-sfri20948/mac

Great, now that we have access to the tool, you will notice a difference between Google Chrome Dev…


https://miro.medium.com/fit/c/1838/551/1*uhSX5djhrWiguXoWsW_lEw.png

One of the common questions I always find myself asking an SWE is, “how do you know so many languages?” The response is always mixed with a joke or two. After spending time building full-stack applications using JavaScript with Ruby on Rails backend, I wanted to explore another backend framework that I am always seeing on job descriptions. .Net is a common framework that companies still use today. Until recently with JS and React, .net is normally connected with C#. So I wanted to dive deeper into the language and what difference/similarity does it have with JavaScript.

Print to the CMD

Let’s start with…


We, programmers, are always taught about DRY code. Do Not Repeat Yourself. It takes up extra coding time and makes your code look a lot longer than it needs to be. Save yourself and peers some time and be aware of DRY.

Glad we got DRY out the way. How many times will we hear that? Take this same analogy and shift it to a roadblock scenario. I recycle functions, methods, algorithms often in my application but find myself always puzzled when trying to implement the code. My google history can attest to it. …


What is Quokka?

VS Code has a handful of extensions to our disposal. I came across Quokka during a meetup recently and wanted to share. As the presenter was coding, I noticed he did not have to use console.log() to test his data. This saves time navigating between the VS Code and the browser dev tools.

How to use Quokka?

You can start a new file or start using Quokka once installed. If you want to use it on an existing file, you need to search for Quokka, Command+Shift+P, type in Quokka and select the language. I am using JS with Quokka. Quoka…


When I first walked into Flatiron School campus, I noticed a lot of whiteboards throughout campus. These whiteboards varied in sizes and even the desk was of the same material that allows us to write on, with the exception of using anything permanent. As my hours turned into days, I noticed that I am constantly in the use of two things, my computer and a whiteboard. Being able to work on a problem away from your computer, can make a big difference in how we look at a problem. I’ve used a whiteboard for notes or also my MVP diagrams…


As a full-stack developer, we come across many tools that can bring our application visual to life or, take it another step when it comes to the interface. It wasn’t too long ago, we were developing command-line apps that limited us to the terminal interface. Project week in Mod3 gives us the freedom to use google and implement new and creative ways to enhance our applications. Today’s blog, I will introduce an open-source toolkit we can implement using HTML, CSS, and Javascript.

https://getbootstrap.com/

Bootstrap divides a webpage into rows and columns. Each row is divided into 12 columns and, by design…


Learning Javascript has shown me how I could make changes or create how I want my website to show. This gives me complete control as a developer to create a web page when a user interacts on my site. As a student, I learned to use critical tools to manipulate a web page. These tools are Visual Code Studio and Chrome Dev Tools. VS will give me access to the .js and .html files. Whereas the Chrome Dev Tools will give me access to a console in which I can verify that my code is communication to the web page…


Transitioning from Campus to Remote Learning

This blog will focus on the adjustment it took me personally as a full-time SWE student to an online, remote setting. The first week was tough, the second week, was a bit easier as this will be the norm during this crisis. Having the ability to work with my colleagues and Flatiron coaches on hand, is a very successful tool that I believe was great being on campus. Transitioning away from a classroom setting was very difficult for my learning style. I struggled with understanding new concepts and at times, found myself drifting away…


Breaking down collection_select logic

During a hallway bump with my colleague, I was asked what arguments belong in a collection_select. From that moment, my brain went into a scrabble. Words such as instance, class, methods, objects, object of a class, hash, arrays, erb….the list went on. Every terminology that I learned since Mod1 went rushing through my head. This is when I realized, I have failed the city (GreenArrow reference)…

I went back to my computer, opened Google, and pulled up our handy railsdoc, and saw the following:

https://guides.rubyonrails.org/form_helpers.html#helpers-for-generating-form-elements

5 arguments make a collection_select functional. Great, Perfect. Unfortunately, 5 is just…

Komal

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store