My 8 handmade sketch notes you won't want to miss (learn web development for free):

1. What is semantic HTML
2. CSS Positioning
3. CSS Box-model
4. JavaScript Array Methods
5. Git Workflow
6. Alignment in CSS
7. Grid Overview
8. Grid cheat sheet
Thanks for checking this out.

You can check out my other threads at @PrathKum. I generally write about web development. 😁
I have prepared a free doc for you so that you can access all notes in high quality.

πŸ”— 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
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
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
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

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

You May Also Like