Learn JavaScript in 2021: Hassib Moddasser’s recommendation

Looking to learn new coding skills before the year ends?

It’s never too late to learn a new skill. And many developers arrive in the fields of IT and engineering at a variety of different times in their lives and careers. For TinyMCE, if you’re interested in contributing to the code on GitHub, JavaScript is a good language to start learning.

But there are many paths to follow when you look at the question “How to learn JavaScript  in 2021?” Which path, among the winding labyrinth of pathways, is best for you to learn JavaScript? This post summarizes the tweet thread compiled by software engineer Hassib Moddasser, who's put some time toward making a learning pathway.

First, get  your Javascript  Basics right

To start learning JavaScript, some of the resources Hassib Moddasser recommends include JavaScript.info. A good project when what you’re starting out is to head to the JavaScript.info introduction page, read it, and then answer try to these questions:

• What is JavaScript? 
• Why is it called JavaScript? (Hint – it’s to do with another code language called Java)
• What can JavaScript do? (Hint – it might make web pages come alive)
• What can’t JavaScript do?

After this, Moddasser recommends going to the Mozilla Developer Docs, and looking up the ECMAScript specification. Again, see if you can read the article and answer these questions: 

• What is ECMAScript?
• What is ECMA International?

With this completed, you can actually try out some JavaScript for yourself!

Getting started with JavaScript

1. Open your browser
2. Press F12 to open the console
3. Write `console.log('Hello, World!)`
4. Press Enter

Congratulations, you have just written your "Hello World" program in JavaScript.

For more: https://t.co/ENtxm05Eob

{ 3 }

— Hassib Moddasser 🦉 (@hassibmoddasser) September 12, 2021

Communication is required to learn JavaScript

Understanding syntax rules helps you to connect with other developers. That’s why, before you do anything else, you need to be ready to communicate. As you learn the basic syntactic components of JavaScript, think about how following the items (as recommended by Moddasser) helps your code be more easily understood by other developers: 

• Basic syntax
• Comments
• Declarations
  • Var
  • Let
  • Const
• Variable hoisting

Effective communication means putting concepts into spoken or written form in a clear way. Developers can do this when they follow Syntax standards. According to Glassdoor, this is a priority skill. It’s the first entry on their compiled list of skills for engineers.

The next steps to learn JavaScript

You can follow along with the intermediate and advanced topics at your own pace. Reach out for help on Stack Overflow if you need.

Data Types 

Data types

• Boolean
• null
• undefined
• Number
• String

Note: Symbol and BigInt data types are not included in the beginner-level JavaScript roadmap!

Read this: https://t.co/4kbNkq46PI

{ 5 }

— Hassib Moddasser 🦉 (@hassibmoddasser) September 12, 2021

Interactions

Learn & practice how to make interaction using
• alert
• prompt
• confirm

Read: https://t.co/THcJ6bkdt0

{ 6 }

— Hassib Moddasser 🦉 (@hassibmoddasser) September 12, 2021

Expressions and Operators

Learn & practice how to make interaction using
• alert
• prompt
• confirm

Read: https://t.co/THcJ6bkdt0

{ 6 }

— Hassib Moddasser 🦉 (@hassibmoddasser) September 12, 2021

Control Flow, Loops, and Iterations

Learn & practice Loops & Iterations

• for
• while
• do-while
• break
• continue

Note: More iteration structures will be covered in the intermediate-level roadmap to JavaScript!

{ 9 }

— Hassib Moddasser 🦉 (@hassibmoddasser) September 12, 2021

Learn & practice Loops & Iterations

• for
• while
• do-while
• break
• continue

Note: More iteration structures will be covered in the intermediate-level roadmap to JavaScript!

{ 9 }

— Hassib Moddasser 🦉 (@hassibmoddasser) September 12, 2021

Function Basics

Function Basics

• What is a function
• Function declaration
• Function calling/invocation
• Function parameters
• Variable Scopes

Read this: https://t.co/pZVDMpuUCY

{ 10 }

— Hassib Moddasser 🦉 (@hassibmoddasser) September 12, 2021

Objects, Arrays, Events

Objects

• What is an Object?
• Object properties
• Accessing Object properties
• Object methods

Read all these topics in: https://t.co/fxPgm8GDTd

{ 12 }

— Hassib Moddasser 🦉 (@hassibmoddasser) September 12, 2021

Arrays

• What is an Array?
• Creating an Array
• Accessing Array elements
• Changing Array elements
• The length property of Array
• Looping Array elements

Read all these topics in: https://t.co/gpUapL0HKC

{ 13 }

— Hassib Moddasser 🦉 (@hassibmoddasser) September 12, 2021

Events

• What is an Event
• Examples of Events
• Common HTML Events

Read all these topics in: https://t.co/GPPCOS4CNp

{ 14 }

— Hassib Moddasser 🦉 (@hassibmoddasser) September 12, 2021

Learn JavaScript by checking out TinyMCE

The script to add TinyMCE to a webpage contains JavaScript, and you can check out the script in our Quick Start guide, or sign up for an API key to try configuring TinyMCE yourself.

What are your plans for learning JavaScript? Any tips or tricks or resources you know of? Tag us on Twitter at @joinTiny and send us the link to any good guides you’ve relied on to add to your knowledge of Javascript or another code language.