BC WEBDEV

Saved by @inertia_m

$Junaid \u26a1$

Junaid ⚡
@junaidshaikh_js 4 years, 10 months ago 1128 views

Save to PDF Share See On Twitter

13 Websites that will help you improve your frontend skills by building real-world projects. 💪

A thread ⤵️

1️⃣ Frontend Mentor { @frontendmentor }

🔗 https://t.co/qzMGbvq4cY

2️⃣ 100 Days of CSS

🔗 https://t.co/U325h9sV7N

3️⃣ Piccalilli

🔗 https://t.co/GKRX8aCQlJ

4️⃣ Codewell

🔗 https://t.co/05lJe4zRNj

5️⃣ Frontloops

🔗 https://t.co/wf6vrhqKTK

6️⃣ DevChallenges

🔗 https://t.co/rEbs2OXZwT

7️⃣ CodePen Challenges

🔗 https://t.co/5LvvbYDqc9

8️⃣ Daily UI

🔗 https://t.co/Low1gNl99z

9️⃣ CSSBattle

🔗 https://t.co/lf6wp3aCvk

🔟 ACE Front End

🔗 https://t.co/Jcy5lvm1eW

1️⃣1️⃣ Codier

🔗 https://t.co/ZgVxYjuHvU

1️⃣2️⃣ FrontEnd Practice

🔗 https://t.co/2nKcmhgxkg

1️⃣3️⃣ javaScript30

🔗 https://t.co/AtSZqjzHRo

You have come to the end of this thread. Thank you for taking the time to read this. 💛

If you enjoyed this thread →
1. Consider retweeting the thread's first tweet.
2. Follow me on Twitter ( @junaidshaikh_js ) for more related content.

https://t.co/Nq3bEEuTt4

13 Websites that will help you improve your frontend skills by building real-world projects. \U0001f4aa

A thread \u2935\ufe0f
— Junaid \u26a1 (@junaidshaikh_js) August 14, 2021

More from Webdev

Pratham
@Prathkum

React Hooks are the functions which "hook into" React state and lifecycle features from function components. Hooks allows you to manipulate state and other React feature without writing a class. Let's talk about widely used hook

useEffect hook at a glance 🧵👇🏻

useEffect hook is the heart of React functional components

If you're familiar with class components then you might know that we have various lifecycle methods but in functional components, we don't have any lifecycle methods. Instead we have a powerful hook called useEffect

By using useEffect, you tell React that your component needs to do something after render. React will remember the function you passed (we'll refer to it as our “effect”), and call it later after performing the DOM updates

So let's start by understanding the syntax first

3/15

useEffect take two parameters, first is a function and second is an array.

The function inside the useEffect will run every single time component re-render. Consider this piece of code and check the output in next tweet

{ 4 / 15 }

As you can see in the output the function is executed every single time my component re-render

{ 5 / 15 }

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

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 }

Nothing will change after adding display: flex; in the parent container becuase we need to define the width of columns. In order to set that columns width we have gird-template-columns property

{ 4 / 21 }

Let's start with defining the width of our columns.

For example, let's say I need two columns of width 60% and 40% respectively

grid-template-columns: 60% 40%;

{ 5 / 21 }

Advertisement

Pratham
@Prathkum

5 great gradient background sites for every web developer and designer 🎨

🧵👇🏻

1️⃣ uiGradients

- A handpicked collection of beautiful color gradients for designers and developers.

🔗 https://t.co/EainhiePop

2️⃣ Eggradient

- Ready to use gradient background colors. ✓ Cool Gradients are prepared according to the latest design trends

🔗 https://t.co/F0uYVsZbA4

3️⃣ Mesh Gradients

- Create beautiful gradient like aurora UI in few clicks

🔗 https://t.co/MV8PT7q3Kz

4️⃣ CSS Gradient

- Create beatiful gradeint either linear or radial on different angles

🔗 https://t.co/dlCExilHAT

George Moller
@_georgemoller

🌟 2022 React developer roadmap.

Pratham
@Prathkum

Five great icons websites for every web developer and designer ⏺️

A Thread 🧵👇🏻

1️⃣ Icons 8

- Icons8 is just more than icons. You can download illustrations, vector images, music and much more

🖇️ https://t.co/inHse0QXBh

2️⃣ Icon Monstr

- Black and white themed minimal icons which looks super great. You can also cuatomize the thickness

🖇️ https://t.co/dbQrJi0IHf

3️⃣ Icon Icons

- Over one thousand free icons which you can download as icons or images

🖇️ https://t.co/h5NlH5fGGr

4️⃣ Icons finder

Filter through the world’s largest marketplace for icons with flexibility and ease. Made up by submissions from top designers around the world, and curated by the team

🖇️ https://t.co/sqiZ6H9sR7

You May Also Like

Jaya_Upadhyaya
@Jayalko1

SRI MOOKAMBIKA DEVI, KOLLUR (KAR)

There was an Asura, Kaumasura, who was doing penance to please Shiva and get a boon. To prevent him from asking for a boon, Devi Saraswati made him dumb (hence called Mookasur)
Later, Adi Parashakti slayed him and came to be called Mookambika.

It is said that Adi Shankaracharya had a vision in which Devi agreed to follow him provided he did not look back. He kept walking and was assured of her presence due to the sound of anklets. When he reached here in Kollur, he turned back as the sound of anklets had stopped.

