Read on Twitter
8 basic JavaScript concepts to know as a Beginner
Thread below
https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: Thread">
Thread below
JS is an event-driven language. There is an action/event from the user to trigger your script to run.
You define an event handler that will run when a particular event eg click, hover etc is triggered.
There are many DOM Event methods and Properties to learn
Variables are containers of data. It& #39;s important to learn about identifiers like let, const and var. Also understand the different data types:
...
This is Document Object Model. It& #39;s a tree-like representation of our HTML page. JavaScript provides us some methods to manipulate the DOM:
- querySelectorAll()
- createElement
- getAttribute()
- getElementByTagname()
...
Study them.
This is the foundation on which algorithms and logics are written.
If (thisThreadGood) {
retweet ()
}
else ...
Learning this is crucial.
Sometimes, you& #39;d want an instruction to continuously execute until a condition is met. This is called looping or iteration.
It& #39;s a very important concept in JS that must be learned.
Functions are pieces of code you can call to perform an action/task. It can take data in as parameters. After defining a function, you can call it by using it& #39;s identifier:
callFunction();
In a JavaScript, some variables can be accessed by certain parts of the code while some can& #39;t. These depends mainly on the type of identifiers used to define variable. It can make the variable block or lexical scoped.
This concept is known as scoping.
JavaScript is Async in nature. This means that you can "tell" part of the code to run "later" or "wait" while others run immediately. This covers:
...
There are tons of other concepts to know but I choose to shed light on these.
You can put the ones I omitted in the comments.
If you found this helpful, follow mehttps://abs.twimg.com/emoji/v2/... draggable="false" alt="👉" title="Rückhand Zeigefinger nach rechts" aria-label="Emoji: Rückhand Zeigefinger nach rechts"> @UbahTheBuilder for similar threads.
You can put the ones I omitted in the comments.
If you found this helpful, follow me
If you want an in-depth material to see all of these in action, you can get this eBook https://abs.twimg.com/emoji/v2/... draggable="false" alt="👇" title="Rückhand Zeigefinger nach unten" aria-label="Emoji: Rückhand Zeigefinger nach unten"> https://gumroad.com/a/834147443 ">https://gumroad.com/a/8341474...
