Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/majidraimi/gdsc-milestone-one


https://github.com/majidraimi/gdsc-milestone-one

Last synced: 4 days ago
JSON representation

Awesome Lists containing this project

README

        

# GDSC Milestone One Preparation 🚀

## Introduction

Welcome to the GDSC Milestone One Preparation! 🌟 This roadmap is designed to guide you through essential web development and design skills, preparing you for the exciting challenges ahead.

## My Resources 📚

* **Starting with (HTML & CSS)**
* [HTML Full Course 'Bro Code'](https://www.youtube.com/watch?v=HD13eq_Pmp8&t=1s&ab_channel=BroCode) (English)
* [HTML Crash Course 'Mosh'](https://www.youtube.com/watch?v=qz0aGYrrlhU&t=479s&ab_channel=ProgrammingwithMosh) (English)
* [HTML Crash Course 'TM'](https://www.youtube.com/watch?v=UB1O30fR-EE&t=1537s&ab_channel=TraversyMedia) (English)
* [CSS Full Course 'Bro Code'](https://www.youtube.com/watch?v=wRNinF7YQqQ&t=1747s&ab_channel=BroCode) (English)
* [CSS in 20 minutes 'WDS'](https://www.youtube.com/watch?v=1PnVor36_40&ab_channel=WebDevSimplified) (English)
* [HTML And CSS Design 'Elzero'](https://www.youtube.com/watch?v=_-eh8cwGGwg&ab_channel=ElzeroWebSchool) (Arabic)
* [Flex vs Grid 'theteachr'](https://www.youtube.com/watch?v=hT9ABJyOzwM&ab_channel=theteachr) (English)
* [Flex Box 'WDS'](https://www.youtube.com/watch?v=fYq5PXgSsbE&ab_channel=WebDevSimplified) (English)
* [Grid 'WDS'](https://www.youtube.com/watch?v=9zBsdzdE4sM&t=103s&ab_channel=WebDevSimplified) (English)

* **Intro to (Figma)**
* [Intro To Figma 'Jesse'](https://www.youtube.com/watch?v=jk1T0CdLxwU&ab_channel=JesseShowalter) (English)
* [Create Portfolio With Figma 'Yousef'](https://www.youtube.com/watch?v=vO2eO_DSvYY&t=294s&ab_channel=YosefAgil) (English)

---

Now your first challenge is to convert your design from figma to a website using HTML & CSS only

---

* **Continuing with Tailwind**
* [What Is Tailwind? 'Fireship'](https://www.youtube.com/watch?v=mr15Xzb1Ook&ab_channel=Fireship) (English)
* [Tailwind Crash Course 'TM'](https://www.youtube.com/watch?v=dFgzHOX84xQ&ab_channel=TraversyMedia) (English)
* [Tailwind Crash Course 'أكاديمية ترميز'](https://www.youtube.com/watch?v=Pk3hhCJG2Dk&ab_channel=%D8%A3%D9%83%D8%A7%D8%AF%D9%8A%D9%85%D9%8A%D8%A9%D8%AA%D8%B1%D9%85%D9%8A%D8%B2) (Arabic)

---

After you are done with Tailwind, your challenge is to convert your portfolio to Tailwind without using pure CSS

---

* **Now it's time for some Flask**
* [What Is Flask? 'Alex'](https://www.youtube.com/watch?v=2BbuB8QP1D4&ab_channel=AlexLugo) (English)
* [Flask Crash Course 'FCC'](https://www.youtube.com/watch?v=Z1RJmh_OqeA&t=1734s&ab_channel=freeCodeCamp.org) (English)
* [Deep Dive Into Flask 'Corey'](https://www.youtube.com/watch?v=MwZwr5Tvyxo&list=PL-osiE80TeTs4UjLw5MM6OjgkjFeUxCYH&ab_channel=CoreySchafer) (English)
* [Deep Dive Into Flask 'Elzero'](https://www.youtube.com/watch?v=Ze_lPWFQmXI&list=PLDoPjvoNmBAyE_gei5d18qkfIe-Z8mocs&index=133&ab_channel=ElzeroWebSchool) (Arabic)

* **Our last step is MongoDB**
* [What Is MongoDB? 'Fireship'](https://www.youtube.com/watch?v=-bt_y4Loofg&t=30s&ab_channel=Fireship) (English)
* [MongoDB Crash Course 'WDS'](https://www.youtube.com/watch?v=ofme2o29ngU&t=960s&ab_channel=WebDevSimplified) (English)
* [Connect MongoDB With Python (PyMongo) 'Steve'](https://www.youtube.com/watch?v=GJCKIGeK3qc&ab_channel=Coding101withSteve) (English)

---

Congratulations For Ending The First Roadmap 👏

---