BC WEBDEV

Saved by @meera_w13

Pratham
@Prathkum 2 years, 4 months ago 308 views

Save to PDF Share See On Twitter

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

5. 30 Days of Node

Learn Node step by step with interactive examples and code snippets in 30 days.

🔗 https://t.co/9nbtMiNB1C

Thanks for checking this thread out.

You can check out my other threads at @Prathkum. I generally write about web development. 😁

More from Pratham

Pratham
@Prathkum

5 great code snippet websites for every web developer and designer

🧵👇🏻

1️⃣ 30 Seconds of Code

- Short code snippets for all your development needs

🔗 https://t.co/91L4bAxkgF

2️⃣ Free Frontend

- Free hand-picked HTML, CSS and JavaScript (jQuery, React, Vue) code examples, tutorials and articles

🔗 https://t.co/2sIAm73EdZ

3️⃣ Little Snippets

- A free collection of HTML and CSS code snippets

🔗 https://t.co/qxAyA2wA6U

4️⃣ CSS Deck

- Collection of Awesome CSS and JS Creations to help out frontend developers and designers.

🔗 https://t.co/LcZYnipvCy

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

I've brought you some amazing GitHub repositories of web development tips and tricks 🌟

THREAD🧵🔽

1️⃣ JS Tips

- A huge list of 73 great tips and tricks of JavaScript

🔗 https://t.co/r0J9vW8WrH

2️⃣ CSS Protips

- A collection of tips to help take your CSS skills pro. Definitely check it out

🔗 https://t.co/5haB2xTWuz

3️⃣ JS Tips and Tricks

- Some advanced tips and tricks of JavaScript that can help you to take your skills onto next level

🔗 https://t.co/NvfoANwweV

4️⃣ Git Tips

- Git is an essential tool for very programmer. in this repo you'll find the most commonly used git tips and tricks

🔗 https://t.co/34qvOhYCZE

Advertisement

Pratham
@Prathkum

If you start with the right course then the process becomes a little easier

I found some amazing YouTube videos and courses that will help you start your Web Development journey

🧵👇🏻

HTML and CSS

- A great way to arouse your web dev journey with Gary's (@designcoursecom) course on YouTube

🔗 https://t.co/xjm7nfV2L2

JavaScript

- Although it's impossible to learn JavaScript in 2 hours but JavaScript mastery is one the best YouTube chanel for JavaScript. This 2 hours long crash course will help you start your journey and gives you quick overview.

🔗 https://t.co/1zcSeu4zKE

Git and GitHub

Git is an essential tool. And after learning JavaScript, I think one should go for Git and GitHub. Check out this free great course on Udemy

🔗 https://t.co/E14cibOLXb

React

What you'll learn
- what problems React can solve
- how React solves those problems under the hood
- what JSX is and how it translates to regular JavaScript function calls and objects
- manage state with hooks
- build forms

🔗 https://t.co/3z22aeVQFc

Pratham
@Prathkum

9 websites that will help you learn web development faster (they are free) 🧵

1. How HTTP Works

Everything you need to know about HTTP based system.

🔗 https://t.co/gVZS4RzS1a

2. 30 Days of Node

Learn Node step by step with interactive examples and code snippet in 30 days.

🔗 https://t.co/9nbtMiNB1C

3. How DNS Works

Learn what happens when you type a website address in your browser

🔗 https://t.co/SqMRNnDbc3

4. Git

Check out this excellent free website to learn git visually.

🔗 https://t.co/rQJMISBDfS

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 }

More from Webdev

George Moller
@_georgemoller

🌟 2022 React developer roadmap.

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

Advertisement

George Moller
@_georgemoller

7 common React mistakes that you should avoid.

🧵 Thread 👇

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
@Prathkum

Some of my handmade JavaScript notes and cheat sheets that can help you 🧵👇

1. JavaScript Function Anatomy

2. JavaScript Arrow Function

3. JavaScript Array Methods

4. JavaScript Date Methods

You May Also Like

$Billy Bostickson \U0001f3f4\U0001f441&\U0001f441 \U0001f193$

Billy Bostickson 🏴👁&👁 ...
@BillyBostickson

Tip from the Monkey
Pangolins, September 2019 and PLA are the key to this mystery
Stay Tuned!

Meet Yang Ruifu, CCP's biological weapons expert https://t.co/JjB9TLEO95 via @Gnews202064
Interesting expose of China's top bioweapons expert who oversaw fake pangolin research
Paper 1: https://t.co/TrXESKLYmJ
Paper 2:https://t.co/9LSJTNCn3l
Pangolinhttps://t.co/2FUAzWyOcv pic.twitter.com/I2QMXgnkBJ
— Billy Bostickson \U0001f3f4\U0001f441&\U0001f441 \U0001f193 (@BillyBostickson) October 11, 2020

2. A jacobin capuchin dangling a flagellin pangolin on a javelin while playing a mandolin and strangling a mannequin on a paladin's palanquin, said Saladin
More to come tomorrow!