So Devi stayed here and merged with the lingam. The place came to be called Mookambika Kshetram.
The linga has integrated on it’s left side MahaKali, Maha Lakshmi and Maha Saraswathi and on the right side- Brahma, Vishnu and Shiva.

A swarna rekha (gold line) divides this linga into left and right portion. Adi Shakthi in this Udhbhavlinga form appears only here.
Devi sits in padmasana and has 4 hands.
Adi Shankaracharya installed the Sri Chakra in front of Devi and also composed the Soundarya Lahiri here.

Jaya_Upadhyaya
@Jayalko1

SRI LALITHAMBIGAI, THIRUMEYACHUR (TN)
#bharatmandir #navratri2021

Kshetram where Shiva is worshipped as Meghanatha and his consort is Lalithambigai seen in Abhay mudra.
Once, a demon Pandasura was harassing the Devas who went to Devi Parashakti for protection.
@GunduHuDuGa

Devi rose from a Yaga Gunda, mounted on the Sri Chakra Rath with the name Lalithambika, waged a war against Pandasura and destroyed him. When her fury did not subside, Shiva asked her to go to Earth, assume the name Manonmani, perform penance and shed her fury.

Shiva blessed Devi to be Shanta nayagi. There is a sculpture here depicting Shiva pacifying Devi. If you observe closely, you can see that from your left hand side there will be a smile on Her face and if you see from your right hand side you can see anger in Her face.

Hayagriva taught the greatness of Lalitha Sahasranama to Rishi Agasthya. Pleased with his devotion, Ma Lalithambikai appeared before Agastya. He is believed to have then sung Lalita Navaratnamala in praise of Devi. He has also composed a hymn named Rahasyanamasahasram.

Advertisement

Adam McKay
@GhostPanther

1) My Stan Lee story happened when I was in 5th grade. I was visiting NYC with my Dad and had read the address for Marvel in the comics I read constantly. I begged my Dad to take me and to his credit he did. And guess what? It was just an office.

2) We were down in the lobby and I was kind of crushed. I don’t know what I expected, The Thing and the Yancy Street Gang to be sitting around smoking cigars? Anyway, my Dad was taking a beat to figure where we were going next and a guy came up to us.

3) He was wearing a white shirt and tie and said to Dad “Is he disappointed because. The Marvel offices were just offices?” My Dad said yes and then the guy who had gray around his temples and a mustache said “hold on a second” and opened one of those office mailboxes with a key.

4) He then handed me a thick stack of EVERY SINGLE MARVEL COMIC COMING OUT THE NEXT MONTH. “Here you go. Keep reading Marvel comics” he said and then walked off. I left in a daze and about 15 minutes later it hit me “Gray around the temples, mustache... That was Stan Lee!”

5) Later when I wrote on the Ant Man movie I told Kevin Feige the story, the year, look of the guy etc and Kevin said “That’s exactly the kind of thing Stan would do and he would have been there then. That was him.” Rest In Peace Stan Lee and thank you for the comics.

Ryan Caldbeck
@ryan_caldbeck

1/ I am seeing more and more founder secondary in venture rounds (Secondary = founders selling some of their shares before some other shareholders are able). Series B-D. I see both as an investor and through entrepreneur circles.

2/ I like secondary for entrepreneurs. Moderation is key but in a lot of situations I think it helps accelerate the co. Lots of very smart investors disagree. Here are my thoughts.

3/ Magnitude: My basic rule of thumb from what I see is market is 4+ yrs and up to 10% of founder’s equity stake with some $ cap that makes sense given stage etc. (typically <$10m)

4/ The entrepreneurial journey is brutally hard. Giving some financial relief helps remove one piece of pressure. I don’t think that secondary in the magnitude mentioned impacts the drive/persistence of great entrepreneurs.

5/ That secondary means they will be able to just sleep knowing they can pay their kids’ tuition. Secondary will make most founders better at their jobs, thus accelerating the co.

UN Watch
@UNWatch

The UN just voted to condemn Israel 9 times, and the rest of the world 0.

View the resolutions and voting results here:

The resolution titled "The occupied Syrian Golan," which condemns Israel for "repressive measures" against Syrian citizens in the Golan Heights, was adopted by a vote of 151 - 2 - 14.

Israel and the U.S. voted 'No' https://t.co/HoO7oz0dwr

The resolution titled "Israeli practices affecting the human rights of the Palestinian people..." was adopted by a vote of 153 - 6 - 9.

Australia, Canada, Israel, Marshall Islands, Micronesia, and the U.S. voted 'No' https://t.co/1Ntpi7Vqab

The resolution titled "Israeli settlements in the Occupied Palestinian Territory, including East Jerusalem, and the occupied Syrian Golan" was adopted by a vote of 153 – 5 – 10.

Canada, Israel, Marshall Islands, Micronesia, and the U.S. voted 'No'
https://t.co/REumYgyRuF

The resolution titled "Applicability of the Geneva Convention... to the
Occupied Palestinian Territory..." was adopted by a vote of 154 - 5 - 8.

Canada, Israel, Marshall Islands, Micronesia, and the U.S. voted 'No'
https://t.co/xDAeS9K1kW