BC WEBDEV

Saved by @meera_w13

Pratham
@Prathkum 3 years, 9 months ago 558 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 amazing GitHub repositories for every self taught developer

A Thread 🧵

1️⃣ Computer Science

🎓 Path to a free self-taught education in Computer Science!

🔗 https://t.co/67jB5zqIes

2️⃣ Free Certifications

Curated list of free courses & certifications

🔗 https://t.co/4XtlAVlovs

3️⃣ Free Programming Books

📚 Freely available programming books

🔗 https://t.co/eOWLCtwtIV

4️⃣ JavaScript Question

A long list of (advanced) JavaScript questions, and their explanations ✨

🔗 https://t.co/UvEl1Esvh3

$Pratham \U0001f468\u200d\U0001f4bb\U0001f680$

Pratham 👨‍💻🚀...
@Prathkum

Neumorphism is a trendy UI style nowadays. So let's create a neumorphic form using few simple steps

THREAD🧵

Neumorphic design is another UI design that has become popular these days.

Making neumorphic effect is actually pretty easy using only just CSS box-shadow

We'll be creating a neumorphic form in steps👇🏼

2.

STEP 1:

Place a light source(virtually) on screen. In this example I'm considering that my light source is placed top left corner of the screen

3.

STEP 2:

Create a container div and set background color slightly darker than white. I picked #ecf0f3

* Make sure that the color of body and container should be same

CONTINUE...

4.

As we placed our light source on top-left corner, make sure left and top border of container should be brighter than right and bottom border.

This will make the element looks like it has the light source illuminating from the top left corner of the screen.

5.

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

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

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.

More from Webdev

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

Swapna Kumar Panda
@swapnakpanda

75+ SQL Interview Questions

⇩

Level: Beginner to Medium
Topics:

➊ Introduction to RDBMS
➋ Normalisation
➌ Introduction to SQL
➍ Tables and Fields
➎ Constraints
➏ DDL
➐ DML & DQL
➑ Joins

➊ Introduction to RDBMS

➀ What is a Database?
➁ What are different types of Databases?
➂ What is DBMS?
➃ What is difference between Database and DBMS?
➄ What is RDBMS?
➅ Which are popular RDBMS vendors?
➆ What is ACID property in Database?

➋ Normalisation

➀ What is Normalisation?
➁ Why is Normalisation necessary?
➂ What are the disadvantages of not performing Normalisation?
➃ What are different Normal Forms (NF)?
➄ What is Denormalisation?

➌ Introduction to SQL

➀ What is SQL?
➁ What is the use of SQL?
➂ Is SQL a programming language?
➃ What are the different parts of SQL?
Or,
➄ Group SQL commands in different parts.
➅ What is DDL?
➆ What is DML?
➇ What is DQL?
➈ What is DCL?
➉ What is TCL?

Advertisement

Pratham
@Prathkum

22 CSS tips and tricks I'm sure you don't know about them yet (free document): 🧵

🔗 https://t.co/PdaPNxoK4P #collab

George Moller
@_georgemoller

🌟 2022 React developer roadmap.

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

You May Also Like

Simon Wardley #EEA
@swardley

X : Our executive team is concerned that we need to up our game in order to out innovate Amazon.
Me : Do you map?
X : Yes
Me : Like this?
X : No. What's that?
Me : A map of a tea shop.

X : Why is that a map?
Me : Long story, all to do with how space has meaning. To keep it short, maps help people to focus on user needs, the components involved, to communicate missing components and scenario play ideas like staff becoming robots.

Me : They’re also good for measuring and managing capital flow, making investment decisions, removing bias and getting rid of duplication.
X : I don’t see how that helps with innovation?

Me : Well, innovation is a tricky word because we use it to describe many things. If you’re talking about differentiation with the adjacent unexplored then you’re experimenting in the “uncharted” space e.g. immortality with magic provided by the special custom built kettle.

X : That sounds like nonsense.
Me : A lot of what people think will be the next great innovation is nonsense. Actually, most of it is. That’s the nature of the uncharted space, it’s experimental, high risk and generally results in failure.
X : We need more reliable innovation.

$ArmaniTalks \U0001f399\U0001f525$

ArmaniTalks 🎙🔥...
@ArmaniTalks

A relationship begins to get stiff when excessive patterns begin to form.

Too many patterns leads to a boring, predictable, logical lifestyle.

Get the emotions involved.

Do something spontaneous out of the blue moon & flip the script.

'What's wrong with the patterns?'

Nothing is wrong with patterns.

However, there is a problem when all you have are patterns.

It's boring.

'Can you explain why?'

Sure 👇

The thing with relationships is that it's meant to be an emotional experience.

It's very difficult to logically explain love, right?

'Right.'

Well this is where you want to steer the ship the right way.

1. Too emotional is bad.

2. Too logical is bad.

Let me break it down.

1. Too emotional

If a relationship is completely ruled by emotions, then it's too volatile.

You will never reach productivity if you are aimlessly only following each others emotions.

This lifestyle tarnishes any structure for the couple.

'So why do people do it?'

Because it's fun.

You may ruled by this stage in the honeymoon phase.

Normal.

You'll be so spontaneous that it almost becomes a lifestyle.

But it's hard to level up your life when you're too spontaneous.

Avoid.

Advertisement

foone
@Foone

An interesting set of games that I've been vaguely interested in since I was a kid, after seeing one at a friend's house and never being able to find it again, was the BATTLES IN A DISTANT DESERT/BATTLES ON DISTANT PLANETS series.

These are turn-based wargames for windows 3.x, sharing the same engine.
Battles in a Distant Desert is from 1992, and is based on the first Iraq war (Desert Storm)

and Battles on Distant Planets is from 1991, and takes place in SPACE!
I'm pretty sure this is the one I played as a kid.

They've got 3 options to play with:
* Player vs. Player
* Player vs. Computer
* Computer vs. Computer

So it's a 0-2 player game!

They also did a DOS strategy game called "STARDATE 2140.2: GALACTIC CONQUEST" in 1990, but it seems to be lost.
All the games share an experimental AI system based on neural networks.

Anshul Pandey
@Anshulspiritual

TYPES OF SINS(PAAP) AS PER SKAND PURAN.

There are three types of Adharma- Sthool, Sukshma and Ati Sukshma. The group of Sins in the Sthul section carries you to Narak. These sins are committed through your thoughts, words and deeds.

It is of four types.

1)First is the sin committed by your mental state-
Thinking about woman other then your spouse.

A)Resolution to amass wealth from others.

B)Thinking ill about others.

C)Thinking of doing a forbidden or unworthy deed.

2)Second is the sin that you commit through your words :-

A)Talking irrelevant things.

B)Telling a lie.

C)Speaking harshly.

D)Talking ill about others.

3)Third type of sin is committed through your body actions-

A)Eating food not prescribed to you or forbidden.

B)Violence.

C)Eating fancier food.

D)Acquiring other's wealth.

So these twelve types of sins.

There are six types of sinners or Mahapatak

1)One not bowing his head in front of a temple.

2)Never praise Shiva.

3)People who behave untowardly way in front of Ishwar.

4)People who do not show respect to Ishwar, guru or one who are undignified.

5)One who do not behave properly.

6)One who is jealous of other bhakts.

Below is the list of sins which people may commit.

1)One who does not help a needy person or a person in pain,

Homestays & Villas
@thehomestays

Best resort on the Ganga at Rishikesh