BC WEBDEV

Saved by @meera_w13

Pratham
@Prathkum 2 years, 5 months ago 307 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

You can check out these websites if you're learning HTML, CSS and JavaScript 🧵...

HTML 🧱

1. Learn HTML
https://t.co/NlQZAFwthT

2. HTML best practice
https://t.co/PyPf3lP9bX

3. HTML

CSS 🎨

1. CSS reference
https://t.co/Hhk8NKglpf

2. Learn to code
https://t.co/CLEsHgSrEk

3. CSS layout
https://t.co/9yiXkP3mWi

4. CSS tutorial
https://t.co/fR6AeVTdZv

5. Learn about colors
https://t.co/7vrD10j0jU

6. Learn gird

JavaScript ⚙️

1. JavaScript visualizer
https://t.co/9NId4GjGAq

2. Learn JavaScript
https://t.co/5WbtISS11I
https://t.co/4h27qOC1fO

3. JavaScript tutorial
https://t.co/taSKnEPxMS

4. JavaScript 30
https://t.co/j2wEIHVU8S

5. JavaScript

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

If you know CSS then you can use these amazing generators and save your time

Thread 🧵👇🏻

1️⃣ CSS Box Shadow Generator

- Generate CSS3 Box Shadow code for your Div, Frame, Buttons or any other HTML element with Outline, and Inset (inner) type shadow effects

🔗 https://t.co/6La36IzBLj

2️⃣ Glassmorphism

- Generate glassmorphic design easily

🔗 https://t.co/qrKqDV5tzY

3️⃣ Cool Backgrounds

- Explore a beautifully curated selection of cool backgrounds that you can add to your next project

🔗 https://t.co/df7VSaRSh9

4️⃣ Pixel art

- Create CSS pixel art, export the results to CSS and download them.

🔗 https://t.co/ojD8qwzuhx

Advertisement

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

If you're learning or planning to learn Web Development in 2021 then this thread is for you

🧵👇🏻

WHERE TO START? Front-end or Backend?

- Well this may be a debatable question but I would suggest you to start with front-end development

- It depends entirely on the individual but in my opinion, starting with front-end development has its advantages.

{ 2 / 16 }

WHY TO START WITH FRONT-END DEVELOPMENT?

- More visual content gives you an aesthetic vibe

- You can share your creations

- Easier to get feedback as you can show your webpages to any non technical person as well

{ 3 / 16 }

FUNDAMENTALS ARE IMPORTANT

- Don't rush! Spend some time on HTML, CSS and JavaScript. You can do pretty amazing things using these three languages

{ 4 / 16 }

- Make sure to learn and build some web pages using HTML and CSS before jumping onto JavaScript

- JavaScript is the backbone of web development, Don't rush to start with React/Angular/vue or any other front-end framework or library

{ 5 / 16 }

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

Finding good courses is challenging.

Here are five courses on JavaScript, Python, and Go you can consider in 2022.

Thread 🧵

1️⃣ Basic JavaScript

Interactive learning will help you understand the basic concepts of JavaScript quickly.

• Introduction
• Variables
• Comparisons
• Loops

🔗

2️⃣ Advance JavaScript

Understanding complex concepts of JavaScript is the with exercises and challenges.

• Functions
• Arrays
• Objects

🔗

3️⃣ Python

You'll get hands-on practice with all the building blocks to ensure you excel as a Pythonista.

🔗

4️⃣ DS and Algo in Python

Algorithms are tough to master. But this course made it easy with code samples and quizzes.

🔗

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 }

$Csaba Kissi \u26a1$

Csaba Kissi ⚡
@csaba_kissi

23 FREE SVG Icon Libraries For Front-End Developers

Mega Thread 🧵👇

1️⃣ Ionicons: The premium icon pack for Ionic Framework

Ionicons is an open-sourced and MIT-licensed icon pack.

2️⃣ 700+ CSS Icons, Customizable, Retina Ready & API

