Top websites that will help you learn Web Dev online:
1. Traversy Media - @traversymedia π
2. Udemy - π+π΅
3. FreeCodeCamp - π
4. Coursera - π
5. Treehouse - π΅
6. W3 Schools - π
7. Pluralsight - π΅
8. Lynda .com - π΅
9. The Odin Project - π
10. Codewars - π
#CodeNewbie
More from Csaba Kissi β‘
6 Awesome Website for Developers to Boost Your Front-End Skills.
HTML/CSS/JavaScript challenges.
Thread π§΅π
1οΈβ£ Frontend Mentor
Frontend Mentor helps you to Improve your front-end skills by building real projects. Solve real-world HTML, CSS, and JavaScript challenges whilst working on professional
2οΈβ£ Codier
Explore and attempt front-end coding challenges
https://t.co/eHdpm9EUl8
3οΈβ£ Code Wars
Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential.
https://t.co/6y8T2ncSdY
4οΈβ£ Ace FrontEnd
Ace your web developer interview. No trivia, only practical coding challenges to hone your
HTML/CSS/JavaScript challenges.
Thread π§΅π
1οΈβ£ Frontend Mentor
Frontend Mentor helps you to Improve your front-end skills by building real projects. Solve real-world HTML, CSS, and JavaScript challenges whilst working on professional
2οΈβ£ Codier
Explore and attempt front-end coding challenges
https://t.co/eHdpm9EUl8

3οΈβ£ Code Wars
Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential.
https://t.co/6y8T2ncSdY

4οΈβ£ Ace FrontEnd
Ace your web developer interview. No trivia, only practical coding challenges to hone your
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.
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.
7 FREE Sites For Front-End Developers You Probably Didn't Know Existed
Thread π§΅π
1οΈβ£ CSS buttons, checkboxes, and more!
Choose from numerous UI components and get the CSS & HTML. Everything is open-source and free to use.
https://t.co/cUXCZqOVdN
2οΈβ£ Showcode
Generate beautiful images of code.
https://t.co/8Di2YqBMNM
3οΈβ£ Free Forms Library
Copy & Paste Code Examples | HeroTofu
Tailwind CSS, Bootstrap, Bulma, and other forms for your project. Free to customize and use.
4οΈβ£ Spectrum- Web Generator
Generate colors palettes for your next app with just a few clicks
https://t.co/6TtOay3REM
Thread π§΅π
1οΈβ£ CSS buttons, checkboxes, and more!
Choose from numerous UI components and get the CSS & HTML. Everything is open-source and free to use.
https://t.co/cUXCZqOVdN

2οΈβ£ Showcode
Generate beautiful images of code.
https://t.co/8Di2YqBMNM

3οΈβ£ Free Forms Library
Copy & Paste Code Examples | HeroTofu
Tailwind CSS, Bootstrap, Bulma, and other forms for your project. Free to customize and use.
4οΈβ£ Spectrum- Web Generator
Generate colors palettes for your next app with just a few clicks
https://t.co/6TtOay3REM

7 Chrome extensions for developers you may not know existed.
Thread π§΅π
1οΈβ£ Copy My IP
Copy your IP with a single click
Simple tool to copy your current public IP address into your clipboard with just one click.
https://t.co/oqVZbJRlvc
2οΈβ£ Simplescraper
A web scraper that's fast, free, and simple to use. Scrape website data and table data in seconds
https://t.co/JuNqnNfWCe
3οΈβ£ Site Palette
Extract colors from any website
Free browser extension that generates color palettes.
https://t.co/ZM5XOT1Sco
4οΈβ£ Amino: Live CSS Editor
Live CSS Editor. Write custom CSS for any website and see your changes in real-time.
https://t.co/HSy2VRo6Ah
Thread π§΅π
1οΈβ£ Copy My IP
Copy your IP with a single click
Simple tool to copy your current public IP address into your clipboard with just one click.
https://t.co/oqVZbJRlvc

2οΈβ£ Simplescraper
A web scraper that's fast, free, and simple to use. Scrape website data and table data in seconds
https://t.co/JuNqnNfWCe

3οΈβ£ Site Palette
Extract colors from any website
Free browser extension that generates color palettes.
https://t.co/ZM5XOT1Sco

4οΈβ£ Amino: Live CSS Editor
Live CSS Editor. Write custom CSS for any website and see your changes in real-time.
https://t.co/HSy2VRo6Ah

