این دوره آموزشی، مجموعه‌ای کامل از مهارت‌های لازم برای طراحی و توسعه وب را در بر می‌گیرد. در زیر، خلاصه‌ای از مهم‌ترین موضوعاتی که در این دوره پوشش داده می‌شوند، آورده شده است:

• HTML (زبان نشانه‌گذاری فرامتن): اصول ساختاردهی صفحات وب، تگ‌ها، عناصر و атрибуты اساسی.
• CSS (برگه‌های سبک آبشاری): طراحی و استایل‌دهی صفحات وب، انتخابگرها، مدل جعبه‌ای، چیدمان‌ها و انیمیشن‌ها.
• JavaScript (زبان برنامه‌نویسی): تعامل با کاربران، دستکاری DOM (مدل شیء سند)، AJAX (جاوااسکریپت ناهمگام و XML) و API‌ها (رابط برنامه‌نویسی نرم‌افزار).
• Vue.js (فریم‌ورک جاوااسکریپت): ساخت رابط کاربری تعاملی، کامپوننت‌ها، رویدادها و داده‌های پویا.
• React (کتابخانه جاوااسکریپت): ایجاد رابط کاربری پیچیده، کامپوننت‌های قابل استفاده مجدد، مدیریت حالت و رویدادها.
• Git (سیستم کنترل نسخه): مدیریت تغییرات کد، همکاری در پروژه‌ها و ردیابی نسخه‌ها.

شرکت در این دوره آموزشی، مزایای متعددی برای شما به همراه خواهد داشت، از جمله:

• یادگیری مهارت‌های پرطرفدار: HTML، CSS، جاوااسکریپت، Vue.js و React از جمله محبوب‌ترین و پرکاربردترین فناوری‌های طراحی وب هستند.
• ایجاد پروژه‌های واقعی: این دوره بر روی پروژه‌های عملی تمرکز دارد و به شما کمک می‌کند تا نمونه کارهای قوی بسازید.
• آمادگی برای ورود به بازار کار: با گذراندن این دوره، دانش و مهارت‌های لازم برای استخدام در شرکت‌های توسعه وب را کسب خواهید کرد.
• به‌روز بودن با آخرین ترندها: این دوره به طور مداوم به‌روزرسانی می‌شود تا شما را با آخرین ترندها و تکنیک‌های طراحی وب آشنا کند.
• پشتیبانی مدرس: در طول دوره، به پشتیبانی مدرس و انجمن آنلاین دسترسی خواهید داشت.

برای شرکت در این دوره، نیازی به دانش قبلی در زمینه طراحی وب ندارید. با این حال، آشنایی اولیه با مفاهیم کامپیوتر و اینترنت می‌تواند مفید باشد. این دوره برای افراد مبتدی طراحی شده است، اما توسعه‌دهندگان با تجربه نیز می‌توانند از آن برای به‌روزرسانی دانش خود و یادگیری فناوری‌های جدید استفاده کنند.

به طور خلاصه، تنها نیاز شما انگیزه و اشتیاق به یادگیری است!

این دوره به چندین بخش تقسیم شده است که هر بخش بر روی یک موضوع خاص تمرکز دارد. در زیر، خلاصه‌ای از ساختار کلی دوره آورده شده است:

• بخش اول: HTML – ساختار وب

  در این بخش، با اصول HTML آشنا می‌شوید. یاد می‌گیرید که چگونه صفحات وب را ساختاردهی کنید، متن، تصاویر، لینک‌ها و فرم‌ها را اضافه کنید. به عنوان مثال، یاد می‌گیرید که چگونه از تگ <p> برای ایجاد پاراگراف‌ها و از تگ <img> برای نمایش تصاویر استفاده کنید.