Pure CSS icons library, Customizable & Retina-Ready built 100% in pure CSS, SVG, SVG Sprite, styled components, Figma, and Adobe XD. Easy integration: Embed, NPM & API

3️⃣ SVG Repo - Free SVG Vectors and Icons

Free Vectors and Icons in SVG format. Download free mono or multi-color vectors for commercial use. Search in 300.000+ Free SVG Vectors and Icons.

https://t.co/2Ht2sI23TE

4️⃣ Feather – Simply beautiful open source icons

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and readability.

Advertisement

Pratham
@Prathkum

Roadmap to learn CSS 🎨🛣️

➳ Color
➳ Background
➳ Box model
➳ Height and width
➳ Margin and padding
➳ Border
➳ Positioning
➳ display
➳ Layouts
➳ Grid and Flex
➳ Alignment
➳ Fonts
➳ Animation
➳ Pseudo-classes
➳ Media query

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

Sunil Kumar
@sunilc_

Are you a web developer?

Here's a list of websites that offer free & beautiful website templates:

🧵👇🏻

1. HTML5UP: Very modern, unique responsive HTML5/CSS3 themes
https://t.co/Nx1IWM7Kho

2. Templatemo: Minimal, resume, gallery themes and more
https://t.co/IRtOxrujUh

3. Templated .co: Tons of minimalistic HTML5/CSS3

4. FreeHTML5: Free & premium HTML5 and Bootstrap themes
https://t.co/YFVkiDM3Th

5. StyleShout: Brilliantly crafted free website templates
https://t.co/AaGAkGlLTV

6. Start Bootstrap: Bootstrap starter

7. Zerotheme: HTML5, Bootstrap, Prestashop templates
https://t.co/UtlaNxGh6Q

8. HTML5xCSS3: Collection of wonderful templates in different categories
https://t.co/fm4AOthUdR

9. Colorlib: Almost any category of theme you can think

10: Free CSS: Huge collection of free templates
https://t.co/S5yQrkp1eq

11. Hubspot: Templates, infographics, banners and much more
https://t.co/T10zTgkIzp

12. Mobirise: Great looking HTML5/CSS3

You May Also Like

$Anu Satheesh \U0001f1ee\U0001f1f3$

Anu Satheesh 🇮🇳...
@AnuSatheesh5

Panniyur Sri Varahamurthy Temple Palakkad, Kerala
#KeralaTemples 🚩

Panniyur Sri Varahamurthy Temple is located in Pattambi Taluk of Palakkad District. This is believed to be the first temple in Kerala, where Prathishta was done by Parasurama

Story says that, Parashurama after

Creating Kerala was doing Tapasya here. But he was disturbed as the land faced turbulence. Parashurama sought Narada’s help, who advised him to pray to Vishnu. Parashurama started praying Maha Vishnu. Finally Maha Vishnu appeared and told to do Prathishta of his Varaha Avatar.

As Earth is saved in Varaha Avatar, this temple is famous to solve land related issues.

Many people conduct Bhoomi puja here, which is very special here. They bring sand from around the temple which is used for pooja and then has to be returned to the same spot 👇

from where it was taken.
It is also believed that Perumthachan, the legedary craftsman has abandoned his tools here.
Om Shri Varaha Murthaye Namah
🙏🕉🙏

Kaspars Ozolins
@lettlander

THREAD: Meditations on marriage metaphors in Ruth

The book of Ruth is, of course, a story about a beautiful marriage. But even before the courtship and the wedding and the important genealogy at the end, we find interesting language that is strikingly reminiscent of Genesis 2:24

That important verse reads:

'Therefore a man shall leave [יַֽעֲזָב] his father and his mother and hold fast [וְדָבַ֣ק] to his wife, and they shall become one flesh.'

The verb עזב can be quite strong in force. For example, Joseph leaves behind [וַיַּעֲזֹ֤ב] his garment as he flees from Pharaoh's wife's sexual advances. Countless times, Israel is depicted abandoning the LORD, for example in Judg 2:12 [וַיַּעַזְב֞וּ], and going after other gods.

