BC WEBDEV

Saved by @inertia_m

$Junaid \u26a1$

Junaid ⚡
@junaidshaikh_js 5 years, 2 months ago 1196 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

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

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

Advertisement

Pratham
@Prathkum

Use these 5 websites to learn web development for free in 2023 (take a look):

1. Codedamn

All-in-one platform for learning web development:

• Hands-on practice and projects bundled
• Video content along with interactive labs, quizzes, and articles
• Every course comes with a certificate
• code brushes AI in playgrounds

🔗 https://t.co/mXmUtJZnOU

2. Codepip

Codepip is the platform for your favorite web development games. Gain an edge in your following interview or project.

🔗 https://t.co/MjHNsLvkiL

3. RapidAPI Comics

Learn API development with RapidAPI Comics (sketch notes and fun analogies).

🔗 https://t.co/KONorFomgu

4. JS Visualizer 9000

Learn JavaScript by visualizing your code.

🔗 https://t.co/9NId4GjGAq

George Moller
@_georgemoller

Top 10 websites to learn web development for FREE 👇

1. sololearn .com
2. freecodecamp .org
3. programiz .com
4. upskillcourses .com
5. geeksforgeeks .org
6. studytonight .com
7. hackerrank .com
8. codecademy .com
9. codementor .io
10. bitdegree .org

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 }

You May Also Like

Nikita Poojary
@niki_poojary

Catch me if you can @Mitesh_Engr

Time for a🧵
Mitesh Sir's EXPIRY Option Selling 101:
• What to look for?
• Strike Selection & Ratios
• SL mgmt
• Avoiding freezes
• Monthy Expiry
• Event days
• How he would have traded last expiry?

In collaboration with @AdityaTodmal

Edward de Bono says intelligence is like a🚗 Automobile

“A powerful car may be driven badly. A less powerful car may be driven well. The skill of the car driver determines how the power of the car is used.”

What @Mitesh_Engr Sir looks at for Expiry Trading:

• Technicals of BNF
• Individual Heavyweight stocks of BNF
• Support/Resistance of BNF on weekly TF
• Also has Superb SL management
• When it comes to adjustments, he is always on toes

How to Select Strikes to Sell?

• You can't sell based on premium
• Follow only trend
• Price action is best to sell on expiry day
• Never wait for the options to go to zero

Using Ratios to Sell:

• If BNF is in a range then strangles
• If breakout/ breakdown from a range then directional
• Selling 70/30 or 80/20 ratios
• 2 examples on how he used ratios

Hindu Media Wiki
@HinduMediaWiki

Speech Delay is most common in children nowadays

In ancient times, our grandparents used to follow typical natural way of caring the needs of a child. All they used were more of natural products than chemical based for the growth of child.

One of major step followed was to feed Gurbach Jadd/ Vasa Kommu/ Acorus Calamus for initiating good speech ability in a child. This stem was needed to babies on Tuesdays and Sundays in mother's milk.

Vasa is feed to baby after the 1st bath on 12th day in week. Weekly only thrice it is fed and named as :

Budhwar - Budhi Vasa
Mangalwar - Vaak Vasa
Ravi Vaar - Aayush Vasa

This stem is burnt and rubbed against the grinding stone in mother's milk or warm water to get a paste

The procedure to make it is in the link

https://t.co/uo4sGp7mUm

It should not be given daily to the child. Other main benefits are

1. It clears the phlegm in child's throat caused due to continuous milk intake. It clears the tracts and breathing is effortless.
2. Digestion

For children who haven't got their speech and is delayed than usual should feed this vasa on these days in week atleast for 6months. Don't get carried away with this dialogue
"Some gain speech little late"

Advertisement

Vibhor Varshney
@nakulvibhor

On the occasion of youtube 20k and Twitter 70k members

A small tribute/gift to members

Screeners

technical screeners - intraday and positional both

before proceeding - i have helped you , can i ask you so that it can help someone else too

thank you

positional one

run - find #stock - draw chart - find levels

1- Stocks closing daily 2% up from 5 days
https://t.co/gTZrYY3Nht

2- Weekly breakout
https://t.co/1f4ahEolYB

3- Breakouts in short term
https://t.co/BI4h0CdgO2

4- Bullish from last 5

intraday screeners

5- 15 minute Stock Breakouts
https://t.co/9eAo82iuNv

6- Intraday Buying seen in the past 15 minutes
https://t.co/XqAJKhLB5G

7- Stocks trading near day's high on 5 min chart with volume BO intraday
https://t.co/flHmm6QXmo

Thank you

Caleb Porzio
@calebporzio

🎉🎉 PHP 7.3 is here!

Here are the things I'm excited about.

🚂 Trailing commas in function/method calls!

This will certainly be a required styling choice for me. Same delightful benefits of trailing comma in multi-line PHP arrays, and JavaScript objects.

🧵 Less disgusting heredoc syntax!

Inlining heredoc strings in any way right now is grrrosssss. Now we get sensible capabilities. Everything that was wrong with it is now fixed!

(Ignore the bad syntax highlighting)

☠️ Finally, not-so-silent json_decode error detection!

This really sucked before, now it just sucks a bit less (who wants to pass a 4th param and pass 2 default params first? (helper function anybody?)

📜 Not horrible functions for getting the first and last item (or key) from an array!

Before you either strung a bunch of functions together or messed with internal array pointers. This is a much-needed improvement.

William
@wimgz

🛠️ OPEN BUSINESS IDEAS 🛠️

Below a list of business/product ideas I had or read about.

They are worthless if they remain ideas and if you don't overcome the challenges in building them, so feel free to copy / tweak / implement them!
👇

Better: use one and make a MVP during the #24hrstartup challenge!

😻 Product Hunt Time
A clock that displays the time it is @ProductHunt
Also displays what you should do and where you should post, at each specific time during your launch

🚧 IndieCrunch - VC free tech news
Techcrunch but only for bootstrapped companies

🎧 Kickstarter for audiobooks
A lot of awesome books are not available as audio.
Crowdfund the money to buy the audio rights + a voice actor