Csaba Kissi Profile picture
Oct 1 β€’ 13 tweets β€’ 2 min read
JavaScript roadmap for beginners

πŸ§΅πŸ‘‡
1. Variables

πŸ“ Variable declaration
∟ var
∟ let
∟ const

πŸ“ Hoisting

πŸ“ Variable Naming Rules

πŸ“ Variable Scopes
∟ Block
∟ Function
∟ Global
2. Data types

πŸ“Primitive types
∟ string
∟ undefined
∟ number
∟ bigint
∟ boolean
∟ null

πŸ“ Object
πŸ“ typeof operator
3. Type casting

∟ Explicit
∟ Implicit
4. Data structures

∟ Structured data
∟ JSON
∟ Indexed collections
∟ Arrays
5. Value comparison operators

∟ ==
∟ ===
∟ Object .is
6. Loops and iterations

∟ for statement
∟ do...while statement
∟ while statement
∟ for...in statement
∟ for...of statement
∟ Break continue
7. Control Flow

πŸ“ Conditional Statements
∟ If...else
∟ Switch

πŸ“ Exception Handling
∟ throw statement
∟ try / catch / finally
∟ Utilizing Error Objects
8. Expressions and operators

∟ Assignment Operators
∟ Comparison Operators
∟ Arithmetic Operators
∟ Logical Operators
∟ String Operators
∟ Conditional Operators
∟ Comma Operators
∟ Unary Operators
9. Functions

πŸ“ Function Parameters
∟ Default Params
∟ Rest Params
∟ Arrow Functions
∟ Built-in Functions
10. Asynchronous JavaScript

∟ setTimeout
∟ setInterval
If you like this post, you can bookmark and tag it by replying with @SaveToBookmarks #javascript #roadmap

You can view your bookmarks on savetobookmarks .com
@SaveToBookmarks That's all, guys.

If you found this list useful, consider:

βœ… Follow @csaba_kissi for more content like this
πŸ”” Enable notifications πŸ‘€
πŸ”„ Retweeting the first tweet.

Thanks for your support, guys! πŸ™πŸ€

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Csaba Kissi

Csaba Kissi Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @csaba_kissi

Oct 2
Basic Git Commands every web developer should know.

Thread πŸ§΅πŸ‘‡ Image
1. git init

The git init command is used to initialize a new Git repository.

This command can be used to set up a new repository or to convert an existing project to a Git repository.
The git init command creates a new directory that contains all of the necessary Git files, such as the .gitignore file and the .gitattributes file.
Read 14 tweets
Sep 30
5 APIs for your next side project (All freemium)

Thread πŸ‘‡πŸ§΅
1. AI Color Generator

Utilize the most recent developments in AI to generate colors.

Find colors for typography, logos, gradients, palettes, and more.

rapidapi.com/hotpot-ai-hotp…
2. The Cocktail DB

API for alcohol and cocktail data.

rapidapi.com/thecocktaildb/…
Read 8 tweets
Sep 30
6 Youtube HTML and CSS courses for beginners

Thread πŸ§΅πŸ‘‡
1. HTML Tutorial for Beginners: HTML Crash Course

Learn HTML using this beginner's HTML tutorial to pursue a career in web development.

You will learn all you require to get started in this HTML lesson.

⏰ Length: 1:09:33

2. Learn HTML – Full Tutorial for Beginners (2022)

Over 4 hours of HTML!

This comprehensive introductory lesson will teach you the fundamentals of web programming.

HTML5 is taught in this course.

⏰ Length: 4:07:29

Read 11 tweets
Sep 29
Best Javascript courses for beginners on Youtube to learn for FREE

Thread πŸ‘‡πŸ§΅ Image
1. Javascript in one hour.

Mosh Hamedani is one of the best teachers on Youtube.

This course will teach you all the Javascript basics you should know.

From variable to functions.

⏰ Lenght: 00:48:17

πŸ”—
2. Learn JavaScript - Full Course for Beginners

You will learn all you need to know to begin using the JavaScript programming language in this comprehensive 134-part JavaScript tutorial for beginners.

⏰ Length: 3:26:43

πŸ”—
Read 10 tweets
Sep 27
There are 188,000+ Chrome extensions in the Chrome Web Store.

But only a few of them are useful for developers.

Thread πŸ§΅πŸ‘‡
1. ScribeHow

Scribe automatically creates a how-to guide with screenshots, instructions, and clicks.

You can edit, annotate and easily share or export them.

Must have extensions for students, educators, and founders.

πŸ”— scribe.how/3DJu9hJ Image
2. Dimensions

This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border.

If you want to measure distances between elements on a website, this is perfect.

πŸ”— chrome.google.com/webstore/detai… Image
Read 10 tweets
Sep 26
Even I Earned Hundreds of Thousands πŸ’° On The Internet I'm Still Learning.

Here Is What and Why.

Thread πŸ§΅πŸ‘‡
1️⃣ Nothing lasts forever.

Internet evolves a lot. You have to come up with new ideas and new projects.

And these may require new technologies and new strategies.
2️⃣ Your competition doesn't sleep.

Even if your project is successful now you can't say... Ok, that's it no more work is required.

You have to listen to your users and implement what's required otherwise your competition will beat you sooner than you could expect.
Read 7 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(