More from Coding
I've brought you some amazing GitHub repositories of web development tips and tricks π
THREADπ§΅π½
1οΈβ£ JS Tips
- A huge list of 73 great tips and tricks of JavaScript
π https://t.co/r0J9vW8WrH
2οΈβ£ CSS Protips
- A collection of tips to help take your CSS skills pro. Definitely check it out
π https://t.co/5haB2xTWuz
3οΈβ£ JS Tips and Tricks
- Some advanced tips and tricks of JavaScript that can help you to take your skills onto next level
π https://t.co/NvfoANwweV
4οΈβ£ Git Tips
- Git is an essential tool for very programmer. in this repo you'll find the most commonly used git tips and tricks
π https://t.co/34qvOhYCZE
THREADπ§΅π½
1οΈβ£ JS Tips
- A huge list of 73 great tips and tricks of JavaScript
π https://t.co/r0J9vW8WrH

2οΈβ£ CSS Protips
- A collection of tips to help take your CSS skills pro. Definitely check it out
π https://t.co/5haB2xTWuz

3οΈβ£ JS Tips and Tricks
- Some advanced tips and tricks of JavaScript that can help you to take your skills onto next level
π https://t.co/NvfoANwweV

4οΈβ£ Git Tips
- Git is an essential tool for very programmer. in this repo you'll find the most commonly used git tips and tricks
π https://t.co/34qvOhYCZE

If you are a developer then these GitHub repositories or websites will boost your knowledge to the next level
A Thread π§΅
1οΈβ£ JavaScript
- A kind of eBook in the form of readme. Covers from beginners to intermediate concepts of JavaScript
π https://t.co/SM9jcxuoZ1
2οΈβ£ Python
- A huge list of python projects, snippets, example and almost everything related to Python which helps you understand it in detail
π
3οΈβ£ React Lifecycle
- Interactive React Lifecycle Methods diagram.
π https://t.co/7UVoA1rXCZ
4οΈβ£ Cheatsheets
- JavaScript cheatsheets incluse express4, Node.js, React, MongoDB
π https://t.co/Jm9izXrcMu
A Thread π§΅
1οΈβ£ JavaScript
- A kind of eBook in the form of readme. Covers from beginners to intermediate concepts of JavaScript
π https://t.co/SM9jcxuoZ1

2οΈβ£ Python
- A huge list of python projects, snippets, example and almost everything related to Python which helps you understand it in detail
π
3οΈβ£ React Lifecycle
- Interactive React Lifecycle Methods diagram.
π https://t.co/7UVoA1rXCZ

4οΈβ£ Cheatsheets
- JavaScript cheatsheets incluse express4, Node.js, React, MongoDB
π https://t.co/Jm9izXrcMu

Are you a front-end developer or a designer?
Here's a list of websites to get inspiration for design and building UI:
π§΅ππ»
1. Behance
https://t.co/eNm9PHPwiv
2. Dribbble
https://t.co/79Zq4AISuB
3. Httpster
https://t.co/U7xXszEdRU
4.
5. Design Notes
https://t.co/io8DVOLWSv
6. Land Book
https://t.co/KsNQxWxmqh
7. Frontend Mentor
https://t.co/NfvVVgEsOE
8.
9. Codrops
https://t.co/hfmwzhG0bk
10. SaaS Landing Page
https://t.co/NYXxCvFDTj
11. Pages .xyz
https://t.co/ilxtaHQ7j5
12. UI
13. lapa ninja
https://t.co/nmhJ6wgSfl
14. Freefrontend
https://t.co/FrDYMKfnPO
15. Webframe
https://t.co/GhVhkWFg5f
16. Collect
Here's a list of websites to get inspiration for design and building UI:
π§΅ππ»
1. Behance
https://t.co/eNm9PHPwiv
2. Dribbble
https://t.co/79Zq4AISuB
3. Httpster
https://t.co/U7xXszEdRU
4.
5. Design Notes
https://t.co/io8DVOLWSv
6. Land Book
https://t.co/KsNQxWxmqh
7. Frontend Mentor
https://t.co/NfvVVgEsOE
8.
9. Codrops
https://t.co/hfmwzhG0bk
10. SaaS Landing Page
https://t.co/NYXxCvFDTj
11. Pages .xyz
https://t.co/ilxtaHQ7j5
12. UI
13. lapa ninja
https://t.co/nmhJ6wgSfl
14. Freefrontend
https://t.co/FrDYMKfnPO
15. Webframe
https://t.co/GhVhkWFg5f
16. Collect