Are you a coder?

These visualizers will increase your learning process up to 10 times

πŸ§΅πŸ‘‡
πŸ”— pythontutor.com/visualize.html

- You can visualise the execution of different programs from different languages
πŸ”— cscircles.cemc.uwaterloo.ca/java_visualize/

- Step by step visualization of Java programs
πŸ”— algorithm-visualizer.org

- Algorithm are always little tricky to learn. But thus website can make it easier. Visualizer for algorithms
πŸ”— learngitbranching.js.org

- Git is an essential tool for developer. Learn it but visualising

β€’ β€’ β€’

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

27 Mar
65 JavaScript resources that can help you

Mega Thread 🧡 πŸ‘‡πŸ»
πŸ”Ή Websites

1. Java5cript
java5cript.com

2. JavaScript Tutorial
javascripttutorial.net

3. JavaScript 30
javascript30.com

4. JavaScript Info
javascript.info

5. JavaScript by Pluralsight
javascript.com
πŸ”Ή Learn through visualizing

6. JS Visualizer
jsv9000.app

7. UI dev visualizer
ui.dev/javascript-vis…

8. JS Tutor
pythontutor.com/javascript.html
Read 17 tweets
27 Mar
6 amazing GitHub repositories that can help you as a developer

🧡 πŸ‘‡πŸ»
1️⃣ HTML Best Practice

- This repo will help you writing maintainable and scalable HTML documents

πŸ”— github.com/hail2u/html-be… Image
2️⃣ 30 Days Of React

- Learn React in 30 days. A well divided topics of React in days. Definitely check it out

πŸ”— github.com/Asabeneh/30-Da… Image
Read 7 tweets
25 Mar
Everything you need to know before starting with web development

πŸ§΅πŸ‘‡
Hey, thereπŸ‘‹

If you want to learn web development then this thread is for you. In this thread, I will try to give a basic overview of the things you need to do to get started.

And any other doubt you have in mind... So Let's go

{ 2 / 23 }
Web development is a vast field but mainly revolves around 3 different technologies.

HTML, CSS and JavaScript - You can learn these things with 100 Days let's see how....

{ 3 / 23 }
Read 23 tweets
24 Mar
Let's see some cool CSS features that have not yet been standardized.

πŸ§΅πŸ‘‡πŸ»
In this thread I will be covering features of webkit extension but you do the same thing for mozilla as well

Here: developer.mozilla.org/en-US/docs/Web…

{ 2 / 8 }
1️⃣ -webkit-tap-highlight-color

-webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped.

{ 3 / 8 } a {   -webkit-tap-highlight-color: red; }
Read 8 tweets
24 Mar
If you know CSS then you can use these amazing generators and save your time

Thread πŸ§΅πŸ‘‡πŸ»
1️⃣ CSS Box Shadow Generator

- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects

πŸ”— cssboxshadow.com
2️⃣ Glassmorphism

- Generate glassmorphic design easily

πŸ”— glassgenerator.netlify.app
Read 7 tweets
24 Mar
Well all that we have covered so far we can do that using flexbox also.

Let's understand the 2 dimensions of grid layout

{ 14 / 21 }
We can change the position of a particular items in accordance of row and column

For example, I want my first item taking up entire row, that is from first column to last column

grid-column: 1 / 4;

{ 15 / 21 }
Alright moving forward, The next property we have is grid-template-areas which specifies the areas within the grid layout.

Each row is defined by apostrophes (' ')

Sounds confusing? Let see this in action

{ 16 / 21 }
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!