Share this page!

Maybe Scrolly?
Swapna Kumar Panda Profile picture
Twitter logo
May 22 โ€ข 16 tweets โ€ข 4 min read
๐Ÿ’Ž Super Collection of 13 Cheat Sheets

โ HTML
โ CSS
โ JavaScript
โ SQL

These all are handcrafted by me and, will definitely make you a 100% better Web Developer.

โ‡ฉ
โžŠ SQL Cheat Sheet
.
โž‹ List of all HTML Elements
.
โžŒ Visuals of all Input Element Types
.
โž List of useful Entities in HTML
.
โžŽ CSS Shorthand Properties
.
โž CSS Flexbox Layout Properties
.
โž CSS Grid Layout Properties
.
โž‘ JavaScript Operators
.
โž’ Reserved Keywords in JavaScript
.
โž“ Type Conversion Table in JavaScript
.
โžŠโžŠ Different ways creating an Array in JavaScript
.
โžŠโž‹ SQL Commands and Categories
.
โžŠโžŒ Database Categories w/ Examples
.
๐Ÿ™ Download Print Quality

โฌ˜ (Most of) These cheat sheets are hosted in a GitHub repository.

โฌ™ If you find these useful, it would be great if you can spend some time and give a โญ๏ธ to this repo.

๐Ÿ”— Link
github.com/swapnakpanda/Iโ€ฆ
Hey ๐Ÿ‘‹

I am a Tech Educator and, Mentor from India ๐Ÿ‡ฎ๐Ÿ‡ณ

I am sharing Tutorials, Tips, Infographics, Cheat Sheets, Practice Questions, Project Ideas and Roadmaps on Web Development, DSA and, Databases.

To never miss anything,
โžœ Follow me โœ…
โžœ Keep ๐Ÿ”” ON

โ€ข โ€ข โ€ข

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

Keep Current with Swapna Kumar Panda

Swapna Kumar Panda 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 @swapnakpanda

Swapna Kumar Panda Profile picture
May 23
11 HTML Tags and Attributes for SEO

โ‡ฉ
We will discuss

โžŠ <title>
โž‹ <meta name = "description">
โžŒ <h1> to <h6>
โž <li>
โžŽ <img alt="...">
โž <a rel="nofollow">
โž <meta name = "robots">
โž‘ <link rel = "canonical">
โž’ <meta name = "viewport">
โž“ Open Graph Tags
โžŠโžŠ Twitter Card Tags

Let's go.
๐Ÿ” Introduction

โฌ˜ When search engines crawl a website, it goes through the entire HTML document

โฌ— Various HTML tags and, attributes help search engines to determine what your content is about and, how to categorise it.

โฌ™ So all these may affect how your website performs
Read 17 tweets
Swapna Kumar Panda Profile picture
May 23
11 YouTube channels/playlists/videos to learn SQL

โ‡ฉ
โžŠ Joey Blue

youtube.com/c/SqlTrainingOโ€ฆ
โž‹ The Magic of SQL

youtube.com/c/TheMagicofSQL
Read 14 tweets
Swapna Kumar Panda Profile picture
May 22
During mentoring over the last 6 months, more than 90% have expressed that

โ HTML/CSS >>> JavaScript
โ Front-End >>> Back-End

* >>> โžŸ relatively easier to expertise

10 super tips that'll completely change your perspective about "computer programming".
Throughout this thread, we will discuss solving the below problem

โYour mom asked you to go to a nearby milk store and bring two 500ml milk packets. If milk is not available there, bring it from the mall.โž

We will see how programming can be related to real-life problems.
โžŠ At what point are you starting?

Let's say you are 6 years old. Or, maybe 20 years old.

โฌ˜ Will the above problem look similar to both of them?

โฌ™ With age comes various experiences and, you get better at understanding problems.
Read 17 tweets
Swapna Kumar Panda Profile picture
May 21
๐Ÿ‘ฉโ€๐Ÿ’ป Practice 200+ Problems

Using your favourite language
โ C
โ C++
โ Python
โ Java
โ C#
โ PHP
โ Golang
โ JavaScript

Crack your next Interview.

โ‡ฉ
๐Ÿ“˜ Get it on Gumroad

โฌ˜ I have curated all these questions and, make it available on Gumroad.

โฌ— You can now get it absolutely FREE.

โฌ™ Scroll down to know more about these questions.

swapnakpanda.gumroad.com/l/questions-foโ€ฆ
๐Ÿ’ญ Thoughts behind it

โฌ˜ To have a good hold on your problem solving skills and, programming practice, you need to practice a lot of problems.

โฌ™ I have curated this list so that you get handful of questions at one place and, never get worried of searching questions.
Read 13 tweets
Swapna Kumar Panda Profile picture
May 20
A beginner's guide to Front End Web Development

โ HTML
โ CSS
โ JavaScript

โ‡ฉ
โžŠ Web Applications

โฌ˜ Applications that are accessed using Web based protocols (HTTP/S) are known as Web Applications.

โฌ™ They have 2 major components

โ UI (Front End)
โ API (Back End)

โœท The division I made and, terms I used are just to simplify things.
โž‹ Front End (UI)

โฌ˜ Front End is the User Interface (UI) and, it's the visual part of a Web Application.

โฌ— Front End is mostly accessed from Web Browsers.

โฌ™ Web Browsers contain 2 engines
โ Browser Engine
โ JavaScript Engine
Read 10 tweets
Swapna Kumar Panda Profile picture
May 19
๐ŸŽจ CSS : border-radius

Explained with Classic Illustrations
๐Ÿ“‹ Table of Contents

โžŠ Introduction
โž‹ How to specify?
โž€ 1 / 2 / 3 / 4 Values
โž Percentage Value
โž‚ Horizontal and Vertical Radius
โžŒ Other Related Properties
โž Shapes using border-radius
โžŽ Conclusion
โžŠ Introduction
Read 18 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!

:(