I started my web development journey exactly one year ago i,e. January 2020 and it's been a year since I'm in learning phase

In this thread I'll be covering

- All you need to learn about front-end development
- Tools and technologies
- Skills you need to learn
- Resources

First things first, you need an editor to write code. There are plethora of editors out there like atom, VS code, sublime etc

I recommend you to start with VS code. Why?👇🏼

🔹Many built-in features
🔹It's fast
🔹Large community
🔹IntelliSense code completion and debugging

Read 24 tweets

Pratham 👨‍💻🚀

@Prathkum

7 Jan

Few days ago we created Phineas using CSS and now it's time to create Ferb also in few simple steps😄

THREAD🧵

STEP 1: Create a Face of rectangular shape

- Create a rectangle and rotate it a little bit
- Give it a solid border without border-bottom
- Position it

Now we need to create lips and ear. We will create them using pseudo-element ::before and ::after of "face" class div

i.e.

.face::before {
// code
}

.face::after {
// code
}

👇

Read 15 tweets

Pratham 👨‍💻🚀

@Prathkum

3 Jan

Neumorphism is a trendy UI style nowadays. So let's create a neumorphic form using few simple steps

THREAD🧵

Neumorphic design is another UI design that has become popular these days.

Making neumorphic effect is actually pretty easy using only just CSS box-shadow

We'll be creating a neumorphic form in steps👇🏼

2.

STEP 1:

Place a light source(virtually) on screen. In this example I'm considering that my light source is placed top left corner of the screen

3.

Read 11 tweets

Pratham 👨‍💻🚀

@Prathkum

2 Jan

Let's create Phineas using CSS in few simple steps😄

THREAD🧵

STEP 1. Create a head

create a triangle and rotate it so that it looks like a head

STEP 2. Create smile and ear

We have a pseudo elements in CSS, so we can create smile and ear using head::after and head::before

Read 11 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?