BC WEBDEV

Saved by @meera_w13

Pratham
@Prathkum 3 years, 8 months ago 535 views

Save to PDF Share See On Twitter

12 websites that will help you learn web development faster (completely 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

5. JavaScript

Visualize JavaScript code and learn the workflow.

🔗 https://t.co/IDdTvgvR2f

6. Algorithm Visualizer

Algorithms are always a little tricky to learn. But this website can make it easier.

🔗 https://t.co/KKEmamuWdi

7. Cryptozombies

Learn to code Blockchain DApps by building simple games.

🔗 https://t.co/5BDXNsRg9E

8. useWeb3

useWeb3 is a platform for developers to explore and learn about Web3.

🔗 https://t.co/E3rS2QKDUl

9. Sorting Algorithms

Learn sorting algorithms visually and intuitively.

🔗 https://t.co/XxzwBal6Uz

10. Pull Request

Code Review as a Service.

Get on-demand code reviews from expert engineers and developers.

🔗 https://t.co/ItSexM7HRV

11. Learn Anything

Search anything here, and it will show you the correct roadmap with all the necessary resources

🔗 https://t.co/euUPzwhKXd

12. JS Robot

Learn JavaScript by playing games.

🔗 https://t.co/ZuilVzHScD

Thanks for checking this out.

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

More from Pratham

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 \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

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

Pratham
@Prathkum

Learn Data Structure and Algorithms for free:

1. https://t.co/b8YeMXWcLF
2. https://t.co/TKkxPKj0Hk
3. https://t.co/WJBl9XU8D9
4. https://t.co/KKEmamdkOI
5.

Pratham
@Prathkum

Use these 6 AI websites to finish hours of work in minutes (take a look):

1. Sheet+

Become a spreadsheet master with Sheet+ AI-powered tools.

• Convert text to formula
• Convert formula to explanation
• Debug formulas
• Generate VBA code
• Get instant answers to any spreadsheet question

🔗 https://t.co/fWsAeKa6ko

2. DeepCode

DeepCode's AI-based code review notifies you about critical bugs in real time and shows you how to fix them.

🔗 https://t.co/dPTPq9syoy

3. Akkio

Grow your business with data-driven decisions.

Go from data to AI in 10 minutes — no code or data science skills required.

🔗 https://t.co/I29FIHDIs0

4. Autocode

Instant endpoints for webhooks, bots, and APIs.

Build and host Node.js endpoints in seconds.

Connect to your favorite APIs like Airtable, Discord, Notion, Slack, Webflow, and more.

🔗 https://t.co/uQZB0NCHJT

More from Webdev

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

George Moller
@_georgemoller

7 common React mistakes that you should avoid.

🧵 Thread 👇

Advertisement

$Junaid \u26a1$

Junaid ⚡
@junaidshaikh_js

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

A thread ⤵️

1️⃣ Frontend Mentor { @frontendmentor }

🔗

2️⃣ 100 Days of CSS

🔗

3️⃣ Piccalilli

🔗

4️⃣ Codewell

🔗

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

Pratham
@Prathkum

6 beginner friendly websites that will boost your HTML and CSS learning process 🚀

🧵👇🏻

1️⃣ Learn HTML

- The easiest way to learn HTML & CSS. Learn HTML provides an interactive tutorial that explains how to build HTML & CSS websites step by step.

🔗 https://t.co/W1XytKL1MI

2️⃣ HTML best practice

- A very well written document on HTML best practice

🔗 https://t.co/6PTcY1U5Cw

3️⃣ Learn to Code HTML & CSS

- Learn to Code HTML & CSS is a simple and comprehensive guide dedicated to helping beginners learn HTML and CSS

🔗 https://t.co/LwY9E2qUNS

4️⃣ Hex Invaders

- Hex Invaders is a fun way to learn and understand what hex codes are and how they work

🔗 https://t.co/EpQyhlN7pv

You May Also Like

Daoyu
@Daoyu15

@franciscodeasis https://t.co/OuQaBRFPu7
Unfortunately the "This work includes the identification of viral sequences in bat samples, and has resulted in the isolation of three bat SARS-related coronaviruses that are now used as reagents to test therapeutics and vaccines." were BEFORE the

chimeric infectious clone grants were there.https://t.co/DAArwFkz6v is in 2017, Rs4231.
https://t.co/UgXygDjYbW is in 2016, RsSHC014 and RsWIV16.
https://t.co/krO69CsJ94 is in 2013, RsWIV1. notice that this is before the beginning of the project

starting in 2016. Also remember that they told about only 3 isolates/live viruses. RsSHC014 is a live infectious clone that is just as alive as those other "Isolates".

P.D. somehow is able to use funds that he have yet recieved yet, and send results and sequences from late 2019 back in time into 2015,2013 and 2016!

https://t.co/4wC7k1Lh54 Ref 3: Why ALL your pangolin samples were PCR negative? to avoid deep sequencing and accidentally reveal Paguma Larvata and Oryctolagus Cuniculus?

Anu Satheesh
@AnuSatheesh5

Alathiyur Hanuman Temple
Malappuram, Kerala 🚩
#keralatemples

One of the Powerful Anjaneya Temples in Kerala. Hanuman temple is adjacent to Shri Ramar Sannidhi. Here Hanuman's head is tilted towards the left to hear Shri Rama's words. Shri Rama is entrusting Hanuman👇

Task of locating Mata Sita in Lanka.

Prathishta of Hanuman is done by Sage Vasishta. Eventhough this is Shri Ram Temple, importance is given to Hanuman
Shri Rama shares with Hanuman the Abhignana Vaakhyam, the words that would enable him to gain the confidence of Mata Seetha.

Hanuman stands leaning a little towards the left, showing how he hear Shri Rama's words and also assuring him Your Wish is my Command.
The Vigraham of Hanuman gives us the Strength, Confidence and Bhakthi.
There is a place marked here to show Hanuman’s leap to Lanka over sea.

Devotees run and leap over the stone for better health.Aval Naivedhyam is famous here. Those children who have nightmares are told to pray Alathiyur Hanuman. Mantra 👇

Alathiyur Hanumane
Pedi Swampnam kanarudhe
Pedi Swapnam Kandalo
Val Kondu Thattiyunarthename
🙏🕉🙏

Advertisement

Jaya_Upadhyaya
@Jayalko1

AHOBILAM NARASIMHA SWAMY KSHETRAM: KURNOOL (AP)
#andhratemples

Ahobilam is the place where Prabhu appears in his fierce form, called Ugra Narasimha, who is Svayambhu (self-manifest).
Ahobilam is one of the 108 Divya Desams. It has 9 shrines for different forms of Narsimha.

Ahobilam was the exact place where Sri Narasimha appeared and tore apart Hiranyakashipu to save Prahlad. At that moment, all the Devas appeared and praised him as Ahobala (Aho is mighty and bala is strength). So the place came to be called Ahobilam.

Out of the 9 shrines, most famous is the Ahobila Narasimha Swamy where Prabhu is seen as Ugra Narasimha.
In another shrine, Prabhu appears as Malola Narasimha Swamy. Malola means beloved of Lakshmi. Here Prabhu is in peaceful mudra with his consort Ma ChenchuLakshmi.

Jwala Narasimha Swamy shrine is the actual spot where the fierce anger of Prabhu reached its culmination when he tore Hiranyakasipu.

Ugra Stambham is the pillar from which Narasimha appeared with such force that the entire hill split into two.

Tashny Sukumaran
@tashny

Surendra Ananth @surendraananth, you violated my conditional consent. I assented to unprotected intimate relations with you on the STRICT condition that you tell me if you have relations with anyone else. You failed to do so, and I became ill as a direct consequence.

You refused to reveal your own STI results to me, but claimed to others they were negative and alleged I had multiple other partners, slut-shaming me. You gaslit me saying you had told me about your other partners.

You called up @justice_sisters and @SistersinIslam to tell them I was crazy, jilted. You rebuffed attempts to organise a community mediation so we could address matters. You said I was crazy for speaking to your boss and father in an attempt to keep other women safe.

You have a PATTERN OF BEHAVIOUR of misogyny, harassment and sheer disrespect for women. This was sent to a friend of mine who has never expressed interest in you and has a partner.

You think women are playthings, notches on the bedpost. You, @surendraananth, are no human rights advocate.

$ArmaniTalks \U0001f399\U0001f525$

ArmaniTalks 🎙🔥...
@ArmaniTalks

Make them irrelevant > Hold a grudge

Holding a grudge is the easy thing to do.

But holding a grudge is not the right thing to do.

A grudge puts poison in your body & rewires your subconscious mind.

You consume the poison & destroy your reality while your attacker sleeps like a baby.