Likewise, the verb דבק is rather striking. Lot is mortified of disaster overtaking him [תִּדְבָּקַ֥נִי] as he flees from Sodom. Israel is commanded in Deut 10:20 to cling fast [תִדְבָּ֔ק] to the LORD and serve him and swear by his name.

Together they illustrate how radical God designed marriage to be. Marriage is a real severing of family relations in order to form a new, permanent bond with another human being.

Something very similar to this takes places in Ruth's life.

Advertisement

$Anu Satheesh \U0001f1ee\U0001f1f3$

Anu Satheesh 🇮🇳...
@AnuSatheesh5

Yoga Ramar Temple
#Nedungunam
#TamilNaduTemples 🚩

Yoga Ramar Temple is located near Thiruvannamalai. Shri Rama is seated with eyes closed, without any weapons. Mata Sita pointing to the feet of Rama telling that everyone is safe at his feet. Lakshmana standing near Shri Rama

Hanuman is seen chanting Vedas obediently sitting before Shri Rama.

Sthala Puranam says that, Sukabrahma Maharishi had been doing Tapasya here, for the darshan of Sri Rama. Prabhu Shri Ram, pleased with his tapasya, came here after Rama Ravana yudham. Since Rama was returning

after the war, he did not have any weapons with him.

Another gopuram called Kili Gopuram is there for Sukabrahma Maharishi. There is a hill nearby called Dheergachala. According to Sthala puranam, Sri Padham of Prabhu Rama are found on the top of the hill

It is said that this is the place where Shri Rama gave darshan to Suka Maharishi. Nedumgunam means which shows all qualities of Shri Rama who is Maryadha purushottam. Shri Ramanavami is very famous here.

Jai Sri Ram
🙏🕉🙏

katya adler
@BBCkatyaadler

Again, at such a key moment in UK and at such high political levels, evidence of deep misunderstanding of EU: The PM is under pressure in some quarters to delay #Brexit vote to allow her first to “improve” deal in Brussels BUT EU is determined not to budge at this stage

2) All EU leaders watching tomorrow’s vote. Of course they want to avoid a no deal #Brexit BUT they feel the deal - so painfully negotiated between EU and UK - is too fresh to re-open. Clarifications, yes but fundamental renegotiations, no.

3) The EU’s international reputation as a tough deal-maker is at stake here too. If Brussels now suddenly “gives in” to U.K. on EU red lines (eg backstop) then that would weaken the EU’s reputation in future trade negotiations with other non EU countries

4) Also on backstop the EU is unlikely to cave in to favour a relationship with a leaving member state (UK) against the explicit wishes and ignoring the deep concerns of a continuing member: Ireland.

5) Both the EU and the PM signed up to a guarantee to protect the border between Northern Ireland and the Republic of Ireland. If either the U.K. or EU can leave the backstop unilaterally then this clearly is no longer a guarantee.

Jonathan Ware
@ReassessHistory

So when it first appeared in Normandy, the Sherman Firefly and it's meaty 17 pounder represented an ideal combo of reliable chassis, great gun and devastating firepower right?

Ummm...

Truth is a bit more complex. /1
#WW2 #SWW #History

Deliveries of Firefly to units only commenced in April 1944,
just a few weeks before Overlord & left minimal time for familiarisation.

Armoured Regiments mostly utilised Fireflies on a basis of 1 per troop of 4 tanks. /2

Finally each armoured regiment troop had access to integral, meaty, anti-tank firepower capable of dealing serious damage to any German AFV likely to be encountered. /3

The dual purpose 75mm gun was quite capable of laying down a reasonable HE shell or AP round for dealing with Panzer III or IV.

Firefly's 17 Pounder had.... problems with HE, but excelled at tank killing. So Tigers and Panthers would need to be wary. /4

Firefly's design history dated back to March 1943 when the General Staff published "Policy on Tanks" which effectively stated the majority of tanks should have a good HE weapon and...

[See image below] /5