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 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
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
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
More from Coding
7 best GitHub repositories that can help you as a developer
Thread 🧵👇🏻
1️⃣ Awesome For Beginner
- A list of awesome beginners-friendly projects.
🔗 https://t.co/4ycLUOE52j
2️⃣ Awesome Python
- A curated list of awesome Python frameworks, libraries, software and resources.
🔗 https://t.co/6B3Ito5wML
3️⃣ 30-seconds-of-code
- Short JavaScript code snippets for all your development needs
🔗 https://t.co/zWcmMtg2xa
4️⃣ Dev Portfolio
- A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass
🔗 https://t.co/DR1fiO7TS9
Thread 🧵👇🏻
1️⃣ Awesome For Beginner
- A list of awesome beginners-friendly projects.
🔗 https://t.co/4ycLUOE52j
2️⃣ Awesome Python
- A curated list of awesome Python frameworks, libraries, software and resources.
🔗 https://t.co/6B3Ito5wML
3️⃣ 30-seconds-of-code
- Short JavaScript code snippets for all your development needs
🔗 https://t.co/zWcmMtg2xa
4️⃣ Dev Portfolio
- A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass
🔗 https://t.co/DR1fiO7TS9
You May Also Like
1/ Here’s a list of conversational frameworks I’ve picked up that have been helpful.
Please add your own.
2/ The Magic Question: "What would need to be true for you
3/ On evaluating where someone’s head is at regarding a topic they are being wishy-washy about or delaying.
“Gun to the head—what would you decide now?”
“Fast forward 6 months after your sabbatical--how would you decide: what criteria is most important to you?”
4/ Other Q’s re: decisions:
“Putting aside a list of pros/cons, what’s the *one* reason you’re doing this?” “Why is that the most important reason?”
“What’s end-game here?”
“What does success look like in a world where you pick that path?”
5/ When listening, after empathizing, and wanting to help them make their own decisions without imposing your world view:
“What would the best version of yourself do”?
Please add your own.
2/ The Magic Question: "What would need to be true for you
1/\u201cWhat would need to be true for you to\u2026.X\u201d
— Erik Torenberg (@eriktorenberg) December 4, 2018
Why is this the most powerful question you can ask when attempting to reach an agreement with another human being or organization?
A thread, co-written by @deanmbrody: https://t.co/Yo6jHbSit9
3/ On evaluating where someone’s head is at regarding a topic they are being wishy-washy about or delaying.
“Gun to the head—what would you decide now?”
“Fast forward 6 months after your sabbatical--how would you decide: what criteria is most important to you?”
4/ Other Q’s re: decisions:
“Putting aside a list of pros/cons, what’s the *one* reason you’re doing this?” “Why is that the most important reason?”
“What’s end-game here?”
“What does success look like in a world where you pick that path?”
5/ When listening, after empathizing, and wanting to help them make their own decisions without imposing your world view:
“What would the best version of yourself do”?