Share this page!

Swapna Kumar Panda ✨ Profile picture
Twitter logo
31 Dec 21, 5 tweets, 1 min read
💙 Happy New Year, World!!!

ନବବର୍ଷର ଶୁଭେଚ୍ଛା
नया साल मुबारक
শুভ নব বর্ষ
નવા વર્ષની શુભકામનાઓ
नवीन वर्षाच्या शुभेच्छा
ਨਵਾ ਸਾਲ ਮੁਬਾਰਕ
ಹೊಸ ವರ್ಷದ ಶುಭಾಶಯ
నూతన సంవత్సర శుభాకాంక్షలు
புத்தாண்டு வாழ்த்துக்கள்
പുതുവത്സരാശംസകൾ
Feliz año nuevo
Feliz Ano Novo
Bonne année
Frohes neues Jahr Image
Ευτυχισμένο το νέο έτος
Felix New Year
Buon anno
Gelukkig nieuwjaar
Godt nytår
Athbhliain faoi mhaise duit
Boldog új évet
Šťastný nový rok
Շնորհավոր Նոր Տարի
Gëzuar Vitin e Ri
Yeni iliniz mübarək
З Новым годам
Честита Нова Година
Yeni Yılın Kutlu Olsun
Шинэ оны мэнд хүргэе
С новым годом
Жаңа жыл құтты болсын
Щасливого Нового року
Yangi Yil muborak
Გილოცავთ ახალ წელს
Godt nytt år
Gott nytt år
Hyvää uutta vuotta
Szczęśliwego Nowego Roku
An Nou Fericit
Täze ýylyňyz gutly bolsun
Соли Нав Муборак
Срећна Нова година
Sretna Nova godina
Честита Нова Година
З Новым годам
Yeni iliniz mübarək
Šťastný nový rok
Srečno novo leto
Wilujeng taun énggal
Sretna Nova godina
Gelukkige Nuwe Jaar
සුභ නව වසරක්
नयाँ बर्षको शुभकामना
Selamat tahun Baru
ပျော်ရွှင်ဖွယ်နှစ်သစ်
Selamat Tahun Baru
Sugeng warsa enggal
Maligayang bagong Taon
Chúc mừng năm mới
สวัสดีปีใหม่
سنة جديدة سعيدة
نیا سال مبارک ہو
نئون سال مبارڪ
שנה טובה
سال نو مبارک
新年快樂
新年快乐
새해 복 많이 받으세요
あけましておめでとう

• • •

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
3 Jan
How do you write it in HTML?

⇥ <img>
⇥ <img />
⇥ <img></img>

Which one should you use?

⇩
➊ Element Structure in HTML

⮑ Start Tag
Example: <div>
⮑ Content
Anything that's put between start and end tag
⮑ End Tag
Example: </div>
➋ Self Closing Tags

⬔ If you put a "/" before closing of the start tag, it's called a "Self Closing Tag".

Example: <img />

⬕ For a self closing tag, there won't be any content and, end tag.

Example: <img />abc</img> ✘
Read 7 tweets
Swapna Kumar Panda ✨ Profile picture
1 Jan
Why to use <meta charset="utf-8"> 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.
➋ Why is character encoding important?

✪ Most websites these days has to display characters which are not traditional ASCII characters.

✪ When received such characters in HTML source, Browsers should be able to handle those to display properly.
Read 7 tweets
Swapna Kumar Panda ✨ Profile picture
22 Dec 21
🏙 Why should you use Semantic HTML?

✘ <div> ➜ <header> ✓
✘ <div> ➜ <nav> ✓
✘ <div> ➜ <section> ✓
✘ <div> ➜ <article> ✓
✘ <div> ➜ <aside> ✓
✘ <div> ➜ <main> ✓
✘ <div> ➜ <summary> ✓
✘ <div> ➜ <footer> ✓

But why?

⇩
➊ Improve site's SEO positioning
➋ Help your site accessible
➌ Closer to natural language, easier to maintain
➊ Improve site's SEO positioning

❏ Search Engines may analyse the code for our website.

❐ They may use markups, labels to better understand the purpose of our web page.

❏ Using Semantic tags helps in this purpose.
Read 6 tweets
Swapna Kumar Panda ✨ Profile picture
21 Dec 21
💙 Custom React-Based Tools

⮑ Web App
⮑ create-react-app
⮑ Gatsby
⮑ Next.js
⮑ Native App
⮑ React Native Mobile
⮑ React Native Desktop
⮑ CLI
⮑ Ink
⮑ React Blessed
⮑ PDF
⮑ react-pdf

And, many more.

🧵 👇
❝Learn React Once
Build Apps for any Platform❞

❍ React's architecture is so flexible that anyone can build a custom renderer

❍ The renderer converts JSX component to native component

❍ The final product could be anything. It even doesn't need JS-Engine at run-time.
⬔ Web Application

⮑ Client-Side
⮑ create-react-app (SPA)
⮑ Server-Side
⮑ Gatsby (SSG)
⮑ Next.js (SSR + SSG)

❅ Legend:

➊ SPA: Single Page Application
➋ SSR: Server Side Rendering
➌ SSG: Static Site Generator
Read 10 tweets
Swapna Kumar Panda ✨ Profile picture
20 Dec 21
🔥 🔥 JavaScript Frameworks to build API & Microservices

⭔ Hapi
⬠ Express
⭔ Next.js
⬠ NestJS
⭔ Loopback 4
⬠ Restify
⭔ Feathers
⬠ Moleculer
⭔ Sails
⬠ Actionhero
⭔ AdonisJS
⬠ Koa
⭔ Fastify

Which one is your favourite? Reply in 💬
Before proceeding, if you want to find out different ways of calling APIs in JavaScript, check 👇

⭔ Hapi

❍ Hapi is a simple, secure, and open-source javascript framework.

❍ It is used to build powerful, scalable applications with minimal overhead.

❍ It was originally developed to handle Walmart’s Black Friday sale.

➢ Refer: hapi.dev
Read 16 tweets
Swapna Kumar Panda ✨ Profile picture
19 Dec 21
8️⃣ ways of making API calls in JavaScript 🔥

⮑ Browser [Client-Side
⮑ Fetch API
⮑ axios
⮑ jQuery
⮑ XMLHttpRequest

⮑ Node.js [Server-Side
⮑ https
⮑ axios
⮑ node-fetch
⮑ got
⮑ superagent

Which one do you use? Reply in 💬
❍ There are 2 parts to an API. A server and, a client.

❍ A client makes an API call by requesting an API server to consume some API data.

❍ There exists many in-build/external libraries which help in making those API calls.

Let's explore them 👀
➊ XMLHttpRequest

❍ XMLHttpRequest is a built-in browser object that allows to make HTTP requests in JavaScript.

❍ It was deprecated in ES6 with the introduction of Fetch API. Still it is used to work with old browsers.

❍ The response is always in String format.
Read 11 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

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

Like this author's thread?

Get emails when @swapnakpanda has new unrolls!

Check out other threads from @swapnakpanda!

Read all threads by @swapnakpanda

:(