Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
training:ds:2025:introtoml [2025/08/30 10:56] – Abdelghafour Halimitraining:ds:2025:introtoml [2025/09/03 13:20] (current) – Abdelghafour Halimi
Line 1: Line 1:
-# 🤖 Hands-on AI Tools and Techniques Workshop Series +====== Hands-on AI Tools and Techniques Workshop Series ~ Introduction to Machine Learning ======
-## 🚀 Introduction to Machine Learning+
  
----## 👥 Who Should Attend?+<WRAP group> <WRAP quarter column> <WRAP center round box 110%> {{:icon:twbs:link:w-25:h-auto:calendar3.svg?nolink&}} <tab1> <fs:26px>** Date**</fs>
  
-<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 25px 0;">+  * Monday October 06, 2024 
 +  * 2pm - 5pm
  
-<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 15px; padding: 25px; color: white; box-shadow: 0 8px 25px rgba(0,0,0,0.15);"> +<wrap indent></wrap> \\ 
-<div style="font-size: 2rem; margin-bottom: 15px; text-align: center;">🎓</div> +</WRAP> </WRAP>
-<h4 style="color: white; margin-bottom: 15px; text-align: center;">Beginners & Students</h4> +
-<p style="text-align: center; line-height: 1.6; margin: 0;">Anyone with zero experience who wants to learn Machine Learning and Data Science</p> +
-</div>+
  
-<div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 15px; padding: 25px; color: white; box-shadow: 0 8px 25px rgba(0,0,0,0.15);"> +<WRAP quarter column> <WRAP center round box 110%> {{:icon:twbs:link:w-25:h-auto:map.svg?nolink&}} <tab1> <fs:26px>** Venue**</fs>
-<div style="font-size: 2rem; margin-bottom: 15px; text-align: center;">💻</div> +
-<h4 style="color: white; margin-bottom: 15px; text-align: center;">Developers</h4> +
-<p style="text-align: center; line-height: 1.6; margin: 0;">Programmers wanting to extend their skills into Data Science and Machine Learning</p> +
-</div>+
  
-<div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 15px; padding: 25px; color: white; box-shadow: 0 8px 25px rgba(0,0,0,0.15);"> +  * Level 0 Auditorium, BW B4 and B5   
-<div style="font-size: 2rem; margin-bottom: 15px; text-align: center;">🚀</div> +
-<h4 style="color: white; margin-bottom: 15px; text-align: center;">Professionals</h4> +
-<p style="text-align: center; line-height: 1.6; margin: 0;">Anyone wanting to add value to their business using powerful Machine Learning tools</p> +
-</div>+
  
-<div style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); border-radius: 15px; padding: 25px; color: white; box-shadow: 0 8px 25px rgba(0,0,0,0.15);"> +<wrap indent></wrap> \\ 
-<div style="font-size: 2rem; margin-bottom: 15px; text-align: center;">🏆</div> +<wrap indent></wrap> \\ 
-<h4 style="color: white; margin-bottom: 15px; text-align: center;">Industry Learners</h4> +</WRAP> </WRAP>
-<p style="text-align: center; line-height: 1.6; margin: 0;">Those who want to learn from industry experts with real field experience</p> +
-</div>+
  
-</div>le="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 30px 0;">+<WRAP quarter column>
  
-<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 15px; padding: 25px; color: white; text-align: center; box-shadow: 0 8px 25px rgba(0,0,0,0.15);"> +<WRAP center round box 110%> {{:icon:twbs:link:w-25:h-auto:globe.svg?nolink&}} <tab1> <fs:26px>** Organizer**</fs>
-<div style="font-size: 2.5rem; margin-bottom: 10px;">📅</div> +
-<h3 style="color: white; margin: 10px 0; font-size: 1.4rem;">Date & Time</h3> +
-<div style="background: rgba(255,255,255,0.2); border-radius: 10px; padding: 15px; margin-top: 15px;"> +
-<strong>Monday, October 13, 2025</strong><br> +
-<strong>2:00 PM - 5:00 PM</strong> +
-</div> +
-</div>+
  
