My 8 handmade sketch notes you won't want to miss (learn web development for free):
You can check out my other threads at @PrathKum. I generally write about web development. π
π https://t.co/51sWgcn2XG
More from Pratham
You can learn 90% of CSS using these 10 threads
π§΅π
1. All you need to know about CSS
2. Getting started with CSS animations
3. Z-index is tricky but this thread solve all your doubts
4. CSS positioning concepts
π§΅π
1. All you need to know about CSS
A Complete Guide to Getting Started with CSS
— Pratham (@Prathkum) April 2, 2021
Thread \U0001f9f5 \U0001f447\U0001f3fb pic.twitter.com/I2T2HjtL4e
2. Getting started with CSS animations
A quick start guide to CSS animations \U0001f447\U0001f3fb
— Pratham (@Prathkum) March 1, 2021
Thread \U0001f9f5 pic.twitter.com/LvGcZr7qsD
3. Z-index is tricky but this thread solve all your doubts
The Z-index is a powerful yet confusing concept of CSS
— Pratham (@Prathkum) February 19, 2021
Let's make it easy in this quick thread\U0001f447
\U0001f9f5 pic.twitter.com/aRoGcrUAFt
4. CSS positioning concepts
Everything you need to know about CSS position property
— Pratham (@Prathkum) April 4, 2021
Thread\U0001f9f5\U0001f447 pic.twitter.com/32GErHzU5i
5 best color palette for every web developer and designer π¨
π§΅π
1. Color hunt
- Color Hunt is a free and open platform for color inspiration with thousands of trendy hand- picked color palettes
ποΈ https://t.co/xR0FVTjK0L
2. Adobe color wheel
Explore and create accessible color palettes using color wheel, in variety of color variations and contrast levels. It will tell you automatically if two colors are not accessible
ποΈ https://t.co/ndsgBauTEc
3. Palette Ninja
Palette ninja is an online color scheme generator that allows you to create harmonious color schemes in seconds
ποΈ https://t.co/cuzP21tn2Z
4. My color space
Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color
ποΈ https://t.co/kmjrXOceAj
π§΅π
1. Color hunt
- Color Hunt is a free and open platform for color inspiration with thousands of trendy hand- picked color palettes
ποΈ https://t.co/xR0FVTjK0L
2. Adobe color wheel
Explore and create accessible color palettes using color wheel, in variety of color variations and contrast levels. It will tell you automatically if two colors are not accessible
ποΈ https://t.co/ndsgBauTEc
3. Palette Ninja
Palette ninja is an online color scheme generator that allows you to create harmonious color schemes in seconds
ποΈ https://t.co/cuzP21tn2Z
4. My color space
Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color
ποΈ https://t.co/kmjrXOceAj
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
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
6 websites that are so fantastic you'll wonder how they even exist (for developers):
1. ScribeHow (@ScribeHow)
Turn any process into a step-by-step guide, instantly.
β’ Click record
β’ Do the thing you want to show someone (like how to reset a password)
β’ Get a beautiful auto-generated guide
No manual screenshots.
π https://t.co/8EnpUIvIeR
2. SourceAI
Explain what you want in plain English, and AI will generate a code snippet for you.
π https://t.co/KFLbBBjllm
3. Blackbox
Turn any questions into a code snippet or extract a code snippet from a video.
π https://t.co/6Z4fM5ieWn
4. Figstack
One-stop for developers.
β’ Understand code in any programming language
β’ Translate programming languages
β’ Automate documentation for your functions
β’ Get the time complexity of your program
π https://t.co/koY4cmciR3
1. ScribeHow (@ScribeHow)
Turn any process into a step-by-step guide, instantly.
β’ Click record
β’ Do the thing you want to show someone (like how to reset a password)
β’ Get a beautiful auto-generated guide
No manual screenshots.
π https://t.co/8EnpUIvIeR
2. SourceAI
Explain what you want in plain English, and AI will generate a code snippet for you.
π https://t.co/KFLbBBjllm
3. Blackbox
Turn any questions into a code snippet or extract a code snippet from a video.
π https://t.co/6Z4fM5ieWn
4. Figstack
One-stop for developers.
β’ Understand code in any programming language
β’ Translate programming languages
β’ Automate documentation for your functions
β’ Get the time complexity of your program
π https://t.co/koY4cmciR3
More from Webdev
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
π§΅ππ»
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