These 5 visualizers will help you learn data structures and algorithms up to 10 times faster

Thread ๐Ÿงต๐Ÿ‘‡๐Ÿป

1โƒฃ https://t.co/H2sKWKEeaz

- Learn DSA and visualize some complex programs. Definitely check it out.
2๏ธโƒฃ https://t.co/0WcFTWBfh9

- Dedicated to graph DS
3๏ธโƒฃ https://t.co/ShEQQkjtWD

- Visualizing data structures and algorithms through animation
4๏ธโƒฃ https://t.co/XxzwBa3vvZ

- All sorting algorithms animations
5๏ธโƒฃ https://t.co/TKkxPKj0Hk

โ€“ collection of computer science algorithm animations and visualizations

More from Pratham ๐Ÿ‘จโ€๐Ÿ’ป๐Ÿš€

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

๐Ÿ”—
https://t.co/6La36IzBLj


2๏ธโƒฃ Glassmorphism

- Generate glassmorphic design easily

๐Ÿ”— https://t.co/qrKqDV5tzY


3๏ธโƒฃ Cool Backgrounds

- Explore a beautifully curated selection of cool backgrounds that you can add to your next project

๐Ÿ”— https://t.co/df7VSaRSh9


4๏ธโƒฃ Pixel art

- Create CSS pixel art, export the results to CSS and download them.

๐Ÿ”— https://t.co/ojD8qwzuhx
5 great code snippet websites for every web developer and designer

๐Ÿงต๐Ÿ‘‡๐Ÿป


1๏ธโƒฃ 30 Seconds of Code

- Short code snippets for all your development needs

๐Ÿ”—
https://t.co/91L4bAxkgF


2๏ธโƒฃ Free Frontend

- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles

๐Ÿ”— https://t.co/2sIAm73EdZ


3๏ธโƒฃ Little Snippets

- A free collection of HTML and CSS code snippets

๐Ÿ”— https://t.co/qxAyA2wA6U


4๏ธโƒฃ CSS Deck

- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

๐Ÿ”— https://t.co/LcZYnipvCy
5 amazing websites that will blow the mind of a developer. Definitely check them out

๐Ÿงต๐Ÿ‘‡๐Ÿป

1๏ธโƒฃ Animation generator

- Dead simple visual tools to help you generate CSS for your projects.

๐Ÿ”—
https://t.co/IFmIEgDiVY


2๏ธโƒฃ Neural Network Visualizer

- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.

๐Ÿ”— https://t.co/mTAlFbJsOW


3๏ธโƒฃ Blockchain Demo

- A visual demo of blockchain technology

๐Ÿ”— https://t.co/I1RwxYcM1Z


4๏ธโƒฃ Developer Roadmaps

- Step by step guides and paths to learn different tools or technologies

๐Ÿ”— https://t.co/VSNPdG8jQR
JavaScript is powerful.

But sometimes, you can do great things using CSS.

A long thread of CSS tips and tricks:

1. Smooth


2. Change marker styling


3. Add styling to video


4. Change input caret
If you start with the right course then the process becomes a little easier

I found some amazing YouTube videos and courses that will help you start your Web Development journey

๐Ÿงต๐Ÿ‘‡๐Ÿป

HTML and CSS

- A great way to arouse your web dev journey with Gary's (@designcoursecom) course on YouTube

๐Ÿ”—
https://t.co/xjm7nfV2L2


JavaScript

- Although it's impossible to learn JavaScript in 2 hours but JavaScript mastery is one the best YouTube chanel for JavaScript. This 2 hours long crash course will help you start your journey and gives you quick overview.

๐Ÿ”— https://t.co/1zcSeu4zKE


Git and GitHub

Git is an essential tool. And after learning JavaScript, I think one should go for Git and GitHub. Check out this free great course on Udemy

๐Ÿ”— https://t.co/E14cibOLXb


React

What you'll learn
- what problems React can solve
- how React solves those problems under the hood
- what JSX is and how it translates to regular JavaScript function calls and objects
- manage state with hooks
- build forms

๐Ÿ”— https://t.co/3z22aeVQFc

More from Coding

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

๐Ÿ”—
https://t.co/CvvfjSrfCL


2๏ธโƒฃ 30 Days Of React

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

๐Ÿ”— https://t.co/8WTc1RQOGV


3๏ธโƒฃ Design resources

- Curated list of design and UI resources from stock photos, web templates, CSS frameworks, UI libraries, tools and much more

๐Ÿ”— https://t.co/82o5Eyhlji


4๏ธโƒฃ Websites a programmer should visit

- A well curated list of websites a programmer should visit

๐Ÿ”— https://t.co/ltdIqcQ6cT

You May Also Like