-<div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 15px; padding: 25px; color: white; text-align: center; box-shadow: 0 8px 25px rgba(0,0,0,0.15);"> +{{:icon:twbs:link:w-25:h-auto:person.svg?nolink&}} Abdelghafour HALIMI\\ {{:icon:twbs:link:w-25:h-auto:headset-vr.svg?nolink&}} Visualization Core Laboratory \\ {{:icon:twbs:link:w-25:h-auto:envelope-at.svg?nolink&}} abdelghafour.halimi@kaust.edu.sa </WRAP> </WRAP>
-<div style="font-size: 2.5rem; margin-bottom: 10px;">📍</div> +
-<h3 style="color: white; margin: 10px 0; font-size: 1.4rem;">Venue</h3> +
-<div style="background: rgba(255,255,255,0.2); border-radius: 10px; padding: 15px; margin-top: 15px;"> +
-<strong>Level 0 Auditorium</strong><br> +
-<strong>BW B2 and B3</strong> +
-</div> +
-</div>+
  
-<div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 15px; padding: 25px; color: white; text-align: center; box-shadow: 0 8px 25px rgba(0,0,0,0.15);"> +<WRAP quarter column> <WRAP center round box 100%>{{:icon:twbs:link:w-25:h-auto:person-add.svg?nolink&}} <tab1>  <fs:26px>** Register**</fs>
-<div style="font-size: 2.5rem; margin-bottom: 10px;">👨‍🔬</div> +
-<h3 style="color: white; margin: 10px 0; font-size: 1.4rem;">Organizer</h3> +
-<div style="background: rgba(255,255,255,0.2); border-radius: 10px; padding: 15px; margin-top: 15px;"> +
-<strong>Abdelghafour HALIMI</strong><br> +
-Visualization Core Laboratory<br> +
-<em>abdelghafour.halimi@kaust.edu.sa</em> +
-</div> +
-</div>+
  
-<div style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); border-radius: 15px; padding: 25px; color: white; text-align: center; box-shadow: 0 8px 25px rgba(0,0,0,0.15);"> +<wrap em button> [[https://kaustforms.formstack.com/forms/introduction_to_machine_learning_fall_2024|Register Here!]] </wrap> \\ 
-<div style="font-size: 2.5rem; margin-bottom: 10px;">✨</div> +<wrap indent></wrap> \\ 
-<h3 style="color: white; margin: 10px 0; font-size: 1.4rem;">Registration</h3> +<wrap indent></wrap> \\ 
-<div style="margin-top: 15px;"> +<wrap indent></wrap> \\ 
-<a href="https://kaustforms.formstack.com/forms/introduction_to_machine_learning_fall_2024"  +</WRAP> </WRAP> </WRAP>
-   style="background: rgba(255,255,255,0.9); color: #333; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: bold; display: inline-block; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.2);"> +
-   🎯 Register Now! +
-</a> +
-</div> +
-</div>+
  
-</div>+<WRAP group> <WRAP third column>
  
----+{{  :wiki:training:2023:AI_workshop_ML.png?direct&  }}
  
-<div style="display: grid; grid-template-columns: 1fr 2fr; gap: 30px; margin: 40px 0;">+<WRAP center round box download 100%> 
 + <fs:26px>** Workshop Materials**</fs>
  
