Essential, tools, resources and extensions to get you going

What you should know before beginning.

If you’re reading this then you already Probably know that Javascript is a language used to listen for actions and manipulate the DOM based on user input, WITHOUT refreshing the page.

However You might not fully understand what this entails. Or there may be new concepts you haven’t encountered. Let’s look at some

Dynamic Design- This is when part or all of the page is not loaded upon visiting a site. This is because the site may change based on user input. Or the developers may want to restrict access to certain components of the site to certain users, Atttt certain times.

Vanilla- This is used in many languages to describe the simple clean barebones use of the language without any additional add ons.

Arity- describes the number of arguments a function is looking for

Callback Functions- functions that get passed as an argument to another function and happen after

Hoisting- javascript executing a function call before the line of code the function is defined on. *this does not work with var, use let or const

Ajax- is built in to your browser to help get and send requests for information without refreshing the page.

Async- “Asynchronous” behavior is when javascript “jumps over” a line of code that is going to take longer to execute in order to continue running the rest of the code. This is a very cool behavior that can be invoked on Javascript to allow for a better user experience among other things.

fetch()- a function that gets information from the API

Function Syntax:

there are 3 ways at least to write functions.

  • Declaration
  • Expression
  • Fat Arrow

** Additional information to note var is really a legacy declaration. YOU SHOULD STAY AWAY FROM IT. Use const when you know you won’t be changing the variable. const is a global declaration. Use let when you will be reassigning. One strategy is to declare everything as const until you hit a situation where you will need to reassign. At which point you can switch to let.

The Rise of Javascipt

Above is a nice little info graphic I found by FullStacks Academy. However if you’re still curious keep reading.

You’ve probably read that Javascript was written in 10 days in 1995 by Brendan Eich and was mostly overlooked for a few years. So what changed and how did javascript become one of the most used and useful languages.

Codeacdemy’s 5 Reasons:

https://news.codecademy.com/javascript-history-popularity/#:~:text=JS%20for%20Servers,skills%20in%20server%2Dside%20contexts.

  1. JavaScript can be used in both the front-end and back-end of web development.
  2. JavaScript is standardized, so it’s frequently updated with new versions.
  3. JavaScript works with the document object model, or the DOM, to respond to user interactions. The DOM is the structure in the browser that displays a web pages.
  4. JavaScript allows websites to have interactivity like scroll transitions and object movement. Modern browsers still compete to process JavaScript the fastest for the best user experiences. Chrome, the most used Internet browser in 2017, has been so successful in part because of its ability to process JavaScript quickly.
  5. JavaScript offers a wide range of frameworks and libraries that help developers create complex applications with low overhead. Programmers can import libraries and frameworks in their code to augment their application’s functionality.

Node.JS, or Node, is one of the most popular versions of server-side JavaScript. Node has been used to write large platforms for NASA, eBay and many others. Since Javascript can execute programs out of order, Node can use it to create scalable web applications, messaging platforms, and multiplayer games. This is why Google Cloud and Amazon Web Service depend on Node for some of their services.

Beyond the web, JavaScript has a large presence amongst cross-platform applications. Popular standalone desktop apps like Slack, GitHub, Skype, and Tidal are developed with the JavaScript framework called Electron.js. Electron is excellent for make desktop applications that need to work across different devices regardless of operating system.”

https://news.codecademy.com/javascript-history-popularity/#:~:text=JS%20for%20Servers,skills%20in%20server%2Dside%20contexts.

The Goodies — extensions to help you out

Like most other languages Javascript has extensions for your code readers that can save you time struggling with syntax. So when you’ve got a grasp of the code. This can help you save time and avoid errors.

Quokka

There’s Another fun extension this time for your Chrome Browser called Quokka! It allows you to test the changes you make live from your VSCode. This one isn’t essential but Could come in handy as you start more rapidly developing in javascript. Link Below:

Debugger

Another Chrome extension is Debugger. Which allows you to adopt Chrome Dev tools from within your VSCode. Link Below:

https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

Web Resources

We all get stuck sometimes. When you need somewhere to turn for help, other than a peer. Here are some resources.

Javascript Tutorial

This has a good library of Javascript components if you need general clarity on a certain subject.

Below is a Git Hub Repo syntax guide:

https://gist.github.com/not-an-aardvark/cb9dbfba750e9a28cb78447491a1d079

There’s always MDN

Which has the docs on a lot of Javascript usage.

Simplified Jargon

It’s like the Urban dictionary for coders. An awesome website for when someone throws something at you or you read something in stack overflow that you totally don’t know.

Other Fun Resources

If you have time on the weekend and you want to get in a little extra practice without over loading your brain. Here are some FUN coding sites to keep the juices flowing.

A place to test your knowledge!

Brilliant is another really fun one, You can test their free addition. These are logic questions based in math and programming.

Finally, I’d like to remind everyone if all else fails, ask a friend or ask me. I’m still a novice to but looking at problems together always shed light on the task. A walk through of code is enough to clear up some fog most times, and a fresh pair of eyes fills in the blanks where needed.

Full Stack developer — Passionate about simplifying concepts, design, and innovation.

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