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.
๐๐ผ 8 Awesome YouTube Channels for Web Developers You Probably Do Not Follow Yet
Thread ๐งต๐
1๏ธโฃ WebDevMentors
A Youtube Channel for emerging technologies and already established technologies in the Computer or IT field. We make courses on various IT or Computer-based stuff that enables you to learn and excel on the same.
https://t.co/gMEdsgIeGU
2๏ธโฃ Codecourse
Helping you learn to code. PHP + Laravel + VueJS
https://t.co/LMycopz0rk
3๏ธโฃ thenewboston
Tons of sweet computer-related tutorials and some other awesome videos too!
https://t.co/q6L57mGpXj
4๏ธโฃ Adam Khoury
Master development technologies like JavaScript, PHP, SQL, HTML, CSS, ActionScript, and more.
https://t.co/3e6TxHnEEk
Thread ๐งต๐
1๏ธโฃ WebDevMentors
A Youtube Channel for emerging technologies and already established technologies in the Computer or IT field. We make courses on various IT or Computer-based stuff that enables you to learn and excel on the same.
https://t.co/gMEdsgIeGU
2๏ธโฃ Codecourse
Helping you learn to code. PHP + Laravel + VueJS
https://t.co/LMycopz0rk
3๏ธโฃ thenewboston
Tons of sweet computer-related tutorials and some other awesome videos too!
https://t.co/q6L57mGpXj
4๏ธโฃ Adam Khoury
Master development technologies like JavaScript, PHP, SQL, HTML, CSS, ActionScript, and more.
https://t.co/3e6TxHnEEk
7 Awesome Sites For Front-End Developers Design Inspiration You Probably Didn't Know Existed.
Thread ๐งต๐
1๏ธโฃ Lapa Ninja
The best landing page design inspiration from around the web. Lapa Ninja is created to help designers find inspiration, learn and improve design skills. The contents are selected from the best designs, and daily updated.
https://t.co/PDsqFU39on
2๏ธโฃ Top Shopify Plus Stores
Browse 200+ Home Page Designs from Top Shopify Plus Stores
https://t.co/hW3adG5js3
3๏ธโฃ Good Landing Page
Get inspired by these brilliant landing page design examples. Including screens from behind signup/paywalls.
https://t.co/FMnxJz4T46
4๏ธโฃ SaaS Landing Page
SaaS Landing Page showcases the best landing page examples created by top-class SaaS companies. Get ideas and inspirations for your next design
Thread ๐งต๐
1๏ธโฃ Lapa Ninja
The best landing page design inspiration from around the web. Lapa Ninja is created to help designers find inspiration, learn and improve design skills. The contents are selected from the best designs, and daily updated.
https://t.co/PDsqFU39on
2๏ธโฃ Top Shopify Plus Stores
Browse 200+ Home Page Designs from Top Shopify Plus Stores
https://t.co/hW3adG5js3
3๏ธโฃ Good Landing Page
Get inspired by these brilliant landing page design examples. Including screens from behind signup/paywalls.
https://t.co/FMnxJz4T46
4๏ธโฃ SaaS Landing Page
SaaS Landing Page showcases the best landing page examples created by top-class SaaS companies. Get ideas and inspirations for your next design
More from Coding
40+ High-Quality Free Resources for Web Development
A Master Thread ๐๐ฝ
Table of Contents:
- Illustrations
- Development
- CSS
- Tailwind
- Design
- Productivity
Illustrations
1. Drawkit (https://t.co/Lx4TeeHZ2G)
2. Blush (https://t.co/FDlRDK9J2M)
3. Smash illustration (https://t.co/v7EQXb4se8)
4. Control (https://t.co/e9tEQmURjG)
5. Error 404 (https://t.co/6zW1nTIw63)
6. Open Doodles
Development
1. Carbon (https://t.co/gDNwi0FvLu)
2. Squoosh (https://t.co/g39cY2PEtH)
3. Wappalyzer (https://t.co/kVXz18fgjX)
4. Kite (https://t.co/PrpSxs0rgK)
5. DevHints (https://t.co/SbBuOZ2ibh)
6. iHateRegex (https://t.co/BJgd1pOlni)
7. DevDocs
CSS
1. Animista (https://t.co/FrW6TyvspG)
2. Pattern.css (https://t.co/5Va3WHNo5U)
3. CSSeffectsSnippets (https://t.co/XlWUD1m6V2)
4. 98.css
A Master Thread ๐๐ฝ
Table of Contents:
- Illustrations
- Development
- CSS
- Tailwind
- Design
- Productivity
Illustrations
1. Drawkit (https://t.co/Lx4TeeHZ2G)
2. Blush (https://t.co/FDlRDK9J2M)
3. Smash illustration (https://t.co/v7EQXb4se8)
4. Control (https://t.co/e9tEQmURjG)
5. Error 404 (https://t.co/6zW1nTIw63)
6. Open Doodles
Development
1. Carbon (https://t.co/gDNwi0FvLu)
2. Squoosh (https://t.co/g39cY2PEtH)
3. Wappalyzer (https://t.co/kVXz18fgjX)
4. Kite (https://t.co/PrpSxs0rgK)
5. DevHints (https://t.co/SbBuOZ2ibh)
6. iHateRegex (https://t.co/BJgd1pOlni)
7. DevDocs
CSS
1. Animista (https://t.co/FrW6TyvspG)
2. Pattern.css (https://t.co/5Va3WHNo5U)
3. CSSeffectsSnippets (https://t.co/XlWUD1m6V2)
4. 98.css
5 amazing websites that will blow the mind of a developer. Definitely check them out
๐งต๐๐ป
1๏ธโฃ Animation generator
- Dead simple visual tools to help you generate CSS for your projects.
๐ https://t.co/IFmIEgDiVY
2๏ธโฃ Neural Network Visualizer
- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.
๐ https://t.co/mTAlFbJsOW
3๏ธโฃ Blockchain Demo
- A visual demo of blockchain technology
๐ https://t.co/I1RwxYcM1Z
4๏ธโฃ Developer Roadmaps
- Step by step guides and paths to learn different tools or technologies
๐ https://t.co/VSNPdG8jQR
๐งต๐๐ป
1๏ธโฃ Animation generator
- Dead simple visual tools to help you generate CSS for your projects.
๐ https://t.co/IFmIEgDiVY
2๏ธโฃ Neural Network Visualizer
- Deep playground is an interactive visualization of neural networks, written in TypeScript using d3.js.
๐ https://t.co/mTAlFbJsOW
3๏ธโฃ Blockchain Demo
- A visual demo of blockchain technology
๐ https://t.co/I1RwxYcM1Z
4๏ธโฃ Developer Roadmaps
- Step by step guides and paths to learn different tools or technologies
๐ https://t.co/VSNPdG8jQR