Roadmaps with learning resources

Please keep in mind that these roadmaps are simplified to cater the needs of students who have no programming background and don't want to be overwhelmed by a lot of detailed and comprehensive roadmaps available on the internet. If you are a seasoned developer or someone who has already spent some time doing development in any of these stacks then please refer to WeMakeDev's official Roadmaps Repository

1. Frontend Web Development Roadmap

2. Backend Web Development with Python Roadmap

3. Data Analysis in Python Roadmap

4. Machine Learning in Python Roadmap

5. Deep Learning/AI in Python Roadmap

Important note : All the above roadmaps are created by Google Developer Student Club Islamia University of Bahawalpur, following are some repositories that you can explore to upskill yourself as a developer :

1. Students Resource Hub by DevHack Club IUB

2. Coding Interview University by Donne Martin

3. Free E-Books for CS Students by E-Books Foundation

4. Learning Resources by Rashid Wassan

5. Machine Learning Examples by The Lazy Programmer

In addition to all the above repositories, you can also visit my starred repositories page at Muhammad Abuzar's Starred Repos

.

.

.

.

.

.

Frontend Web Development (in order)

HTML :

HTML is used to structure the layout of any webpage on the internet. Learning HTML should be your first step towards web development. We recommend the following video on FreeCodeCamp as a good starting point to learn HTML :

• HTML Complete Tutorial - Free Code Camp

CSS :

CSS is a styling language used to make your webistes visually appealing and beautiful. Learn it here :

• CSS Tutorial – Full Course for Beginners

JavaScript :

JavaScript is the language of web. It is used to add logic to your webistes. JavaScript code is compiled in JavaScript engines available in your browsers like the V8 engine available in Chrome.

• JavaScript Programming - Full Course

JavaScript Frameworks :

When coding large websites, you don't usually write write plain JavaScript code, instead you use frameworks like React, Angular or Vue. You can start learning any of these frameworks but we recommend learning React as it is easy to learn and has a huge community of developers online :

• React course by Chai or Code

---

Backend Web Development (using Python)

Python Fundamentals :

Python is a versatiler language used for a lot of stuff including web development. Learn Python here :

• Python Crash Course by Code with Mosh

Backend Web Development Concept :

Understanding the workflow of backend web development is essential before you start building, watch this video first :

• Backend web development overview

Django Course :

• Django Complete Course

Flask Course :

• Flask Complete Course

---

Data Analysis with Python :

Numpy :

Numpy is used to perform numerical operations on data :

• Numpy Complete Course

Pandas :

Pandas is used read, view and manipulate multiple types of datasets :

• Pandas Complete Course

Matplotlib:

Matplotlib is used to create visualize data using charts and graphs :

• Matplotlib Complete Course

---

Machine Learning with Python :

Machine Learning :

This comprehensive playlist covers all the machine learning concepts as well as their Python implementations for beginners :

• Complete Machine Learning Course

---

Deep Learning with Python :

Deep Learning :

Not one playlist, video or course can cover all the deep learning concepts but this one can be a good starting point for many developers :

• Deep Learning With Tensorflow 2.0, Keras and Python

Important Note : All above youtube videos are in English, for Hindi/Urdu videos you can visit the Youtube channel of Code with Harry. Happy Learning :)