"I want to learn how to code, but have no idea where to begin."

I've been getting this question pretty frequently lately, and thought it was a good time to put together a thread to cover all the basics.

And here it is!

Instead of just throwing a few links at you, I first want to cover something much more fundamental: The *reason* you want to learn to code.

I've had to train a good number of developers in my time. The ones that succeeded had rock-solid, persistent motivations. Is that you?

Some good motivations for learning how to code:

* Enabling a career change
* Insatiable curiosity, eagerness to learn
* Frustration with inefficiency + desire to improve things
* Larger goals in mind, coding being a stepping stone

Some bad motivations for learning how to code:

* It seems popular
* Your friends/family have ideas for apps
* You want to make lots of money by sitting in front of a computer
* You bought an expensive MacBook and are struggling to justify the expense

For those, trade forex.

Motivation matters, because of the one thing that's universally true about coding: It's hard.

Depending on what you do, you may have to learn several languages at once. Tools constantly update. New approaches land in the market on an annual basis. You're constantly upskilling.

I discovered a fantastic GitHub repository called: Projects

This repository contains about 125 project ideas from beginner to intermediate level that anyone can solve in any programming language.

Link - https://t.co/Arl5fl1lQI

If you're learning or planning to learn Web Development in 2021 then this thread is for you

🧵👇🏻

WHERE TO START? Front-end or Backend?

- Well this may be a debatable question but I would suggest you to start with front-end development

- It depends entirely on the individual but in my opinion, starting with front-end development has its advantages.

{ 2 / 16 }

WHY TO START WITH FRONT-END DEVELOPMENT?

- More visual content gives you an aesthetic vibe

- You can share your creations

- Easier to get feedback as you can show your webpages to any non technical person as well

{ 3 / 16 }

FUNDAMENTALS ARE IMPORTANT

- Don't rush! Spend some time on HTML, CSS and JavaScript. You can do pretty amazing things using these three languages

{ 4 / 16 }

- Make sure to learn and build some web pages using HTML and CSS before jumping onto JavaScript

- JavaScript is the backbone of web development, Don't rush to start with React/Angular/vue or any other front-end framework or library

{ 5 / 16 }

A complete beginner's guide to CSS Grid layout 👇🏻

Thread🧵

Grid is used for making complex web design layouts more easily as it's not so hard to master

Using Flex you can make only 1D layout but Grid gives you full power of creating 2D layout

Let's start

{ 2 / 21 }

First things first, start with giving the display property "grid" to the container element or parent element

{ 3 / 21 }

Nothing will change after adding display: flex; in the parent container becuase we need to define the width of columns. In order to set that columns width we have gird-template-columns property

{ 4 / 21 }

Let's start with defining the width of our columns.

For example, let's say I need two columns of width 60% and 40% respectively

grid-template-columns: 60% 40%;

{ 5 / 21 }

Do you want to learn AWS (or an experienced AWS dev) ?

Here's a list of Github repositories you should check out:

🧵👇🏻

1. Serverless:

Serverless Framework – Build web, mobile and IoT applications with serverless architectures using AWS Lambda, Azure Functions, Google CloudFunctions &

2. Localstack:

💻 A fully functional local AWS cloud stack. Develop and test your cloud & Serverless apps

3. data-science-ipython-notebooks

Data science Python notebooks: Deep learning (TensorFlow, Theano, Caffe, Keras), scikit-learn, Kaggle, big data, matplotlib, pandas, NumPy, SciPy, Python essentials, AWS, and various command

4. awesome-kubernetes:

A curated list for awesome kubernetes

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

I remember how hard it was to find resources for machine learning a couple of years ago.

Now we have so many of them, its impossible for you to not find what you're looking for.

Here are some of them 🧵

1️⃣ Kaggle

My go to place for finding datasets and code snippets, also a great place for discussions.

2️⃣ Papers with code

A collection of the latest and greatest research papers and the best part, a github repository with the code is included!

3️⃣ Kdnuggets

Guides, tutorials and articles on everything AI, Analytics, Big Data, Data Mining, Data Science, and Machine Learning.

4️⃣ Towards Data Science

A blog about data science with accessible and well written articles.

Are you a web developer?

Here are few Productive Tools that will save you 10+ hours per week

🧵A Thread 🧵

1. Metatags

This tool can help you to test and view your website's preview when viewed on Google, Facebook, or

2. ExtractCSS

This tool can help you to extract element Id, class, and inline styles from HTML documents and output them as CSS

3. WhatRuns

This tool can help you to peek at other site's themes, plugins, and server info used. WhatRuns can be installed on @firefox and

4. Unminify

Free tool to unminify javascript, CSS, HTML, XML, and JSON code making it readable and

Web development resources for free

Mega Thread 🧵 👇🏻

1️⃣ Online learning platforms 📘

- Udemy
- FreeCodeCamp
- Treehouse
- Frontend masters
- Coursera
- Traversy media
- SoloLearn
- Codecademy
- Udacity
- Alison
- Code college
- LinkedIn Learning
- Skillshare
- EdX

2️⃣ Editors and share code snippets ✍🏻

- PlayCode
- JSFiddle
- CodePen
- StackBlitz
- JSBin
- Codesandbox
- Codeinterview .io
- godbolt .org
- wandbox .org
- carbon .now.sh
- pastebin .com
- ideone .com
- ide .judge0.com

3️⃣ Documentations and notes 📄

- w3 schools
- mdn
- Devdocs
- geeksforgeeks
- tutorialspoint
- javapoint

4️⃣ Competitive programming 👩‍💻

- CodeChef
- HackerEarth
- HackerRank
- AlgoExpert
- LeetCode
- TopCoder
- Codewars
- Codeforces
- Coderbyte
- Exercism

Six Blogs/Websites from which you can learn and stay updated about Python 🐍

Thread 🧵👇

1⃣ @realpython

The best site for Python. It helped me a lot personally in the learning process.

2⃣ Python Blogs

A dedicated platform for learners and professionals for

3⃣ @PythonPool

Python Pool is a platform where you can learn and become an expert in every aspect of Python programming language as well as in AI, ML, and Data

4⃣ Microsoft Dev Blog - Python

Read the latest updates about all things Python at

Practice and improve your HTML, CSS and JavaScript skills by building these 50 projects.

A thread 🧵

1. Expanding Cards
2. Progress Steps
3. Rotating Navigation
4. Hidden Search
5. Blurry Loading
6. Scroll Animation
7. Split Landing Page
8. Form Wave Animation
9. Sound Board
10. Dad Jokes App

11. Event KeyCodes
12. FAQ Collapse
13. Random Choice Picker
14. Animated Navigation
15. Incrementing Counter
16. Drink Water
17. Movie App
18. Background Slider
19. Theme Clock
20. Button Ripple Effect

21. Drag N Drop
22. Drawing App
23. Kinetic Loader
24. Content Placeholder
25. Sticky Navigation
26. Double Vertical Slider
27. Toast Notification
28. Github Profiles
29. Double Click Heart
30. Auto Text Effect

31. Password Generator
32. Good Cheap Fast
33. Notes App
34. Animated Countdown
35. Image Carousel
36. Hoverboard
37. Pokedex
38. Mobile Tab Navigation
39. Password Strength Background
40. 3D Boxes Background