From 98bfa939fa2e9021e49fcfb19d6fd9ddb0d72926 Mon Sep 17 00:00:00 2001 From: ShatadruM Date: Mon, 14 Apr 2025 23:24:02 +0530 Subject: [PATCH 1/5] previous one --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 0a72c74..615cca6 100644 --- a/README.md +++ b/README.md @@ -5,6 +5,7 @@ A roadmap for Design Lab ## Web Development ##### Basics - [HTML](https://www.w3schools.com/html/default.asp) + - [CSS](https://www.w3schools.com/css/default.asp) ##### Advanced - [Javascript](https://www.w3schools.com/js/default.asp) (*Recommended*) From fa801bcd3135c68084685422b46917efdd4b44af Mon Sep 17 00:00:00 2001 From: ShatadruM Date: Mon, 14 Apr 2025 23:31:11 +0530 Subject: [PATCH 2/5] first change --- README.md | 101 ++++++++++++++++++++++++++++++++++++++---------------- 1 file changed, 72 insertions(+), 29 deletions(-) diff --git a/README.md b/README.md index 615cca6..fe95acb 100644 --- a/README.md +++ b/README.md @@ -1,49 +1,92 @@ # UI/UX Lab Roadmap -A roadmap for Design Lab - ## Web Development -##### Basics -- [HTML](https://www.w3schools.com/html/default.asp) - -- [CSS](https://www.w3schools.com/css/default.asp) -##### Advanced -- [Javascript](https://www.w3schools.com/js/default.asp) (*Recommended*) -- [Python](https://www.w3schools.com/python/default.asp) (*Recommended*) -- [PHP](https://www.w3schools.com/php/default.asp) (*Optional*) -- [MySQL](https://www.w3schools.com/sql/default.asp) - -##### Some Useful Frameworks -- [Flask](https://www.tutorialspoint.com/flask/index.htm) (*Recommended*) -- [Node.JS](https://www.w3schools.com/nodejs/) (*Recommended*) -- [React](https://reactjs.org/tutorial/tutorial.html) (*Recommended*) -- [Bootstrap](https://www.w3schools.com/bootstrap4/default.asp) -- [jQuery](https://www.w3schools.com/jquery/default.asp) (*Optional*) + +### Basics +1. **HTML** + [Learn HTML](https://www.w3schools.com/html/default.asp) + **YouTube Video:** (https://youtu.be/HGTJBPNC-Gw?si=Xkzd0UO1cycEltay) + +2. **CSS** + [Learn CSS](https://www.w3schools.com/css/default.asp) + **YouTube Video:** [YouTube Video Here] + +### Advanced +1. **JavaScript** + [Learn JavaScript](https://www.w3schools.com/js/default.asp) (*Recommended*) + **YouTube Video:** [YouTube Video Here] + +2. **Python** + [Learn Python](https://www.w3schools.com/python/default.asp) (*Recommended*) + **YouTube Video:** [YouTube Video Here] + +3. **PHP** + [Learn PHP](https://www.w3schools.com/php/default.asp) (*Optional*) + **YouTube Video:** [YouTube Video Here] + +4. **MySQL** + [Learn MySQL](https://www.w3schools.com/sql/default.asp) + **YouTube Video:** [YouTube Video Here] + +### Some Useful Frameworks + +1. **Flask** + [Learn Flask](https://www.tutorialspoint.com/flask/index.htm) (*Recommended*) + **YouTube Video:** [YouTube Video Here] + +2. **Node.js** + [Learn Node.js](https://www.w3schools.com/nodejs/) (*Recommended*) + **YouTube Video:** [YouTube Video Here] + +3. **React** + [Learn React](https://reactjs.org/tutorial/tutorial.html) (*Recommended*) + **YouTube Video:** [YouTube Video Here] + +4. **Bootstrap** + [Learn Bootstrap](https://www.w3schools.com/bootstrap4/default.asp) + **YouTube Video:** [YouTube Video Here] + +5. **jQuery** + [Learn jQuery](https://www.w3schools.com/jquery/default.asp) (*Optional*) + **YouTube Video:** [YouTube Video Here] + +--- ## APP Development -#### Languages +### Languages -- [Dart - Flutter](https://www.udemy.com/course/free-flutter-beginner-tutorial-build-own-app/) -- JAVA -- Kotlin +1. **Dart - Flutter** + [Flutter Beginner Course](https://www.udemy.com/course/free-flutter-beginner-tutorial-build-own-app/) + **YouTube Video:** [YouTube Video Here] + +2. **JAVA** + **YouTube Video:** [YouTube Video Here] + +3. **Kotlin** + **YouTube Video:** [YouTube Video Here] + +--- ## Resources for UI Development -#### Softwares +### Softwares - [Adobe XD](https://www.adobe.com/in/products/xd.html) - [GIMP](https://www.gimp.org/downloads/) -#### Useful Websites +### Useful Websites - [Lipsum](https://www.lipsum.com/) - [unDraw](https://undraw.co/) - [Unsplash](https://unsplash.com) - [UIFaces](https://uifaces.co/) +--- + +**Some Useful Advice:** Try to explore all the options available to you. UI/UX alone wonโ€™t take you far. For example, if youโ€™re good at math, consider learning Machine Learning. +[Hereโ€™s the Roadmap of McCarthy Lab](https://github.com/NextTechLabAP/McCarthy-Lab-Roadmap) -**Some Useful Advice:** Try to explore all the options available to you as I've told before UI/UX alone wont take you further. For example if you think you are good at math try to learn Machine Learning [Here's the Roadmap of McCarthy Lab](https://github.com/NextTechLabAP/McCarthy-Lab-Roadmap) +**IMPORTANT:** Upload all your work to GitHub. GitHub is a must for the lab. -**IMPORTANT:** Make sure you upload all your work to github. Github is a must for the lab. -#### Learn Github -- [Git](https://readwrite.com/2013/09/30/understanding-github-a-journey-for-beginners-part-1/) - Introduction -- [Github Desktop](https://desktop.github.com/) - Software +### Learn GitHub +- [Git](https://readwrite.com/2013/09/30/understanding-github-a-journey-for-beginners-part-1/) - Introduction +- [GitHub Desktop](https://desktop.github.com/) - Software From 54a9c3edf89534c44fc328ce93f6514964601766 Mon Sep 17 00:00:00 2001 From: ShatadruM Date: Mon, 14 Apr 2025 23:39:43 +0530 Subject: [PATCH 3/5] till js --- README.md | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index fe95acb..f53a679 100644 --- a/README.md +++ b/README.md @@ -5,16 +5,17 @@ ### Basics 1. **HTML** [Learn HTML](https://www.w3schools.com/html/default.asp) - **YouTube Video:** (https://youtu.be/HGTJBPNC-Gw?si=Xkzd0UO1cycEltay) + **YouTube Video:** [Bro Code HTML](https://youtu.be/HD13eq_Pmp8?si=VegfRNJJgOUfsBc_) 2. **CSS** [Learn CSS](https://www.w3schools.com/css/default.asp) - **YouTube Video:** [YouTube Video Here] + **YouTube Video:** [Bro Code CSS](https://youtu.be/HGTJBPNC-Gw?si=_ZmOEk2w-ngNUVHw) ### Advanced 1. **JavaScript** [Learn JavaScript](https://www.w3schools.com/js/default.asp) (*Recommended*) - **YouTube Video:** [YouTube Video Here] + **YouTube Video:** [Bro Code JS](https://youtu.be/lfmg-EJ8gm4?si=Ek3iCQE87WL_LMQ9) + [Free code camp JS](https://youtu.be/jS4aFq5-91M?si=uuIelu_mmzBbPs89) 2. **Python** [Learn Python](https://www.w3schools.com/python/default.asp) (*Recommended*) From 4fb10d3039a1305ade2b1924e6dc9f42541c151b Mon Sep 17 00:00:00 2001 From: ShatadruM Date: Sun, 20 Apr 2025 10:45:36 +0530 Subject: [PATCH 4/5] added yt links --- README.md | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index f53a679..5b5ffdb 100644 --- a/README.md +++ b/README.md @@ -19,7 +19,8 @@ 2. **Python** [Learn Python](https://www.w3schools.com/python/default.asp) (*Recommended*) - **YouTube Video:** [YouTube Video Here] + **YouTube Video:** [Free Code Camp Python tutorials](https://youtu.be/rfscVS0vtbw?si=wt5gqK5xoeXRJRKE) + [Chai aur Code Python course](https://youtu.be/v9bOWjwdTlg?si=IYt29xdz3IxAIdWS) 3. **PHP** [Learn PHP](https://www.w3schools.com/php/default.asp) (*Optional*) @@ -33,15 +34,19 @@ 1. **Flask** [Learn Flask](https://www.tutorialspoint.com/flask/index.htm) (*Recommended*) - **YouTube Video:** [YouTube Video Here] + **YouTube Video:** [Free Code Camp Flask Tutorial](https://youtu.be/Qr4QMBUPxWo?si=XWaoPXWCxSJXQpUO) + [Code With Harry](https://youtu.be/oA8brF3w5XQ?si=VbQ1XLWe2ulmWTWg) 2. **Node.js** [Learn Node.js](https://www.w3schools.com/nodejs/) (*Recommended*) - **YouTube Video:** [YouTube Video Here] + **YouTube Video:** [Free Code Camp NodeJS Tutorial](https://youtu.be/Oe421EPjeBE?si=pbv5cE3kKspyOz1e) + [Chai aur Code Complete Backend with Node](https://youtu.be/EH3vGeqeIAo?si=imo1FdLISm9JZtFo) 3. **React** [Learn React](https://reactjs.org/tutorial/tutorial.html) (*Recommended*) - **YouTube Video:** [YouTube Video Here] + **YouTube Video:** [Free Code Camp ReactJS Tutorial](https://youtu.be/x4rFhThSX04?si=n90dITlrYqnIgavW) + [HuXN WebDev ReactJS](https://youtu.be/qnwFpjIqsrA?si=2huA3ZjkuV3QKCDR)(*Advanced*) + [Chai aur Code ReactJS](https://youtu.be/vz1RlUyrc3w?si=bMd6HRHBnwDDdJmk) 4. **Bootstrap** [Learn Bootstrap](https://www.w3schools.com/bootstrap4/default.asp) @@ -72,8 +77,10 @@ ## Resources for UI Development ### Softwares +-[Figma](https://www.figma.com/) - [Adobe XD](https://www.adobe.com/in/products/xd.html) - [GIMP](https://www.gimp.org/downloads/) +- [Inkscape](https://inkscape.org/) ### Useful Websites - [Lipsum](https://www.lipsum.com/) From bfb8d2f163c3ae3a5e252e477cec53b2ff184558 Mon Sep 17 00:00:00 2001 From: ShatadruM Date: Sun, 20 Apr 2025 10:51:44 +0530 Subject: [PATCH 5/5] fixed the structure --- README.md | 58 ++++++++++++++++++++++++++++++++++++------------------- 1 file changed, 38 insertions(+), 20 deletions(-) diff --git a/README.md b/README.md index 5b5ffdb..5f7330f 100644 --- a/README.md +++ b/README.md @@ -1,26 +1,34 @@ # UI/UX Lab Roadmap +--- + ## Web Development -### Basics +### ๐Ÿ”ฐ Basics + 1. **HTML** [Learn HTML](https://www.w3schools.com/html/default.asp) - **YouTube Video:** [Bro Code HTML](https://youtu.be/HD13eq_Pmp8?si=VegfRNJJgOUfsBc_) + **YouTube Video:** [Bro Code HTML](https://youtu.be/HD13eq_Pmp8?si=VegfRNJJgOUfsBc_) 2. **CSS** [Learn CSS](https://www.w3schools.com/css/default.asp) **YouTube Video:** [Bro Code CSS](https://youtu.be/HGTJBPNC-Gw?si=_ZmOEk2w-ngNUVHw) -### Advanced +--- + +### ๐Ÿš€ Advanced + 1. **JavaScript** [Learn JavaScript](https://www.w3schools.com/js/default.asp) (*Recommended*) - **YouTube Video:** [Bro Code JS](https://youtu.be/lfmg-EJ8gm4?si=Ek3iCQE87WL_LMQ9) - [Free code camp JS](https://youtu.be/jS4aFq5-91M?si=uuIelu_mmzBbPs89) + **YouTube Videos:** + - [Bro Code JS](https://youtu.be/lfmg-EJ8gm4?si=Ek3iCQE87WL_LMQ9) + - [Free Code Camp JS](https://youtu.be/jS4aFq5-91M?si=uuIelu_mmzBbPs89) 2. **Python** [Learn Python](https://www.w3schools.com/python/default.asp) (*Recommended*) - **YouTube Video:** [Free Code Camp Python tutorials](https://youtu.be/rfscVS0vtbw?si=wt5gqK5xoeXRJRKE) - [Chai aur Code Python course](https://youtu.be/v9bOWjwdTlg?si=IYt29xdz3IxAIdWS) + **YouTube Videos:** + - [Free Code Camp Python Tutorials](https://youtu.be/rfscVS0vtbw?si=wt5gqK5xoeXRJRKE) + - [Chai aur Code Python Course](https://youtu.be/v9bOWjwdTlg?si=IYt29xdz3IxAIdWS) 3. **PHP** [Learn PHP](https://www.w3schools.com/php/default.asp) (*Optional*) @@ -30,23 +38,28 @@ [Learn MySQL](https://www.w3schools.com/sql/default.asp) **YouTube Video:** [YouTube Video Here] -### Some Useful Frameworks +--- + +### ๐Ÿงฐ Some Useful Frameworks 1. **Flask** [Learn Flask](https://www.tutorialspoint.com/flask/index.htm) (*Recommended*) - **YouTube Video:** [Free Code Camp Flask Tutorial](https://youtu.be/Qr4QMBUPxWo?si=XWaoPXWCxSJXQpUO) - [Code With Harry](https://youtu.be/oA8brF3w5XQ?si=VbQ1XLWe2ulmWTWg) + **YouTube Videos:** + - [Free Code Camp Flask Tutorial](https://youtu.be/Qr4QMBUPxWo?si=XWaoPXWCxSJXQpUO) + - [Code With Harry](https://youtu.be/oA8brF3w5XQ?si=VbQ1XLWe2ulmWTWg) 2. **Node.js** [Learn Node.js](https://www.w3schools.com/nodejs/) (*Recommended*) - **YouTube Video:** [Free Code Camp NodeJS Tutorial](https://youtu.be/Oe421EPjeBE?si=pbv5cE3kKspyOz1e) - [Chai aur Code Complete Backend with Node](https://youtu.be/EH3vGeqeIAo?si=imo1FdLISm9JZtFo) + **YouTube Videos:** + - [Free Code Camp NodeJS Tutorial](https://youtu.be/Oe421EPjeBE?si=pbv5cE3kKspyOz1e) + - [Chai aur Code Complete Backend with Node](https://youtu.be/EH3vGeqeIAo?si=imo1FdLISm9JZtFo) 3. **React** [Learn React](https://reactjs.org/tutorial/tutorial.html) (*Recommended*) - **YouTube Video:** [Free Code Camp ReactJS Tutorial](https://youtu.be/x4rFhThSX04?si=n90dITlrYqnIgavW) - [HuXN WebDev ReactJS](https://youtu.be/qnwFpjIqsrA?si=2huA3ZjkuV3QKCDR)(*Advanced*) - [Chai aur Code ReactJS](https://youtu.be/vz1RlUyrc3w?si=bMd6HRHBnwDDdJmk) + **YouTube Videos:** + - [Free Code Camp ReactJS Tutorial](https://youtu.be/x4rFhThSX04?si=n90dITlrYqnIgavW) + - [HuXN WebDev ReactJS](https://youtu.be/qnwFpjIqsrA?si=2huA3ZjkuV3QKCDR) (*Advanced*) + - [Chai aur Code ReactJS](https://youtu.be/vz1RlUyrc3w?si=bMd6HRHBnwDDdJmk) 4. **Bootstrap** [Learn Bootstrap](https://www.w3schools.com/bootstrap4/default.asp) @@ -60,7 +73,7 @@ ## APP Development -### Languages +### ๐Ÿ› ๏ธ Languages 1. **Dart - Flutter** [Flutter Beginner Course](https://www.udemy.com/course/free-flutter-beginner-tutorial-build-own-app/) @@ -76,17 +89,21 @@ ## Resources for UI Development -### Softwares --[Figma](https://www.figma.com/) +### ๐Ÿง‘โ€๐ŸŽจ Softwares + +- [Figma](https://www.figma.com/) - [Adobe XD](https://www.adobe.com/in/products/xd.html) - [GIMP](https://www.gimp.org/downloads/) - [Inkscape](https://inkscape.org/) -### Useful Websites +### ๐ŸŒ Useful Websites + - [Lipsum](https://www.lipsum.com/) - [unDraw](https://undraw.co/) - [Unsplash](https://unsplash.com) - [UIFaces](https://uifaces.co/) +- [Awwwards](https://www.awwwards.com/) +- [Dribbble](https://dribbble.com/) --- @@ -95,6 +112,7 @@ **IMPORTANT:** Upload all your work to GitHub. GitHub is a must for the lab. -### Learn GitHub +### ๐Ÿ™ Learn GitHub + - [Git](https://readwrite.com/2013/09/30/understanding-github-a-journey-for-beginners-part-1/) - Introduction - [GitHub Desktop](https://desktop.github.com/) - Software