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 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
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
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

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
Do not write CSS code, use these free generators instead that can help you immensely

A Thread ๐Ÿงต

1๏ธโƒฃ Stripes generator

- Pure CSS Stripes Generator that you can use for backgrounds.

๐Ÿ”—
https://t.co/5uTPrwA5xD


2๏ธโƒฃ Gradient generator

- As a free css gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile

๐Ÿ”— https://t.co/Yr6pueoWgx


3๏ธโƒฃ Pattern generator

- It lets you create background pattern for free

๐Ÿ”— https://t.co/NQuV7pxLIz


4๏ธโƒฃ CSS Accordion Slider Generator

- Create fully responsive, css only accordion sliders

๐Ÿ”— https://t.co/x0qaDhN0z9
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

You May Also Like