Swapna Kumar Panda Profile picture
| Concepts, Tips, Cheat Sheets, Questions | DSA, JS, React, SQL/NoSQL, WebDev | Access all my Tweets ๐Ÿ‘‰ https://t.co/jRpP9mx9Zg |
Hakan | โˆž/21M Profile picture Trevor Nemzer Profile picture Moses Ebubechukwu Emenike R.Ph Profile picture Jatin Bhatia Profile picture Fastman Profile picture 8 added to My Authors
May 20 โ€ข 10 tweets โ€ข 2 min read
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.
May 19 โ€ข 18 tweets โ€ข 4 min read
๐ŸŽจ CSS : border-radius

Explained with Classic Illustrations Image ๐Ÿ“‹ 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
May 18 โ€ข 21 tweets โ€ข 3 min read
150+ Full-Stack Web Project Ideas

โœ” Front-End
โ HTML, CSS, JavaScript

โœ” Back-End
โ JavaScript
โ Java
โ C#
โ Python
โ PHP
โ Golang
or, anything.

โ‡ฉ The project ideas are grouped like below. Go to a level as per your suitability.

โž‹ HTML, CSS & JavaScript
โžŒ HTML, CSS, JavaScript, External API
โž HTML, CSS, JavaScript, Back End
โžŽ HTML, CSS, JavaScript, Back End, Database
May 17 โ€ข 9 tweets โ€ข 2 min read
Yes, it's index.html

Do you know why? ๐Ÿงต โžŠ Directory Structure

โฌ˜ Websites are built inside of directories inside a Web Server.

โฌ— Each web page is saved as a separate HTML file.

โฌ™ Example

โ‡ฅ About Us โžŸ example. com/about.html
โ‡ฅ Contact โžŸ example. com/contact.html
โ‡ฅ Home โžŸ example. com
May 17 โ€ข 13 tweets โ€ข 2 min read
<meta charset="utf-8">

What is it in HTML? โ†“ โžŠ What is it?

Let's break down.

โœ› <meta>: It's a HTML tag that contains metadata about a web page.

โœ› charset: An HTML attribute that defines the character encoding for your browser to use when displaying the website content.

โœ› utf-8: It's a specific character encoding.
May 16 โ€ข 22 tweets โ€ข 4 min read
75+ JavaScript Interview Questions

โ‡ฉ Level: Beginner to Medium

โžŠ Basics about Arrays
โž‹ Array Properties
โžŒ Array Methods
โž Looping through Arrays
โžŽ Array related Operators
โž Common Array Operations
โž Comparison of Terms
โž‘ Practice Questions
May 15 โ€ข 24 tweets โ€ข 5 min read
Recently I had mentored a 22-year old who just received a job offer of package $40K annum (remote) for a Junior Web Developer position. It all happened in 3 months.

20 key points he followed to achieve this โ†“ โžŠ Save your time

โฌ˜ He was following multiple resources.

โฌ™ I suggested him to start using @DevBytesApp because
โ Easy to use. No Login.
โ Completely FREE
โ Summarises complex Dev concepts in only 64 words

Link to download the app
May 14 โ€ข 16 tweets โ€ข 3 min read
๐Ÿ›ฃ๏ธ Full Stack Web Developer Roadmap

From Beginner to Pro with $100K per annum.

Version Control

A complete roadmap โ†“ ๐ŸŽข Step-by-Step Roadmap

โžŠ Front-End
โž‹ Back-End
โžŒ Database
โž Integrations
โžŽ Version Control
โž Operating System
โž How to approach?
May 13 โ€ข 21 tweets โ€ข 5 min read
40,000 ๐Ÿ’™

Twitter is a FREE University. I am doing my part since last 8 months.

My FREE Library now has more than 130 ๐Ÿงต. Here is a curation of 40 Best ๐Ÿงต to 10x your learnings.

โ Web Development
โ Programming (DSA)
โ Interview Questions
โ Roadmaps
โ Cheat Sheets

โ‡ฉ โžŠ to โž‹โž‹ Super Learning Threads

May 13 โ€ข 19 tweets โ€ข 3 min read
Mathematics in Web Development

โ‡ฉ We will discuss about,

โžŠ Arithmetic
โž‹ Discrete Mathematics
โžŒ Geometry
โž Coordinate Geometry
โžŽ Mensuration
โž Trigonometry
โž Algebra
May 12 โ€ข 21 tweets โ€ข 3 min read
Data Structures for Front-End Web Developers

