Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/majidraimi/gdsc-milestone-one
https://github.com/majidraimi/gdsc-milestone-one
Last synced: 4 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/majidraimi/gdsc-milestone-one
- Owner: MajidRaimi
- Created: 2022-12-18T09:02:12.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2023-11-28T23:58:12.000Z (about 1 year ago)
- Last Synced: 2024-11-08T00:15:52.682Z (about 2 months ago)
- Size: 99.6 KB
- Stars: 6
- Watchers: 1
- Forks: 16
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
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 👏
---