When working with arrays, it is important to understand the different types of methods and how they transform your data. push(), pop(), shift() and unshift() are only four of many other such methods.

push()

  • adds one or more elements to the end of an array
  • returns the new element(s)
  • is destructive, so the array itself will be mutated
  • relies on the length property to know where to insert the new element(s) and will default to 0 if there is no length


Here is a list I put together of great resources to become more knowledgable in JavaScript and front end development.

Assuming you already have some basic understanding of the fundamentals and workings of JavaScript, these books and tutorials can help you to take your skills to the next level — and they’re all free!

JavaScript Stack From Scratch

Hosted on GitHub, JS Stack From Scratch is a tutorial that goes through about 25 different JavaScript libraries and tools to put together a nice stack. There are plenty of resources and blog posts out there about how to use all of these tools, but this will give you a more in-depth understanding of how these things work under the hood.

You…


TIPS TO

As a project naturally develops over time to become more robust with a database that grows in parallel to increasing complexity, there are measures that can be made to ensure that the user experience is the best it can be.

Styling

It is not recommended to use in-line styling in a React app because it will add a lot of repeated code to your program. Not to mention, when making any kind of change it will be easier to make a mistake by not applying the update to all of the right tags. To keep it DRY, there are a few options like using styled components, imported stylesheets, or you could even assign your styling directly to a variable.

React Fragments

React applications work by rendering JSX. In order to be able to render the component, your JSX needs to…


HOW TO

Today, I deployed my first application with Heroku. Read on to see how I did it and why you might want to try it out for yourself.

I recently finished working on the first version of my portfolio website. Yay me! It is strictly a front end website that I built with React’s create-react-app and using other libraries like emailjs and react-scroll to add some useful functionality. emailjs allowed me to enable emails to be sent directly to me without the need for a back end component and database, which is really cool. I also wrote my own CSS to customize the styling to my liking, which probably took up a majority of my time while creating this project. …


*Not sponsored by Nike

I don’t know about you, but I need to get better at algorithms.

Let me tell you a story…

This past Friday, I completed a HireVue interview along with CodeVue coding challenges that was sent to me after I applied to JPMorgan Chase & Co’s Software Engineering Program. It was quite an interesting way to conduct an interview and it was my first time experiencing such a thing.

If you’re unaware of HireVue (like I was), they basically provide an interviewing service to their clients to enable either on demand or the typical live interviews. The on demand interview, which is what I was given, can be done on the applicant’s time and…


When writing in JavaScript, it’s important to understand the differences between =, ==, and ===. It will cause bugs and errors in the codebase when used incorrectly.

Assignment Operator =

I decided to add the assignment operator to this post because I had made the mistake many times early on of mixing this up with the comparison operators which caused me quite a bit of trouble while testing. So here is a quick explanation of how it is used:

The = operator is used to assign values to either var, let or const variables. The value itself can be anything — a string, boolean, array, object, function, another variable, etc.

Loose Comparison Operator ==

This operator is used to compare values on either side of the ==


What is the DOM?

The DOM stands for Document Object Model. It is an object-oriented representation of objects and nodes that make up the content for the documents that are seen by its users on the web. The documents themselves are in HTML and XML format and each web page that you visit is considered a document. Whereas the nodes of each document are assembled in a tree structure.

Here is an example of a single DOM from Wikipedia:


This is more of a reminder to myself that hard work will pay off in the end — no matter how long you wait.

I’ve been on the job hunt for about 4 months now. I graduated from Flatiron School’s Full Stack Web Development Bootcamp during the beginning stages of the COVID-19 pandemic in April and have been applying to jobs ever since. Let me tell you, it has not been easy and I’m still at it.

With or without the pandemic, I was also under the illusion that it would be relatively easy to land a role as a…


Recently, I was interviewed by a wonderful company and I wanted to write about my experience with an algorithm that I was tested on.

The task that I was given was to write a method or function using my choice of JavaScript or Ruby that will take in a single string input that should output the same string, but all scrambled up. I was told not to worry about input data types since we can assume that a string will always be provided, and also to not worry about any special characters or spaces. The only rule I had to…


Components are what make up the structure of React applications. The larger and more complex an application is, the more components you will have. A component can be classified as either a class or functional component that comprises of a mix of JavaScript and JSX elements that can accept inputs known as props, which is short for properties. All React components have a built in state object which can be manipulated and rendered as needed. …

Amanda M Johnson

Full Stack Software Engineer | manda.m.johnson@gmail.com

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