Sign in

Jonelle Noelani Yacapin
Certified Sommelier and Flatiron School Software Engineering Grad

I’ve seen jQuery requested a lot in job descriptions. I’ve also seen it when I add the scripts to use bootstrap in a project. And, I’ve also seen a bit of the syntax of jQuery.

jQuery syntax:

$ (document).ready(function( ){
$(“#div2”).find(“*”).css({“color”:”red”, “border”:“5px solid red”});

Why does it keep popping up? What does it do? When is it best used? Are there any disadvantages? Can I get by without ever using it? How can I learn more if I do ever need to use it?

The tagline on jQuery’s website is “write less, do more”. How quaint.

jQuery is a…

Photo by Luke Stackpoole on Unsplash

Decided to revisit an old SPA project. Everything works alright. Click an item and it pulls up the images and data associated with it. Click another item and it’s all replaced with new images and data associated with that link and so forth. One thing that bothered me was that I couldn’t return to the ‘home’ page; the main page that’s initially seen.

Since it’s a SPA, it only has one url path. Clicking on links and everything doesn’t take you to a new page. It just replaces the contents on the one page. …

A while ago I did a technical assessment/coding challenge and thought this would be pretty easy except I didn’t have a clear understanding of what ‘set’ and ‘list’ meant. Is ‘set’ just the concept of turning it into 1 singular object by putting everything in curly braces? If everything is already present and ‘listed’ inside the ‘set’ what actually changes by converting a ‘set’ into a list? If we wanted the final outcome to be a ‘list’, why put them into a ‘set’ in the first place?

Fortunately, I understand ‘sort’ and since we want the numbers to be in…

In a previous blog, I explored scripting languages and shell/bash scripting.

This exploration was spurred by “scripting” being thrown around in job descriptions which made me ponder what little I knew of “scripts” and “scripting” in the programming universe. Here, I’m going to revisit <script> as an HTML tag since that’s the first form I’ve seen it as.

As a basic <script> tag it can allow access to another document (such as a JavaScript doc) or to other sources to be used for something like Bootstrap.

I also got a little exposure to jQuery and that just invoked more questions…

Photo by Walkator on Unsplash

A couple of weeks ago, I was working on something and had one of those ‘Aha!’ moments where something made such profound sense that I told myself I should explore it and write about it.

Unfortunately, I don’t remember what I was working on or what that ‘Aha!’ moment was exactly. So, I’m going to dive in and see if I can rediscover it.


In vanilla JavaScript, innerText grabs just the rendered text of an HTML element. In essence, the text that is visible in the browser is what innerText grabs.


<p id=“example”>This is an <span> example </span>.</p>


Photo by Markus Winkler on Unsplash

Some software engineer/developer job descriptions list knowledge of ‘scripting’ as a requirement. What exactly does that mean? I can deduce that scripting means to write something, in this context, code. But what kind of code?

The only time I’ve seen ‘script’ come up in my coding projects is in the <body> of an HTML file to include other sources (like a JavaScript file or bootstrap).

I’ve never had a CORS-related issue until just recently when I was working with JavaScript. Then again, I haven’t dealt much with CORS in general.

My only recollection of even bumping into the subject was by exploring the Gemfile in past Ruby projects. I think it comes with the initial Ruby on Rails API build but I’m not 100% sure at the moment. Either way, gems are pretty easy to add-on.

Simply add gem ‘rack-cors'to the Gemfile and run a bundle installon the command line.

Cross-Origin Resource Sharing (CORS)

“an HTTP-header based mechanism that allows a server to indicate any other origins (domain, scheme…

In previous blogs, I’ve tried to clarify what an API (Application Programming Interface) is and define the components of a RESTful (Representation State Transfer) program. Now, I want to combine those to talk about a major concept that I’ve seen repeatedly in my job search: RESTful APIs.

My main takeaway on an API is that it is the software in the middle that allows two applications to talk to each other. It takes a request and tells the system or server of the other applications what to do before returning the response. This also allows somebody to take advantage of…

Photo by Nick Fewings on Unsplash

REST is for the weak. Just have to code, code, code long into the night, right?

No, REST (Representation State Transfer) is a programming standard used in many languages for organizing ‘routes’ and making them reusable.

A ‘RESTful’ system is “stateless and separate(s) the concerns of client and server” — codecademy

It ensures that certain HTTP methods (GET, POST, PATCH, DELETE) are linked to certain CRUD actions (Create, Read, Update, Destroy). This makes the application and code easier to understand and creates consistent URL paths for users.

Client and Server

“A client is a computer that connects to and uses the resources of…

Photo by That's Her Business on Unsplash

Since I’m working on multiple things at any given time, I am guilty of having multiple browser windows open each with several tabs. Maybe some of you can relate? As I finish projects and research, I do close them but the chaos is never-ending.

If you use Chrome, tab groups are kind of nice but I prefer to keep each subject matter in their own separate window.

Part of the reason I have so many tabs open is because I’ll be looking at a list of something or reading an article that has a links to other pages or sites…

Jonelle Noelani Yacapin

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