3. Yigang Tong
https://t.co/CYtqYorhzH
Archived: https://t.co/ncz5ruwE2W

4. YT Interview
Some bats & pangolins carry viruses related with SARS-CoV-2, found in SE Asia and in Yunnan, & the pangolins carrying SARS-CoV-2 related viruses were smuggled from SE Asia, so there is a possibility that SARS-CoV-2 were coming from

Noah Smith
@Noahpinion

1/Politics thread time.

To me, the most important aspect of the 2018 midterms wasn't even about partisan control, but about democracy and voting rights. That's the real battle.

2/The good news: It's now an issue that everyone's talking about, and that everyone cares about.

3/More good news: Florida's proposition to give felons voting rights won. But it didn't just win - it won with substantial support from Republican voters.

That suggests there is still SOME grassroots support for democracy that transcends

4/Yet more good news: Michigan made it easier to vote. Again, by plebiscite, showing broad support for voting rights as an

5/OK, now the bad news.

We seem to have accepted electoral dysfunction in Florida as a permanent thing. The 2000 election has never really

Bad ballot design led to a lot of undervotes for Bill Nelson in Broward Co., possibly even enough to cost him his Senate seat. They do appear to be real undervotes, though, instead of tabulation errors. He doesn't really seem to have a path to victory. https://t.co/utUhY2KTaR
— Nate Silver (@NateSilver538) November 16, 2018

Advertisement

$(\u3063\u25d4\u25e1\u25d4)\u3063 \U0001f499 \U0001d440\U0001d4b6rymo Belfast \U0001f499\U0001f331\U0001f340 \u24cb\U0001f397\ufe0f$

(っ◔◡◔)っ 💙 𝑀𝒶rymo Belfa...
@MarymoBelfast

THREAD PART 1.

On Sunday 21st June, 14 year old Noah Donohoe left his home to meet his friends at Cave Hill Belfast to study for school. #RememberMyNoah💙

He was on his black Apollo mountain bike, fully dressed, wearing a helmet and carrying a backpack containing his laptop and 2 books with his name on them. He also had his mobile phone with him.

On the 27th of June. Noah's naked body was sadly discovered 950m inside a storm drain, between access points. This storm drain was accessible through an area completely unfamiliar to him, behind houses at Northwood Road. https://t.co/bpz3Rmc0wq

"Noah's body was found by specially trained police officers between two drain access points within a section of the tunnel running under the Translink access road," said Mr McCrisken."

Noah's bike was also found near a house, behind a car, in the same area. It had been there for more than 24 hours before a member of public who lived in the street said she read reports of a missing child and checked the bike and phoned the police.

David Rothkopf
@djrothkopf

Trump on climate: I don't believe it. Trump on Khashoggi: I don't believe it. Trump on Russia: I don't believe it. Idiocy? A canny game? Doesn't really matter as much as the underlying intellectual autocracy. In this administration only one opinion matters.

It's an assault on facts and reason. It's an assault on good governance. It's an assault on the bureaucracies that are being discounted. It's an assault on science and history. But it is also an assault on one of the underpinnings of democracy.

We live in a system that is grounded on the idea of collaborative government. Leaders may have a final word but even then, there are typically checks and balances. Hopefully, in this case, such checks and balances may work. But they also are being tested.

The president's position that he is smarter than all the world's scientists, than the entire intelligence community, than experts who have studied any issue all their lives, is, of course, asinine. But his belief that government turns solely on his opinion, is monarchic.

Louis XIV reportedly said, "L'etat est moi." That he was the state. Trump asserting that he knows better than all, discounts all advice, that his brain is enough to chart the course for America alone, is essentially saying the same thing.

Nicolas Cole
@Nicolascole77

🚢 Atomic Essays Republishing Framework 🚢

1. Write Atomic Essay
2. Post image on Twitter
3. (Bonus) Copy/paste text as thread
4. Find relevant Question on Quora. Copy/paste Atomic Essay + image.
5. Copy/paste again on Medium.
6. Again on LinkedIn
7. Win

Guide below ✍️🚢👇

Step 1: Write Atomic Essay

I really enjoy writing right inside the Figma template. It helps give me a good sense of exactly how much "real estate" I have/have left before my time us up and I'm out of space.

Once finished, I export the image and send to my phone on Slack.

Step 2: Post image on Twitter

Before I publish my Atomic Essay on Twitter, I use the Edit/Photo Markup function on the iPhone to highlight standout sentences.

These are usually power-phrases: things the reader skims and thinks, "That's interesting," prompting them to read more.

Step 3: For the Ship 30 for 30 challenge, I only turn Atomic Essays into threads if...

1. The piece is SUPER actionable and lends itself well to the thread format (lots of bullets, quick points, lists, etc.)

or...

2. I'm referencing research and want to link to the pieces.

Step 4: Find relevant Question on Quora. Copy/paste Atomic Essay + image.

Search on Quora around the topic you wrote about. Find a related Question. Copy/paste the whole Atomic Essay as your "answer" (& fix formatting). Then include image so it appears in the thumbnail.