BC WEBDEV

Saved by @meera_w13

Pratham
@Prathkum 1 year, 7 months ago 190 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

The HTML Roadmap 🛣️

1. Understanding the full form of HTML
2. Anatomy of tags
3. HTML5 boilerplate
4. Heading and paragraph tags
5. ul, ol, li, tags
6. img, span tag
7. Table tags for layout
8. Form tags
9. Understanding of semantic elements
10. Basic attributes

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

Advertisement

$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.

Pratham
@Prathkum

7 GitHub repositories will make you a standout developer from 99% of people:

1. Memphis

An open-source real-time data processing platform.

• Message broker
• Schema Management
• Zero ops
• Cloud-native
• Rapid development
• Significantly lower development time

🔗 https://t.co/w5L2aCM3do

2. The art of command line

Master the command line, in one page.

🔗 https://t.co/uF2RlcUIxb

3. Public APIs

A collective list of free APIs for use in software and web development

🔗 https://t.co/vDRQKBf15V

4. Hover

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.

🔗 https://t.co/bIGEEPcMkJ

Pratham
@Prathkum

5 great background websites for every web developer and designer

🧵👇

1. Magic pattern

Beautiful pure CSS background patterns that you can actually use in your projects. They are highly customizable as well.

🖇️ https://t.co/ZqczrPfkdZ

2. Cool backgrounds

Collection of cool backgrounds that you can add to blogs, websites, or as desktop and phone wallpapers

🖇️ https://t.co/df7VSb9t8H

3. Gradienta

Use pure CSS gradient backgrounds for your next website or app, as a JPG image or CSS code, no attribute required

🖇️ https://t.co/R58zrwpZCH

4 Mesh gradient

Creat aurora UI like gradients using few simple clicks

🖇️ https://t.co/vOHHDASr1V

More from Webdev

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

$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

George Moller
@_georgemoller

🌟 2022 React developer roadmap.

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

$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

🔗

You May Also Like

$Corey Lynn \U0001f64f\U0001f1fa\U0001f1f8$

Corey Lynn 🙏🇺🇸...
@CoreysDigs

1) OBSERVATION: The frequencies are changing. I would have to assess stats on the electromagnetic field to see its fluctuations. All I know is, I am highly sensitive to energy/frequencies, and they are changing, because…

2) 2 Weeks ago, my dog was effected by it as well. He is hearing things that aren’t technically audible. I can tell by his body language and sounds. One week ago I began feeling a pressure in my head and ears. It wasn’t painful at all, but it was intense for a bit.

3) It reminded me of taking off in an airplane a bit. I felt like I was in a vacuum. It went on and off for a couple of days. I’ve picked up on frequencies and high pitched sounds (not audible to most) for 30 years, and today my right ear began to ring for longer than usual.

4) This is nothing unusual for me, with exception of the duration. This happens often with me. No, it’s not tinnitus. Only this time, when I spoke, there was reverb creating a high pitch in my ear from my voice. This lasted for about 30 minutes. It did not hurt, just annoying.

5) So yes, the frequencies are changing. What this means exactly, I am unsure of at the moment. Some will say electromagnetic fields, others will say ascension, and some will say pole shift. I honestly can’t say at this very moment.

James Clear
@JamesClear

My top 10 tweets of the year

A thread 👇

https://t.co/xj4js6shhy

Entrepreneur\u2019s mind.
Athlete\u2019s body.
Artist\u2019s soul.
— James Clear (@JamesClear) August 22, 2020

https://t.co/b81zoW6u1d

When you choose who to follow on Twitter, you are choosing your future thoughts.
— James Clear (@JamesClear) October 3, 2020

https://t.co/1147it02zs

Working on a problem reduces the fear of it.

It\u2019s hard to fear a problem when you are making progress on it\u2014even if progress is imperfect and slow.

Action relieves anxiety.
— James Clear (@JamesClear) August 30, 2020

https://t.co/A7XCU5fC2m

We often avoid taking action because we think "I need to learn more," but the best way to learn is often by taking action.
— James Clear (@JamesClear) September 23, 2020

Advertisement

