Pratham Profile picture
4 May, 14 tweets, 6 min read
Are you learning JavaScript?

These 12 amazing resources will boost your skills

πŸ§΅πŸ‘‡πŸ»
1️⃣ JavaScript visualizer

- A great visualizer for JavaScript code

πŸ”— jsv9000.app
2️⃣ Learn JavaScript

- Interactive JavaScript tutorial.

πŸ”— learn-js.org/en/
3️⃣ Learn JavaScript

- The easiest way to learn & practice modern JavaScript

πŸ”— learnjavascript.online
4️⃣ JavaScript Tutorial

- This JavaScript Tutorial helps you learn JavaScript programming language from scratch quickly and effectively.

πŸ”— javascripttutorial.net
5️⃣ JavaScript Info

- The Modern JavaScript Tutorial

πŸ”— javascript.info
6️⃣ Code snippets

- The JavaScript snippet collection contains a wide variety of ES6 helper functions. It includes helpers for dealing with primitives, arrays and objects, as well as algorithms, DOM manipulation functions and Node.js utilities.

πŸ”— 30secondsofcode.org/js/p/1
7️⃣ JavaScript by Pluralsight

- Start learning JavaScript with free simulator

πŸ”— javascript.com
8️⃣ JavaScript Tutor

- JavaScript tutor let you visualize JavaScript code and can help you make a strong hold on the concepts

πŸ”— pythontutor.com/javascript.htm…
9️⃣ JavaScript 30

- Build 30 things with vanilla JavaScript in 30 days

πŸ”— javascript30.com
πŸ”Ÿ JavaScript algorithms

- πŸ“ Algorithms and data structures implemented in JavaScript with explanations and links to further readings

πŸ”— github.com/trekhleb/javas…
1️⃣1️⃣ The right way

- This is a guide intended to introduce new developers to JavaScript and help experienced developers learn more about its best practices.

πŸ”— jstherightway.org
1️⃣2️⃣ All JS resources

- Java5cript .com provides you with all of the latest and up to date resources to learn from. Covering books, websites, courses and recommended videos, Java5cript .com gives you the headstart you need to learn JavaScript.

πŸ”— java5cript.com
Feel free to add more amazing resources related to JavaScript πŸ˜„πŸ‘‡πŸ»

β€’ β€’ β€’

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

Keep Current with Pratham

Pratham 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 @Prathkum

6 May
Websites that will help you if you're a web developer or designer

Thread🧡
Free high-resolution images that you can use in personal and commercial projects

πŸ”— gratisography.com Image
Web design resources, including a ton of categorized photos, plus icons and templates

πŸ”— imcreator.com/free Image
Read 6 tweets
5 May
If you know CSS then do not write CSS code, use these free generators instead that can help you tremendously

A Thread 🧡
1️⃣ Gradient Animator

- A CSS generator to create beautiful animated gradients 🎨

πŸ”— gradient-animator.com
2️⃣ CSS Accordion Slider Generator

- Create fully responsive, css only accordion sliders

πŸ”— accordionslider.com Image
Read 6 tweets
3 May
A complete beginner's guide to styling your website with CSS.

Thread πŸ§΅πŸ‘‡πŸ»
CSS is an amazing and unique language that servers a great purpose. We can make our website visually good using CSS. It describe the presentation of web pages, including typography,. layouts, color etc...

{ 2 / 27 }
First and foremost

The characterstic of a great website is it's color scheme. Forget about everything and learn about background and color properties initially.

The colors are something from which users interact first whenever they visit your webpage

{ 3 / 27 }
Read 27 tweets
2 May
Check out these 10 amazing GitHub repositories 😼

🧡 πŸ‘‡πŸ»
1. github.com/gztchan/awesom…
- 🌟Curated design resources

2. github.com/DovAmir/awesom…
- A curated list of software and architecture related design patterns 🎨
3. github.com/lnishan/awesom…
- πŸ’Ž A curated list of awesome Competitive Programming, Algorithm and Data Structure resources

4. github.com/microsoft/node…
- Tips, tricks, and resources for working with Node.js
Read 6 tweets
1 May
z-index is a powerful yet confusing concept of CSS. But this short thread will solve all your doubts related to it.

Thread🧡 πŸ‘‡πŸ»
z-index is a CSS property that controls stacking order of elements along z axis.

Image a hypothetical line starting from your eye to screen, that is z-axis
Note that z-index only works on positioned elements.

You need to specify the position (relative, absolute, sticky, fixed) if you want to arrange an element using z-index
Read 8 tweets
30 Apr
5 seamless single div css art that anyone can create for fun πŸ“±πŸŒ₯οΈπŸŽ§πŸ‘“πŸš€

🧡 πŸ‘‡πŸ»
1️⃣ Mobile Phone πŸ“±

Complete code: codepen.io/prathkum/pen/W… .phone {   position: relative;   height: 128px;   width: 72p
2️⃣ Cloud πŸŒ₯️

Complete code: codepen.io/prathkum/pen/V… .cloud {   height: 50px;   width: 140px;   background: #6EC4
Read 8 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

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

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!