Tweet

@tenphi

This Thread may be Removed Anytime!

Twitter may remove this content at anytime! Save it as PDF for later use!

More from @Prathkum

Pratham 👨‍💻🚀

@Prathkum

25 Mar

Everything you need to know before starting with web development

🧵👇

Hey, there👋

If you want to learn web development then this thread is for you. In this thread, I will try to give a basic overview of the things you need to do to get started.

And any other doubt you have in mind... So Let's go

{ 2 / 23 }

Web development is a vast field but mainly revolves around 3 different technologies.

HTML, CSS and JavaScript - You can learn these things with 100 Days let's see how....

{ 3 / 23 }

Read 23 tweets

Pratham 👨‍💻🚀

@Prathkum

24 Mar

Let's see some cool CSS features that have not yet been standardized.

🧵👇🏻

In this thread I will be covering features of webkit extension but you do the same thing for mozilla as well

Here: developer.mozilla.org/en-US/docs/Web…

{ 2 / 8 }

1️⃣ -webkit-tap-highlight-color

-webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped.

{ 3 / 8 }

Read 8 tweets

Pratham 👨‍💻🚀

@Prathkum

24 Mar

Well all that we have covered so far we can do that using flexbox also.

Let's understand the 2 dimensions of grid layout

{ 14 / 21 }

We can change the position of a particular items in accordance of row and column

For example, I want my first item taking up entire row, that is from first column to last column

grid-column: 1 / 4;

{ 15 / 21 }

Alright moving forward, The next property we have is grid-template-areas which specifies the areas within the grid layout.

Each row is defined by apostrophes (' ')

Sounds confusing? Let see this in action

{ 16 / 21 }

Read 8 tweets

Pratham 👨‍💻🚀

@Prathkum

24 Mar

A complete beginner's guide to CSS Grid layout 👇🏻

Thread🧵

Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex you can make only 1D layout but Grid gives you full power of creating 2D layout

Let's start

{ 2 / 21 }

First things first, start with giving the display property "grid" to the container element or parent element

{ 3 / 21 }

Read 14 tweets

Pratham 👨‍💻🚀

@Prathkum

23 Mar

JavaScript is the most important language for web development. Let's see how you can start learning it

A THREAD🧵

In this thread, we will cover some quick points so that you will be able make functional websites within 10 - 15 days.

However JavaScript is much more than this. But this thread will give you a quick overview

{ 2 / 18 }

First things first, whenever I'm up to learning new technology or language, I always start with a crash course. By doing so I get a quick overview of things in almost no time

{ 3 / 18 }

Read 18 tweets

Pratham 👨‍💻🚀

@Prathkum

22 Mar

Beginner's guide to the most widely used hooks of React

The useState and useEffect hook

A long thread🧵👇🏻

Start with the useState hook

- You will use it almost 100% in your component. The useState hook is not so tough to understand but there is some hiddent concepts, Let's start 👇🏻

{ 2 / 27 }

Working with React hooks, first thing you need to do is to import the particular hook

It's quite easy👇

📌 import { useState } from "react";

{ 3 / 27 }

Read 27 tweets

Share this page!

Pratham 👨‍💻🚀

Try unrolling a thread yourself!

More from @Prathkum

Pratham 👨‍💻🚀

Pratham 👨‍💻🚀

Pratham 👨‍💻🚀

Pratham 👨‍💻🚀

Pratham 👨‍💻🚀

Pratham 👨‍💻🚀

Did Thread Reader help you today?

Like this author's thread?