STEALTH JEFF
@drawandstrike

Ok I was wrong about theHouse. 2 years of legislative gridlock = not fun. Few bills passing.

Control of the House is useless when it comes to keeping Trump from declassifying all the SpyGate docs. Or stopping an Inspector General from releasing a report.

Trump still gets control of judicial appointments so we can expect another 100 judges over the next two years. This time there’ll be no McCain or Flake playing the Maverick role with their swing vote.

That new margin in the Senate is huge if another Supreme Court seat comes open.

So from the responses I’m getting, people seem to think if Trump declassifies the Spygate stuff now, nothing happens.

Are you under the impression federal prosecutors have to wait until CONGRESS finishes an investigation and makes criminal referrals before the DOJ can act?

There’s a federal grand jury on McCabe right now. Did Congress ever finish it’s investigation and make a referral to the DOJ against him?

No.

BUT INSPECTOR GENERAL HOROWITZ DID. On finishing his McCabe leak report.

Funny how nobody remembers that.

Mitesh Patel
@Mitesh_Engr

How to sell option?
Here let me explain through simple math.
Say BN at 30000
30000 straddle trading at combine premium 800 ( based on current volatility)
Put at 400
Call at 400
You don’t know direction. Sold both.

If move will not come than both will decrease gradually.

At day end it will come down to 720-740 if move will not come. Difference is your profit.

Now case 2:
Move started.
At one points combine premium will start increasing.
Say 810.
Exit immediately. No need to do adjustment.
Let market settle.

Sell again straddle once market settle.
Now repeat same thing.

Straddle selling webinar over.
Good luck.

One can keep SL 550 for both strike to escape from sudden movement.

Vibhu Vashisth
@VIBHU_Tweet

दधीचि ऋषि को मनाही थी कि वह अश्विनी कुमारों को किसी भी अवस्था में ब्रह्मविद्या का उपदेश नहीं दें। ये आदेश देवराज इन्द्र का था।वह नहीं चाहते थे कि उनके सिंहासन को प्रत्यक्ष या परोक्ष रुप से कोई भी खतरा हो।मगर जब अश्विनी कुमारों ने सहृदय प्रार्थना की तो महर्षि सहर्ष मान गए।

और उन्होनें ब्रह्मविद्या का ज्ञान अश्विनि कुमारों को दे दिया। गुप्तचरों के माध्यम से जब खबर इन्द्रदेव तक पहुंची तो वे क्रोध में खड़ग ले कर गए और महर्षि दधीचि का सर धड़ से अलग कर दिया।मगर अश्विनी कुमार भी कहां चुप बैठने वाले थे।उन्होने तुरंत एक अश्व का सिर महर्षि के धड़ पे...

...प्रत्यारोपित कर उन्हें जीवित रख लिया।उस दिन के पश्चात महर्षि दधीचि अश्वशिरा भी कहलाए जाने लगे।अब आगे सुनिये की किस प्रकार महर्षि दधीचि का सर काटने वाले इन्द्र कैसे अपनी रक्षा हेतु उनके आगे गिड़गिड़ाए ।

एक बार देवराज इन्द्र अपनी सभा में बैठे थे, तो उन्हे खुद पर अभिमान हो आया।

वे सोचने लगे कि हम तीनों लोकों के स्वामी हैं। ब्राह्मण हमें यज्ञ में आहुति देते हैं और हमारी उपासना करते हैं। फिर हम सामान्य ब्राह्मण बृहस्पति से क्यों डरते हैं ?उनके आने पर क्यों खड़े हो जाते हैं?वे तो हमारी जीविका से पलते हैं। देवर्षि बृहस्पति देवताओं के गुरु थे।

अभिमान के कारण ऋषि बृहस्पति के पधारने पर न तो इन्द्र ही खड़े हुए और न ही अन्य देवों को खड़े होने दिया।देवगुरु बृहस्पति इन्द्र का ये कठोर दुर्व्यवहार देख कर चुप चाप वहां से लौट गए।कुछ देर पश्चात जब देवराज का मद उतरा तो उन्हे अपनी गलती का एहसास हुआ।