Share this page!

Enter URL or ID to Unroll

You can paste full URL like: https://x.com/threadreaderapp/status/1644127596119195649
or just the ID like: 1644127596119195649

How to get URL link on X (Twitter) App

  1. On the Twitter thread, click on or icon on the bottom
  2. Click again on or Share Via icon
  3. Click on Copy Link to Tweet
  4. Paste it above and click "Unroll Thread"!
  5. More info at Twitter Help
Tejinder Sharma Profile picture
Tejinder Sharma
@tejinder_id
• I share projects and content related to web development. • Frontend Web Developer and Freelancer. fiverr:- https://t.co/U1aD7enxmB
Jul 2, 2022 • 15 tweets • 4 min read
CSS Flexbox Part 1 ⚡️⚡️

1. Flex Direction.
2. Flex Wrap.
3. Justify Content.

A Thread 🧵
Jul 1, 2022 • 8 tweets • 3 min read
Day 1️⃣ 9️⃣/ 6️⃣ 0️⃣ of ReactJS.

➞ Today I revised how to reuse components?

➞ I am using TailwindCSS and DaisyUI in this project.

Let's discuss how to reuse components.

A Thread 🧵 ♦︎ We are taking the example of an e-commerce page.

📌 We will not discuss CSS, we only discuss the ReactJS components.

➞ What is a component?

Components let you split the UI into independent, reusable pieces, and think about each piece in isolation.
Jul 1, 2022 • 4 tweets • 2 min read
Let's make an "About me" section using HTML and CSS.

Full Code and code pen link in Thread.🧵↓ ➞ HTML and CSS.
Jun 30, 2022 • 7 tweets • 2 min read
Let's discuss

1. How to print output in the developer console in JavaScript?

2. How to receive input from users in JavaScript?

A Thread 🧵 ♦︎ Output Methods:-

① Console.log() :-

➞ The console.log() is a function in JavaScript.

➞ It Just prints any message that needs to be displayed to the user.

➞ It is used to print any kind of variables defined before in it.
Jun 28, 2022 • 8 tweets • 5 min read
Let's design a CTA(Call To Action) section of a website using HTML and CSS.

A Thread 🧵 I'd also like to tell you about this great app which I have been using for a while now

@DevBytesApp helps you to learn about many programming languages such as JavaScript, Web3, PHP & APIs, etc... all the information in just 64 words. Download the app ↓

devbytes.co.in/invite/xnev7EGA
Jun 27, 2022 • 17 tweets • 5 min read
Top TailwindCSS Resources that are very useful ⚡️✨.

A Thread 🧵 ⒈ To learn tailwind CSS:- Go to the official website where it has covered each topic with examples.

Link:- tailwindcss.com
Jun 26, 2022 • 6 tweets • 2 min read
Mutability and Immutability in JavaScript.

A thread 🧵 1. What is Mutability:-

--> It is the property to mutate (change) the data by directly changing the data’s values.

--> see the code snippet to understand it. Image
Jun 21, 2022 • 15 tweets • 5 min read
Day 1️⃣ 5️⃣ / 6️⃣ 0️⃣ of React.

♦︎ Let's discuss how to login into a website using Firebase.

♦︎ We also see how firebase will store the data of users like email and Name.

A Thread 🧵 Image 📌 You can find the previous day's study of React on the link.👇

Jun 21, 2022 • 7 tweets • 3 min read
Let's design a Hero section of a website using HTML and CSS.

A Thread 🧵 ♦︎ First, we will make an HTML structure and in CSS do basic resettings.
Jun 19, 2022 • 7 tweets • 4 min read
Day 1️⃣ 3️⃣/ 6️⃣ 0️⃣ of React.

Let's discuss -

♦︎ What is a Fragment?

⇢ We will take an example of an HTML element `table`.

A Thread 🧵 Image 📌 You can find the previous day's study of React on the link.👇

Jun 19, 2022 • 7 tweets • 4 min read
Let's design a contact form using HTML and CSS.

A Thread 🧵 Contact form ♦︎ First, we will make an HTML structure and in CSS do basic resettings. ImageImage
Jun 14, 2022 • 9 tweets • 4 min read
Day 8️⃣ / 6️⃣ 0️⃣ of React Coding.

Today I studied -

♦︎ How to use TailwindCSS and DaisyUI in React Project?

♦︎ Made a small shopping cart section using it.

