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 โก
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
7 Awesome Sites For Front-End Developers You Probably Didn't Know Existed
Thread ๐งต๐
1๏ธโฃ Wicked Backgrounds
Create beautiful SVG backgrounds for your UI designs.
2๏ธโฃ Inline Text Editor
The perfect WYSIWYG editor with the cleanest UI and really easy-to-use features to provide a simple and modern JavaScript rich text
3๏ธโฃ Triangify
https://t.co/uL81JeAZnV is a tool for generating low poly triangle patterns that can be used as wallpapers and website
4๏ธโฃ Design Vault
A curated library of screenshots & UI interaction patterns from the world's best digital products.
Gain insights, explore trends, and understand competitors and best
Thread ๐งต๐
1๏ธโฃ Wicked Backgrounds
Create beautiful SVG backgrounds for your UI designs.
2๏ธโฃ Inline Text Editor
The perfect WYSIWYG editor with the cleanest UI and really easy-to-use features to provide a simple and modern JavaScript rich text
3๏ธโฃ Triangify
https://t.co/uL81JeAZnV is a tool for generating low poly triangle patterns that can be used as wallpapers and website
4๏ธโฃ Design Vault
A curated library of screenshots & UI interaction patterns from the world's best digital products.
Gain insights, explore trends, and understand competitors and best
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
More from Coding
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
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
These 5 visualizers will help you learn data structures and algorithms up to 10 times faster
Thread ๐งต๐๐ป
1โฃ https://t.co/H2sKWKEeaz
- Learn DSA and visualize some complex programs. Definitely check it out.
2๏ธโฃ https://t.co/0WcFTWBfh9
- Dedicated to graph DS
3๏ธโฃ https://t.co/ShEQQkjtWD
- Visualizing data structures and algorithms through animation
4๏ธโฃ https://t.co/XxzwBa3vvZ
- All sorting algorithms animations
Thread ๐งต๐๐ป
1โฃ https://t.co/H2sKWKEeaz
- Learn DSA and visualize some complex programs. Definitely check it out.
2๏ธโฃ https://t.co/0WcFTWBfh9
- Dedicated to graph DS
3๏ธโฃ https://t.co/ShEQQkjtWD
- Visualizing data structures and algorithms through animation
4๏ธโฃ https://t.co/XxzwBa3vvZ
- All sorting algorithms animations
You May Also Like
H was always unseen in S2NL :)
Those who exited at 1500 needed money. They can always come back near 969. Those who exited at 230 also needed money. They can come back near 95.
Those who sold L @ 660 can always come back at 360. Those who sold S last week can be back @ 301
Those who exited at 1500 needed money. They can always come back near 969. Those who exited at 230 also needed money. They can come back near 95.
Those who sold L @ 660 can always come back at 360. Those who sold S last week can be back @ 301
Sir, Log yahan.. 13 days patience nhi rakh sakte aur aap 2013 ki baat kar rahe ho. Even Aap Ready made portfolio banakar bhi de do to bhi wo 1 month me hi EXIT kar denge \U0001f602
— BhavinKhengarSuratGujarat (@IntradayWithBRK) September 19, 2021
Neuland 2700 se 1500 & Sequent 330 to 230 kya huwa.. 99% retailers/investors twitter par charcha n EXIT\U0001f602
And here they are...
THE WINNERS OF THE 24 HOUR STARTUP CHALLENGE
Remember, this money is just fun. If you launched a product (or even attempted a launch) - you did something worth MUCH more than $1,000.
#24hrstartup
The winners ๐
#10
Lattes For Change - Skip a latte and save a life.
https://t.co/M75RAirZzs
@frantzfries built a platform where you can see how skipping your morning latte could do for the world.
A great product for a great cause.
Congrats Chris on winning $250!
#9
Instaland - Create amazing landing pages for your followers.
https://t.co/5KkveJTAsy
A team project! @bpmct and @BaileyPumfleet built a tool for social media influencers to create simple "swipe up" landing pages for followers.
Really impressive for 24 hours. Congrats!
#8
SayHenlo - Chat without distractions
https://t.co/og0B7gmkW6
Built by @DaltonEdwards, it's a platform for combatting conversation overload. This product was also coded exclusively from an iPad ๐ฒ
Dalton is a beast. I'm so excited he placed in the top 10.
#7
CoderStory - Learn to code from developers across the globe!
https://t.co/86Ay6nF4AY
Built by @jesswallaceuk, the project is focused on highlighting the experience of developers and people learning to code.
I wish this existed when I learned to code! Congrats on $250!!
THE WINNERS OF THE 24 HOUR STARTUP CHALLENGE
Remember, this money is just fun. If you launched a product (or even attempted a launch) - you did something worth MUCH more than $1,000.
#24hrstartup
The winners ๐
#10
Lattes For Change - Skip a latte and save a life.
https://t.co/M75RAirZzs
@frantzfries built a platform where you can see how skipping your morning latte could do for the world.
A great product for a great cause.
Congrats Chris on winning $250!
#9
Instaland - Create amazing landing pages for your followers.
https://t.co/5KkveJTAsy
A team project! @bpmct and @BaileyPumfleet built a tool for social media influencers to create simple "swipe up" landing pages for followers.
Really impressive for 24 hours. Congrats!
#8
SayHenlo - Chat without distractions
https://t.co/og0B7gmkW6
Built by @DaltonEdwards, it's a platform for combatting conversation overload. This product was also coded exclusively from an iPad ๐ฒ
Dalton is a beast. I'm so excited he placed in the top 10.
#7
CoderStory - Learn to code from developers across the globe!
https://t.co/86Ay6nF4AY
Built by @jesswallaceuk, the project is focused on highlighting the experience of developers and people learning to code.
I wish this existed when I learned to code! Congrats on $250!!
๐จโ๐ป Last resume I sent to a startup one year ago, sharing with you to get ideas:
- Forget what you don't have, make your strength bold
- Pick one work experience and explain what you did in detail w/ bullet points
- Write it towards the role you apply
- Give social proof
/thread
"But I got no work experience..."
Make a open source lib, make a small side project for yourself, do freelance work, ask friends to work with them, no friends? Find friends on Github, and Twitter.
Bonus points:
- Show you care about the company: I used the company's brand font and gradient for in the resume for my name and "Thank You" note.
- Don't list 15 things and libraries you worked with, pick the most related ones to the role you're applying.
-๐ โโ๏ธ"copy cover letter"
"I got no firends, no work"
One practical way is to reach out to conferences and offer to make their website for free. But make sure to do it good. You'll get:
- a project for portfolio
- new friends
- work experience
- learnt new stuff
- new thing for Twitter bio
If you don't even have the skills yet, why not try your chance for @LambdaSchool? No? @freeCodeCamp. Still not? Pick something from here and learn https://t.co/7NPS1zbLTi
You'll feel very overwhelmed, no escape, just acknowledge it and keep pushing.
- Forget what you don't have, make your strength bold
- Pick one work experience and explain what you did in detail w/ bullet points
- Write it towards the role you apply
- Give social proof
/thread
"But I got no work experience..."
Make a open source lib, make a small side project for yourself, do freelance work, ask friends to work with them, no friends? Find friends on Github, and Twitter.
Bonus points:
- Show you care about the company: I used the company's brand font and gradient for in the resume for my name and "Thank You" note.
- Don't list 15 things and libraries you worked with, pick the most related ones to the role you're applying.
-๐ โโ๏ธ"copy cover letter"
"I got no firends, no work"
One practical way is to reach out to conferences and offer to make their website for free. But make sure to do it good. You'll get:
- a project for portfolio
- new friends
- work experience
- learnt new stuff
- new thing for Twitter bio
If you don't even have the skills yet, why not try your chance for @LambdaSchool? No? @freeCodeCamp. Still not? Pick something from here and learn https://t.co/7NPS1zbLTi
You'll feel very overwhelmed, no escape, just acknowledge it and keep pushing.