-<div style="display: flex; flex-direction: column; gap: 25px;">+  * Github link: [[https://github.com/A-Halimi/Introduction-to-AI-workshop-series|GitHub Repository]] 
  
-<div style="text-align: center;"> +</WRAP>
-<img src=":wiki:training:2023:AI_workshop_ML.png" alt="AI Workshop ML" style="width: 100%; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.15);"> +
-</div>+
  
-<div style="background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); border-radius: 15px; padding: 25px; box-shadow: 0 8px 25px rgba(0,0,0,0.1);"> +<WRAP center round box todo 100%> 
-<div style="display: flex; align-items: center; margin-bottom: 15px;"> + <fs:26px>** Pre-requisites**</fs>
-<div style="font-size: 1.8rem; margin-right: 10px;">📚</div> +
-<h3 style="margin: 0; color: #2c3e50; font-size: 1.3rem;">Workshop Materials</h3> +
-</div> +
-<div style="background: white; border-radius: 10px; padding: 15px;"> +
-<a href="https://github.com/A-Halimi/Introduction-to-AI-workshop-series"  +
-   style="color: #2c3e50; text-decoration: none; font-weight: 600; display: flex; align-items: center;"> +
-   <span style="margin-right: 8px;">🔗</span> +
-   GitHub Repository +
-</a> +
-</div> +
-</div>+
  
-<div style="background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%); border-radius: 15px; padding: 25px; box-shadow: 0 8px 25px rgba(0,0,0,0.1);"> +  * Have KAUST IT credentials (i.e. the one you use to access your KAUST email) 
-<div style="display: flex; align-items: center; margin-bottom: 15px;"> +  * A computer (Linux/Windows/Mac) with internet connection & terminal 
-<div style="font-size: 1.8rem; margin-right: 10px;">⚡</div> +  * Essential knowledge of Python is necessary (Pandas, Numpy libraries…) 
-<h3 style="margin: 0; color: #2c3e50; font-size: 1.3rem;">Prerequisites</h3> +  * Have some experience with working with Conda package manager
-</div> +
-<div style="background: white; border-radius: 10px; padding: 20px;"> +
-<ul style="margin: 0; padding-left: 20px; color: #2c3e50; line-height: 1.6;"> +
-<li><strong>KAUST IT credentials</strong> (for email access)</li> +
-<li><strong>Computer</strong> (Linux/Windows/Mac) with internet & terminal</li> +
-<li><strong>Python knowledge</strong> (Pandas, Numpy libraries)</li> +
-<li><strong>Conda experience</strong> (package manager)</li> +
-</ul> +
-</div> +
-</div>+
  
-</div>+</WRAP>
  
-## 🎯 Overview+</WRAP>
  
-<div style="background: linear-gradient(135deg, #e3ffe7 0%, #d9e7ff 100%); border-radius: 15px; padding: 30px; margin: 25px 0; border-left: 5px solid #4CAF50; box-shadow: 0 8px 25px rgba(0,0,0,0.1);"> +<WRAP twothirds column>
-<p style="font-size: 1.1rem; line-height: 1.8; color: #2c3e50; margin: 0;"> +
-This workshop serves as an <strong>introduction to the exciting world of machine learning</strong>, a subfield of artificial intelligence (AI). Participants will gain a foundational understanding of the core concepts, techniques, and applications of machine learning. +
-</p>+
  
-<p style="font-size: 1.1rem; line-height: 1.8; color: #2c3e50; margin: 20px 0 0 0;"> +===== Overview ===== 
-Leveraging the <strong>state-of-the-art facilities of the KAUST Visualization Core Lab</strong>, attendees will have an immersive experience, combining theoretical lessons with practical exercises. This workshop is ideal for those looking to embark on a journey into AI and machine learning, as well as for professionals seeking to enhance their knowledge in this rapidly-evolving domain. + 
-</p> +This workshop serves as an introduction to the exciting world of machine learning, a subfield of artificial intelligence (AI). Participants will gain a foundational understanding of the core concepts, techniques, and applications of machine learning.  
-</div>+ 
 +Leveraging the state-of-the-art facilities of the KAUST Visualization Core Lab, attendees will have an immersive experience, combining theoretical lessons with practical exercises.  
 + 
 +This workshop is ideal for those looking to embark on a journey into AI and machine learning, as well as for professionals seeking to enhance their knowledge in this rapidly-evolving domain. 
 + 
 +\\
  
 ===== Who Should Attend? ===== ===== Who Should Attend? =====
Line 138: Line 78:
 \\ \\
  
-## 📅 Agenda +===== Agenda =====
- +
-<div style="background: linear-gradient(135deg, #ffeaa7 0%, #fab1a0 100%); border-radius: 15px; padding: 30px; margin: 25px 0; box-shadow: 0 8px 25px rgba(0,0,0,0.1);"> +
- +
-<div style="display: grid; gap: 20px;"> +
- +
-<div style="background: white; border-radius: 12px; padding: 20px; display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1);"> +
-<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 10px 15px; border-radius: 8px; font-weight: bold; text-align: center; min-width: 120px;"> +
-2:00 PM - 2:10 PM +
-</div> +
-<div> +
-<h4 style="margin: 0; color: #2c3e50; font-size: 1.2rem;">🎉 Welcome</h4> +
-</div> +
-<div style="color: #666; font-weight: 600;"> +
-Abdelghafour Halimi +
-</div> +
-</div> +
- +
-<div style="background: white; border-radius: 12px; padding: 20px; display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1);"> +
-<div style="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); color: white; padding: 10px 15px; border-radius: 8px; font-weight: bold; text-align: center; min-width: 120px;"> +
-2:10 PM - 3:15 PM +
-</div> +
-<div> +
-<h4 style="margin: 0; color: #2c3e50; font-size: 1.2rem;">🤖 Introduction to Machine Learning</h4> +
-</div> +
-<div style="color: #666; font-weight: 600;"> +
-Abdelghafour Halimi +
-</div> +
-</div> +
- +
-<div style="background: white; border-radius: 12px; padding: 20px; display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1);"> +
-<div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: white; padding: 10px 15px; border-radius: 8px; font-weight: bold; text-align: center; min-width: 120px;"> +
-3:15 PM - 3:30 PM +
-</div> +
-<div> +
-<h4 style="margin: 0; color: #2c3e50; font-size: 1.2rem;">☕ Coffee Break</h4> +
-</div> +
-<div style="color: #666; font-weight: 600;"> +
-Networking Time +
-</div> +
-</div> +
- +
-<div style="background: white; border-radius: 12px; padding: 20px; display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1);"> +
-<div style="background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); color: white; padding: 10px 15px; border-radius: 8px; font-weight: bold; text-align: center; min-width: 120px;"> +
-3:30 PM - 5:00 PM +
-</div> +
-<div> +
-<h4 style="margin: 0; color: #2c3e50; font-size: 1.2rem;">💻 Hands-On Session: Jupyter Notebooks Examples / Q&A</h4> +
-</div> +
-<div style="color: #666; font-weight: 600;"> +
-Abdelghafour Halimi +
-</div> +
-</div> +
- +
-</div> +
- +
-</div> +
- +
-</div>+
  
----+^Time  ^Topic  ^Speaker  | 
 +^2:00pm - 2:10pm  |Welcome  |Abdelghafour Halimi  | 
 +^2:10am - 3:15pm  |Introduction to Machine Learning  |Abdelghafour Halimi  | 
 +^3:15pm - 3:30pm  |Coffee Break |   | 
 +^3:30pm - 5pm  |Hands-On Session: Jupyter Notebooks Examples / Q&A |Abdelghafour Halimi  |
  
-<div style="text-align: center; margin: 40px 0; padding: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 15px; color: white; box-shadow: 0 8px 25px rgba(0,0,0,0.15);"> +</WRAP> </WRAP>
-<h3 style="color: white; margin-bottom: 15px;">🚀 Ready to Start Your AI Journey?</h3> +
-<p style="font-size: 1.1rem; margin-bottom: 20px; line-height: 1.6;">Join us for this comprehensive introduction to Machine Learning!</p> +
-<a href="https://kaustforms.formstack.com/forms/introduction_to_machine_learning_fall_2024"  +
-   style="background: rgba(255,255,255,0.9); color: #333; padding: 15px 30px; border-radius: 25px; text-decoration: none; font-weight: bold; display: inline-block; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.2);"> +
-   ✨ Register Now - Don't Miss Out! +
-</a> +
-</div>+
  
----+----
  
-<div style="text-align: center; margin: 20px 0;"> + {{tag>workshop}}
-<span style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 8px 20px; border-radius: 20px; font-size: 0.9rem; font-weight: 600;"> +
-🏷️ #workshop #machinelearning #AI #KAUST +
-</span> +
-</div>+