♦︎ Made a repo of this project on GitHub.

Let's Discuss, how to initialize TailwindCSS and DaisyUI.

A Thread 🧵 Image 📌 You can find the previous day's study of React on the link.👇

Jun 14, 2022 • 12 tweets • 12 min read
Resources to study Frontendend Web development.🧑‍💻

I am getting many DMs asking me about what resources I am following for Frontend Web Development?

I thought of making a thread on this so that it may be helpful for the community.

A thread 🧵 For HTML and CSS

1. freeCodeCamp.
2. W3schools.
3. HTML .com
4. MDN
Jun 13, 2022 • 16 tweets • 4 min read
Day 7️⃣ / 6️⃣ 0️⃣ of ReactJS coding.

Today we are going to

- Study functional Components.

- Convert class components to functional components.

- Study the `useEffect` Hook with an example.

A Thread 🧵 📌 Before starting today's topics let's revise what we have done till now by referring to the previous day's threads in the link 👇.

Jun 13, 2022 • 5 tweets • 2 min read
Optional chaining (?.) or Conditional Property Access in JavaScript.

--> This is a very useful property because it avoids the JS code to throw errors.

--> We will see the practical use of Optional chaining (?.)

Let's discuss it.

A Thread 🧵 {1/3}

--> In JavaScript, the values null and undefined are the only two values that do not have properties.

--> you get a TypeError if the expression on the left evaluates to null or undefined.

--> This error is not desired because it stops the execution of our code. Image
Jun 12, 2022 • 15 tweets • 4 min read
Day 6️⃣ / 6️⃣ 0️⃣

Today we are going to

- Break down the large Component into a small component.

- Before converting our class components to functional components we will study Hooks.

- Study the `useState` Hook with an example.

- See the benefits of using a hook.

A Thread 🧵 📌 Before starting today's topics let's revise what we have done till now by referring to the previous day's threads in the link 👇.

Jun 9, 2022 • 8 tweets • 3 min read
Day 3️⃣ / 6️⃣ 0️⃣ of ReactJS coding.

⭐️ Today we are going to discuss:-

- How to define the method in ReactJS?

- How to optimize our code by removing the inline lengthy code?

A Thread 🧵 You can refer to the Day 1 the link:-
Jun 9, 2022 • 7 tweets • 6 min read
In the past days, I had a talk with @tamalweb and @ATechAjay.

🤝 They are amazing people with great mindsets.

We talked about -

1. Coding Journeys 👨‍💻.
2. Daily Routines ✍️.
3. Future Plans 🎯.
4. ReactJS ⚛️.
5. Content Creation ✎.

Let us discuss more in a small Thread 🧵 @tamalweb @ATechAjay First I talked to @tamalweb.

⭐️ He shared his experience in coding and he is building an app using RecatJS and NodeJS.

⭐️ He told me that he created lots of content on coding.

⭐️ He is a freelancer, a content creator, and now building his SAAS product.
Jun 9, 2022 • 9 tweets • 3 min read
Let us discuss a small summary of

- functions

- function declaration.

- function parameters.

- function expression.

- callback functions.

A Thread 🧵 ⚡️ Functions :-

--> Functions are one of the fundamental building blocks in JavaScript.

--> Quite often we need to perform a similar action in many places of the script.

--> They allow the code to be called many times without repetition.
Jun 8, 2022 • 10 tweets • 4 min read
Day 2️⃣ / 6️⃣ 0️⃣ of React Coding.

On Day 1 we have studied -

- How to Fetch JSON files (data) from a website?

- The Flow of React code.

- Use of map method.

⚡️ Today we are going to discuss how to search for an employee from the list JSON that we have fetched.

A Thread 🧵 {1/8}

📌 You can revise the Day 1 thread from this thread 👇

Jun 7, 2022 • 11 tweets • 3 min read
Day 1️⃣ / 6️⃣ 0️⃣

😀 Today I am starting 60 Days of Code in React JS.

I will discuss threads on React topics and projects.

⭐️ Today we will discuss -

--> How to Fetch JSON files (data) from a website.

--> The Flow of React code.

--> Use of map method.

A Thread 🧵 {1/9}

📌 We will discuss all the topics using small projects.

--> The AIM of the project is to display the name of the employees from the JSON file.

--> JSON file contains a large amount of data but we will extract the name and id from it.