โ‡ฉ Data structures are,

โžŠ Array
โž‹ Set
โžŒ Stack
โž Queue
โžŽ Hash Table
โž Tree
โž Graph
โž‘ Special : Linked List
May 11 โ€ข 25 tweets โ€ข 7 min read
25 powerful methods in JavaScript

โ‡ฉ ๐Ÿ’ญ Why this thread?

โฌ˜ Are you newly learning JavaScript? You might already have felt exhausted by the presence of so many methods.

โฌ™ The best approach would be knowing use cases for each of these.

Here are 25 methods. Let's discuss their use cases.
May 10 โ€ข 16 tweets โ€ข 3 min read
Building a Web Application? Worried about its Architecture?


Take inspiration from these 7 different architectural solutions.

โ‡ฉ โžŠ 1-tiered (Static Sites)

โž€ Components
โœ” Only Front-End
โœ˜ No Back-End
โœ˜ No Database

โž How does it work?
โฌ˜ The Front-End is hosted and, served by a Web Server.

โฌ™ Only HTML, CSS, JavaScript and, static files are served.
May 9 โ€ข 18 tweets โ€ข 4 min read
Free University's Free Library

Organized Resources
Easy to Get
Learn Fast

Get access to all resources from this largest library

โ JavaScript
โ DSA
โ Database
โ Linux

โ‡ฉ HTML & CSS
May 8 โ€ข 16 tweets โ€ข 1 min read
15 NPM Commands and their Yarn Equivalents

โ‡ฉ โžŠ Setup a package

โฏ npm init
โฏ yarn init
May 7 โ€ข 16 tweets โ€ข 3 min read
100+ Project Ideas on

โ Stand Alone Apps
โ Web Apps
โ API consuming Apps
โ Website Clones


โ JavaScript
โ Python
โ Java
โ C#
โ Go
โ Kotlin
โ C or, C++
or, any preferred language.

โ‡ฉ โžŠ Unit Conversion

Language: Any language

โž€ Currency
โž Weight
โž‚ Height
โžƒ Temperature
โž„ Distance
โž… Area
โž† Volume
โž‡ Time
โžˆ Numbers (Binary, Octal, Hexadecimal)
โž‰ Color Code (RGB to HSL)
May 6 โ€ข 14 tweets โ€ข 2 min read
How the data world is changing?


A beginner friendly guide.

โ‡ฉ Let's discuss about,

โžŠ What is Blockchain?
โž‹ More about Blockchain
โžŒ How is a block added?
โž Immutable Blocks
โžŽ Is Blockchain a Database?
โž Where should a Blockchain be used?
โž Applications of Blockchain
May 5 โ€ข 25 tweets โ€ข 6 min read
Twitter is a free university. My account is a free library.

But 98.8% might not have the chance to access it.

Here are 22 super helpful ๐Ÿงต to 10x your learnings.

โ Programming
โ Web Development
โ Practice Questions
โ Interview Questions
โ Roadmaps
โ Cheat Sheets โžŠ Coder? Programmer? Developer?

May 5 โ€ข 17 tweets โ€ข 3 min read
50+ CSS Interview Questions

โ‡ฉ Series: โžŠ
Level: Beginner

โžŠ Introduction to CSS
โž‹ CSS Selectors
โžŒ CSS Combinators
โž Pseudo Classes and, Elements
โžŽ CSS Length Units
โž CSS Color Values
โž CSS Box Model
โž‘ CSS Flow Layout (Introduction)
May 4 โ€ข 14 tweets โ€ข 3 min read
Which language for practicing Data Structures?

โ C
โ C++
โ Java
โ C#
โ Golang
โ PHP
โ Kotlin
โ Swift
โ Dart
โ Python
โ JavaScript

How to choose? Let's know in detail.

โ‡ฉ โžŠ An usual Direct Message (DM)

โฏ Hello Sir

โฏ I am <XYZ> and, I am currently working in <ABCLang>.

โฏ Sir, I have a question. I want to learn DSA.

โฏ Should I change to some other language?

โฏ Sir, what is the best language to practice DSA?
May 3 โ€ข 25 tweets โ€ข 4 min read
Which type of Database is for you?

โ SQL
โ NoSQL

Learn details & key differences inside.

โ‡ฉ โžŠ What is a Database?
โž‹ What is a Relational Database?
โžŒ What is SQL?
โž What is NoSQL?
โžŽ Categories
โž SQL vs NoSQL
โž Which one should we use?