• بخش دوم: CSS – استایل دهی به وب

  در این بخش، CSS را یاد می‌گیرید. یاد می‌گیرید که چگونه رنگ‌ها، فونت‌ها، حاشیه‌ها و طرح‌بندی صفحات وب را تغییر دهید. به عنوان مثال، یاد می‌گیرید که چگونه از selectorها برای انتخاب عناصر HTML و از ویژگی‌هایی مانند color، font-size و margin برای استایل‌دهی به آن‌ها استفاده کنید.

• بخش سوم: JavaScript – تعامل با کاربر

  در این بخش، وارد دنیای جاوااسکریپت می‌شوید. یاد می‌گیرید که چگونه با کاربران تعامل داشته باشید، رویدادها را مدیریت کنید و DOM را دستکاری کنید. به عنوان مثال، یاد می‌گیرید که چگونه یک دکمه ایجاد کنید که با کلیک کردن بر روی آن، یک پیام نمایش داده شود.

• بخش چهارم: Vue.js – یک فریم‌ورک مدرن جاوااسکریپت

  در این بخش، با Vue.js آشنا می‌شوید. یاد می‌گیرید که چگونه کامپوننت‌ها را ایجاد کنید، داده‌ها را مدیریت کنید و رابط کاربری تعاملی بسازید. Vue.js یک فریم‌ورک محبوب برای ساخت برنامه‌های تک صفحه‌ای (SPA) است.

• بخش پنجم: React – کتابخانه قدرتمند جاوااسکریپت

  در این بخش، به سراغ React می‌روید. React نیز یک کتابخانه جاوااسکریپت برای ساخت رابط کاربری است. یاد می‌گیرید که چگونه کامپوننت‌ها را ایجاد کنید، حالت را مدیریت کنید و برنامه‌های پیچیده بسازید. React به دلیل عملکرد بالا و مقیاس‌پذیری بالا، در بسیاری از پروژه‌های بزرگ استفاده می‌شود.

• بخش ششم: Git – مدیریت پروژه و همکاری تیمی

  در این بخش، Git را یاد می‌گیرید. Git یک سیستم کنترل نسخه است که به شما کمک می‌کند تا تغییرات کد خود را مدیریت کنید، با دیگران همکاری کنید و نسخه‌های مختلف پروژه خود را ردیابی کنید. یاد می‌گیرید که چگونه از دستوراتی مانند git init، git add، git commit و git push استفاده کنید.

در طول دوره، مثال‌های عملی متعددی ارائه می‌شود که به شما کمک می‌کند تا مفاهیم را بهتر درک کنید. به عنوان مثال، در بخش HTML، یک صفحه وب ساده با استفاده از تگ‌های مختلف ایجاد می‌کنید. در بخش CSS، به این صفحه استایل می‌دهید و آن را زیباتر می‌کنید. در بخش جاوااسکریپت، به صفحه تعامل اضافه می‌کنید و آن را پویا می‌کنید. و در نهایت، در بخش‌های Vue.js و React، برنامه‌های وب پیچیده‌تری را با استفاده از کامپوننت‌ها و مدیریت حالت می‌سازید.

به عنوان مثال، تصور کنید می‌خواهید یک دکمه ساده در HTML ایجاد کنید:

        
<button>کلیک کنید!</button>
        
    

سپس می‌توانید با استفاده از CSS به آن استایل دهید:

        
button {
  background-color: #4CAF50; /* رنگ پس زمینه */
  border: none; /* حذف حاشیه */
  color: white; /* رنگ متن */
  padding: 15px 32px; /* فاصله داخلی */
  text-align: center; /* تراز متن */
  text-decoration: none; /* حذف خط زیر متن */
  display: inline-block; /* نمایش به صورت خطی */
  font-size: 16px; /* اندازه فونت */
  cursor: pointer; /* تغییر نشانگر ماوس */
}
        
    

و در نهایت، با استفاده از جاوااسکریپت، به آن عملکرد اضافه کنید:

        
const button = document.querySelector('button');

button.addEventListener('click', function() {
  alert('شما کلیک کردید!');
});