دوره فرانت در ساری- سرفصل ۲۰۲۵ – آموزش صفر تا صد Front-end

دوره فرانت در ساری- سرفصل ۲۰۲۵ – آموزش صفر تا صد Front-end

13،500،000 تومان 18،000،000 تومان


طول دوره

90 ساعت

ظرفیت دوره

4 نفر

پیش نیاز دوره

امتیاز باشگاه مشتریان

دوناکوین × 11

پشتیبانی پس از دوره

1 سال

گواهی پایان دوره

دارد

دوره فرانت در ساری- سرفصل ۲۰۲۵ – آموزش صفر تا صد Front-end

دوره فرانت اند- دوره جامع و 0 تا 100 فرانت + پروژه واقعی (HTML-CSS-SASS-Bootstrap-Javascript-Jquery-Git) - دوره فرانت اند در ساری
دسته بندی:

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

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

آپدیت دوره : ۲۶-۱۱-۲۰۲۴ (۶ آبان ۱۴۰۳)

  • آموزش HTML نسخه ۵.۲
  • آموزش CSS نسخه ۳
  • آموزش جاوااسکریپت نسخه ECMAScript 2020
  • آموزش بوت استرپ نسخه ۵.۳.۳
  • آموزش Jquery نسخه ۳.۷.۱
  • آموزش Sass نسخه ۱.۸۱.۰
  • آموزش AOS
  • آموزش OwlCarousel نسخه ۲.۳.۴
  • آموزش Swiper.js نسخه ۱۱.۱.۱۵
  • آموزش Apline.js نسخه ۳.۱۴.۳
  • آموزش Chart.js نسخه ۴.۴.۶
  • آموزش گیت نسخه ۲.۴۷.۱
  • آموزش گیت هاب

چرا یادگیری فرانت‌اند اهمیت دارد؟

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

معرفی دوره جامع فرانت‌اند در ساری

با توجه به اهمیت بالای یادگیری فرانت‌اند، دوره‌های آموزشی مختلفی در این زمینه برگزار می‌شود. یکی از این دوره‌ها، دوره جامع فرانت‌اند در ساری است. این دوره با هدف آموزش کامل و حرفه‌ای مباحث فرانت‌اند به علاقه‌مندان طراحی شده است. در این دوره، شما با مفاهیم پایه HTML، CSS و JavaScript آشنا شده و به تدریج به سمت مباحث پیشرفته‌تر مانند SASS,Bootstrap,Jquery,OwlCarousel,Swiper js,Chart.js,Apline.js و Git-github پیش خواهید رفت.

مزایای شرکت در دوره جامع فرانت‌اند در ساری

افزایش درآمد: با کسب مهارت‌های فرانت‌اند، شما می‌توانید درآمد خود را افزایش داده و در پروژه‌های جذاب‌تری مشارکت کنید.

آموزش جامع و کاربردی: در این دوره، تمامی مباحث فرانت‌اند به صورت کامل و کاربردی آموزش داده می‌شود تا شما بتوانید به یک توسعه‌دهنده فرانت‌اند حرفه‌ای تبدیل شوید.

بروزرسانی مداوم: محتوای دوره با توجه به آخرین فناوری‌های روز دنیا به روز می‌شود تا شما همیشه از دانش و مهارت‌های جدید برخوردار باشید.

کسب مدرک معتبر: با گذراندن این دوره، شما می‌توانید مدرک معتبر دریافت کرده و آن را در رزومه کاری خود قرار دهید.

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

سرفصل های اصلی دوره جامع فرانت اند

در ادامه به معرفی سرفصل های اصلی این دوره می پردازیم. ریز جزئیات سرفصل ها را در انتهای این مقاله می بینید.

آموزش HTML5: ساختار صفحات وب در دوره آموزش جامع فرانت اند

HTML5 آخرین نسخه از زبان نشانه‌گذاری ابرمتن (HyperText Markup Language) است که به عنوان استاندارد اصلی برای ساختاردهی محتوا در صفحات وب استفاده می‌شود. این زبان قدرتمند، ابزارهای جدید و ویژگی‌های پیشرفته‌ای را در اختیار طراحان وب قرار می‌دهد تا بتوانند صفحات وب پویا، تعاملی و جذاب‌تری ایجاد کنند.

HTML5 به عنوان اسکلت یک وبسایت محسوب می شود و بدون آن ساخت وبسایت غیرممکن است. لذا شروع آموزش با معرفی و آموزش کامل HTML همراه خواهد بود.

آموزش CSS3: طراحی ظاهر صفحات وب در دوره فرانت اند

CSS3 یا Cascading Style Sheets 3، نسخه سوم و پیشرفته زبان سبک‌نامه آبشاری است که برای طراحی و قالب‌بندی صفحات وب استفاده می‌شود. اگر HTML5 را به عنوان اسکلت یک ساختمان در نظر بگیریم، CSS3 همان رنگ‌ها، دکوراسیون و چیدمان داخلی آن است که به ساختمان زیبایی و جذابیت می‌بخشد.

CSS3: جادوگر طراحی ظاهری صفحات وب

CSS3 یا Cascading Style Sheets 3، نسخه سوم و پیشرفته زبان سبک‌نامه آبشاری است که برای طراحی و قالب‌بندی صفحات وب استفاده می‌شود. اگر HTML5 را به عنوان اسکلت یک ساختمان در نظر بگیریم، CSS3 همان رنگ‌ها، دکوراسیون و چیدمان داخلی آن است که به ساختمان زیبایی و جذابیت می‌بخشد.

چرا CSS3 اهمیت دارد؟

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

برخی از ویژگی‌های مهم CSS3

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

اهمیت یادگیری CSS3

اگر می‌خواهید به عنوان یک طراح وب حرفه‌ای فعالیت کنید، تسلط بر CSS3 امری ضروری است. با یادگیری CSS3، شما می‌توانید:

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

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

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

چرا جاوا اسکریپت اهمیت دارد؟

  • تعامل با کاربر: جاوا اسکریپت به شما امکان می‌دهد تا صفحات وب را به گونه‌ای طراحی کنید که با کاربران تعامل داشته باشند. برای مثال، با استفاده از جاوا اسکریپت می‌توانید فرم‌ها را اعتبارسنجی کنید، به دکمه‌ها پاسخ دهید و انیمیشن‌های جذاب ایجاد کنید.
  • پویایی و زنده بودن صفحات وب: با جاوا اسکریپت می‌توانید صفحات وب را پویا و زنده کنید. برای مثال، می‌توانید محتوای یک صفحه را بدون نیاز به بارگذاری مجدد صفحه تغییر دهید.
  • توسعه وب‌اپلیکیشن‌ها: جاوا اسکریپت به عنوان یکی از ستون‌های اصلی توسعه وب‌اپلیکیشن‌ها شناخته می‌شود. بسیاری از وب‌اپلیکیشن‌های محبوب مانند Gmail و Facebook با استفاده از جاوا اسکریپت ساخته شده‌اند.
  • بزرگترین اکوسیستم: جاوا اسکریپت بزرگترین اکوسیستم توسعه‌دهندگان را دارد و به همین دلیل منابع آموزشی، کتابخانه‌ها و فریمورک‌های بسیار زیادی برای آن وجود دارد.
  • چند منظوره بودن: جاوا اسکریپت نه تنها برای توسعه فرانت‌اند بلکه برای بک‌اند (با استفاده از Node.js) و توسعه اپلیکیشن‌های موبایل (با استفاده از React Native) نیز استفاده می‌شود.

چه چیزهایی با جاوا اسکریپت می‌توانیم بسازیم؟

  • صفحات وب تعاملی: فرم‌های هوشمند، اسلایدشوها، منوها و …
  • انیمیشن‌ها و جلوه‌های ویژه: ایجاد جلوه‌های بصری جذاب برای بهبود تجربه کاربری
  • بازی‌های آنلاین: ساخت بازی‌های ساده تا پیچیده
  • وب‌اپلیکیشن‌های تک‌صفحه‌ای (SPA): اپلیکیشن‌هایی که بدون نیاز به بارگذاری مجدد صفحه عمل می‌کنند.
  • بک‌اند سرورها: با استفاده از Node.js می‌توان سرورهای قدرتمندی ساخت.
  • اپلیکیشن‌های موبایل: با استفاده از فریمورک‌هایی مانند React Native می‌توان اپلیکیشن‌های موبایل برای اندروید و iOS ساخت.

سرفصل‌های اصلی آموزش جاوا اسکریپت

  • مقدمات: متغیرها، انواع داده‌ها، عملگرها، ساختارهای کنترلی
  • توابع: تعریف و فراخوانی توابع، توابع آرو
  • شیء گرایی: کلاس‌ها، اشیاء، وراثت
  • DOM: دستکاری عناصر HTML
  • رویدادها: پاسخ به رویدادهای کاربر
  • AJAX: ارتباط با سرور بدون بارگذاری مجدد صفحه
  • Promise‌ها و Async/Await: مدیریت کدهای ناهمزمان
  • مفهوم Closure: درک بهتر مفاهیم پیشرفته جاوا اسکریپت
  • فریمورک‌ها و کتابخانه‌ها: Jquery, OwlCarousel,Swiper,Chart.js,Apline.js

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

آموزش بوت استرپ: چارچوبی برای طراحی وب‌سایت‌های زیبا و پاسخگو

آموزش بوت استرپ در دوره جامع فرانت اند
آموزش بوت استرپ در دوره جامع فرانت اند

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

چرا بوت استرپ اهمیت دارد؟

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

مزایای استفاده از بوت استرپ

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

چه چیزهایی با بوت استرپ می‌توانیم بسازیم؟

  • وب‌سایت‌های شرکتی: ایجاد وب‌سایت‌های حرفه‌ای و زیبا برای شرکت‌ها و سازمان‌ها
  • فروشگاه‌های آنلاین: طراحی فروشگاه‌های اینترنتی با رابط کاربری جذاب و کاربرپسند
  • اپلیکیشن‌های وب: توسعه اپلیکیشن‌های وب تعاملی و پویا
  • داشبوردها و پنل‌های مدیریت: ساخت داشبوردهای پیچیده و قابل تنظیم برای مدیریت داده‌ها

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

آموزش جی کوئری: سادگی در برنامه نویسی جاوا اسکریپت

آموزش Jquery در دوره جامع فرانت اند
آموزش Jquery در دوره جامع فرانت اند

جی کوئری (jQuery) یک کتابخانه جاوا اسکریپت سبک وزن و بسیار محبوب است که کار با HTML و DOM (Document Object Model) را به شدت ساده می‌کند. این کتابخانه با ارائه مجموعه گسترده‌ای از توابع و متدها، امکان دستکاری عناصر HTML، ایجاد انیمیشن‌ها، مدیریت رویدادها و انجام عملیات AJAX را به صورت بسیار ساده‌تری فراهم می‌کند.

چرا جی کوئری اهمیت دارد؟

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

مزایای استفاده از جی کوئری

  • انتخاب و دستکاری آسان عناصر HTML: با استفاده از انتخابگرهای قدرتمند جی کوئری، می‌توانید به راحتی عناصر HTML را انتخاب کرده و آن‌ها را دستکاری کنید.
  • ایجاد انیمیشن‌های روان: جی کوئری ابزارهای قدرتمندی برای ایجاد انیمیشن‌های جذاب و روان فراهم می‌کند.
  • مدیریت رویدادها: با جی کوئری می‌توانید به راحتی به رویدادهای مختلف مانند کلیک، ماوس اور و تغییر اندازه پنجره پاسخ دهید.
  • اجرای درخواست‌های AJAX: جی کوئری امکان ارسال درخواست‌های AJAX را به صورت ساده و کارآمد فراهم می‌کند.
  • افزودن افکت‌های ویژه: جی کوئری شامل مجموعه گسترده‌ای از افکت‌های ویژه است که می‌توانید برای زیباتر کردن وب‌سایت خود از آن‌ها استفاده کنید.

چه چیزهایی با جی کوئری می‌توانیم بسازیم؟

  • اسلایدشوها: ایجاد اسلایدشوهای زیبا و تعاملی
  • منوهای کشویی: طراحی منوهای کشویی با انیمیشن‌های جذاب
  • فرم‌های هوشمند: ایجاد فرم‌هایی که به صورت خودکار اعتبارسنجی می‌شوند
  • نمایشگرهای محتوا: ایجاد نمایشگرهای محتوای پویا
  • و بسیاری موارد دیگر…

چرا باید جی کوئری را یاد بگیریم؟

  • سرعت بخشیدن به توسعه: جی کوئری به شما کمک می‌کند تا وب‌سایت‌های خود را سریع‌تر توسعه دهید.
  • افزایش تعامل با کاربر: با استفاده از جی کوئری می‌توانید وب‌سایت‌های تعاملی‌تری ایجاد کنید.
  • بهبود تجربه کاربری: وب‌سایت‌های ساخته شده با جی کوئری معمولاً تجربه کاربری بهتری دارند.

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

آموزش Sass: پیشرفته‌تر از CSS، قدرتمندتر برای طراحی

آموزش Sass در دوره فرانت اند

Sass (برگرفته از Syntactically Awesome Style Sheets) یک زبان پیش‌پردازنده CSS است. به عبارت ساده، Sass به شما امکان می‌دهد تا با استفاده از سینتکسی قدرتمندتر و ویژگی‌های بیشتری نسبت به CSS معمولی، استایل‌های صفحات وب خود را بنویسید. سپس این کد Sass به صورت خودکار به CSS تبدیل می‌شود که مرورگرها می‌توانند آن را بخوانند.

چرا Sass اهمیت دارد؟

  • سازماندهی بهتر کد: Sass امکان استفاده از ویژگی‌هایی مانند متغیرها، توابع، میکسین‌ها و … را فراهم می‌کند که به شما کمک می‌کند تا کدهای CSS خود را به صورت منظم‌تر و قابل نگهداری‌تری بنویسید.
  • افزایش بهره‌وری: با استفاده از Sass می‌توانید از تکه‌های کد تکراری جلوگیری کرده و با تعریف متغیرها و میکسین‌ها، تغییرات را در کل پروژه به صورت یکجا اعمال کنید.
  • نوشتن کدهای تمیزتر و خواناتر: سینتکس Sass بسیار شبیه به زبان‌های برنامه‌نویسی است و به شما امکان می‌دهد تا کدهای پیچیده‌تری را به صورت ساده‌تر بنویسید.
  • ویژگی‌های پیشرفته: Sass ویژگی‌های پیشرفته‌ای مانند توابع داخلی، عملگرهای منطقی، کنترل جریان (مانند if، else، for) و … را ارائه می‌دهد که به شما امکان می‌دهد تا استایل‌های پیچیده‌تری را ایجاد کنید.
  • یکپارچگی با دیگر ابزارها: Sass به راحتی با دیگر ابزارهای توسعه وب مانند کامپایلرهای CSS، سیستم‌های مدیریت بسته و محیط‌های توسعه یکپارچه (IDE) ادغام می‌شود.

مزایای استفاده از Sass

  • کاهش تکرار کد: با استفاده از متغیرها و میکسین‌ها می‌توانید از تکرار کدهای CSS جلوگیری کرده و کدهای خود را تمیزتر و خواناتر کنید.
  • افزایش قابلیت نگهداری کد: کدهای Sass به دلیل ساختار منظم و استفاده از ویژگی‌های پیشرفته، بسیار قابل نگهداری هستند.
  • افزایش سرعت توسعه: با استفاده از Sass می‌توانید به سرعت و به راحتی استایل‌های پیچیده‌ای را ایجاد کنید.
  • توسعه‌پذیری: Sass به شما امکان می‌دهد تا کتابخانه‌های شخصی خود را ایجاد کرده و از آن‌ها در پروژه‌های مختلف استفاده کنید.

چه چیزهایی با Sass می‌توانیم بسازیم؟

  • تم‌های سفارشی: ایجاد تم‌های سفارشی برای وب‌سایت‌ها و اپلیکیشن‌ها
  • استایل‌های پیچیده و تعاملی: ایجاد استایل‌های پیچیده و تعاملی که با استفاده از CSS معمولی نوشتن آن‌ها دشوار است.
  • کدهای CSS تمیز و سازماندهی شده: نوشتن کدهای CSS با ساختار بهتر و خواناتر
  • افزایش سرعت توسعه: کاهش زمان توسعه پروژه‌های وب

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

آموزش Owl Carousel و Swiper.js: دو غول اسلایدشو در دنیای وب

آموزش Owl Carousel و Swiper.js: دو غول اسلایدشو در دنیای وب
آموزش Owl Carousel و Swiper.js: دو غول اسلایدشو در دنیای وب

Owl Carousel و Swiper.js دو تا از محبوب‌ترین و قدرتمندترین کتابخانه‌های جاوا اسکریپت برای ایجاد اسلایدشوهای زیبا و پاسخگو در وب‌سایت‌ها هستند. این کتابخانه‌ها به توسعه‌دهندگان وب کمک می‌کنند تا به سرعت و به راحتی اسلایدشوهای تعاملی و جذاب با ویژگی‌های متنوعی ایجاد کنند.

Owl Carousel

Owl Carousel یک پلاگین jQuery است که به شما امکان می‌دهد تا با کمترین کد، اسلایدشوهایی با قابلیت‌های مختلفی مانند ناوبری با فلش، نشانگرهای صفحه، اتوپلی، لوپ بی‌نهایت و … ایجاد کنید. این کتابخانه به دلیل سادگی استفاده و انعطاف‌پذیری بالا، بسیار محبوب است.

Swiper.js

Swiper.js یک کتابخانه جاوا اسکریپت مدرن و قدرتمند است که برای ایجاد اسلایدشوهای لمسی و پاسخگو طراحی شده است. این کتابخانه از ویژگی‌های پیشرفته‌ای مانند افکت‌های انتقال صاف، پشتیبانی از حرکات لمسی، و سازگاری با انواع دستگاه‌ها برخوردار است. Swiper.js به عنوان یک جایگزین مدرن و پیشرفته برای jQuery Carousel شناخته می‌شود.

چرا باید Owl Carousel یا Swiper.js را یاد بگیریم؟

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

تفاوت‌های اصلی Owl Carousel و Swiper.js

  • زبان برنامه‌نویسی: Owl Carousel بر پایه jQuery ساخته شده است، در حالی که Swiper.js یک کتابخانه مستقل است که از جاوا اسکریپت خالص استفاده می‌کند.
  • ویژگی‌ها: Swiper.js دارای ویژگی‌های پیشرفته‌تری مانند افکت‌های انتقال صاف‌تر، پشتیبانی بهتر از حرکات لمسی و سازگاری با انواع دستگاه‌ها است.
  • اندازه: Swiper.js به طور کلی سبک‌تر از Owl Carousel است.

کدام یک را انتخاب کنیم؟

انتخاب بین Owl Carousel و Swiper.js بستگی به نیازهای پروژه شما دارد. اگر به دنبال یک کتابخانه ساده و آسان برای استفاده هستید، Owl Carousel گزینه خوبی است. اما اگر به دنبال یک کتابخانه قدرتمند و مدرن با ویژگی‌های پیشرفته‌تر هستید، Swiper.js انتخاب بهتری خواهد بود.

به طور خلاصه، هر دو Owl Carousel و Swiper.js ابزارهای قدرتمندی برای ایجاد اسلایدشوهای جذاب در وب‌سایت‌ها هستند. با یادگیری یکی از این کتابخانه‌ها، می‌توانید به راحتی اسلایدشوهایی با ظاهر زیبا و کارایی بالا ایجاد کنید و تجربه کاربری وب‌سایت خود را بهبود بخشید.

آموزش فرمورک AOS: انیمیشن‌های روان و جذاب برای وب‌سایت شما

آموزش فرمورک AOS: انیمیشن‌های روان و جذاب برای وب‌سایت شما
آموزش فرمورک AOS: انیمیشن‌های روان و جذاب برای وب‌سایت شما

AOS (Animate On Scroll) یک کتابخانه سبک‌وزن و آسان‌الاستفاده جاوا اسکریپت است که به شما امکان می‌دهد تا به سادگی انیمیشن‌های جذاب و روان را به عناصر HTML خود اضافه کنید. این انیمیشن‌ها هنگامی که کاربر صفحه را اسکرول می‌کند، اجرا می‌شوند و باعث می‌شوند وب‌سایت شما پویاتر و جذاب‌تر شود.

چرا AOS اهمیت دارد؟

  • انیمیشن‌های جذاب و روان: AOS به شما امکان می‌دهد تا انیمیشن‌های متنوعی مانند ظاهر شدن از سمت چپ یا راست، محو شدن، بزرگنمایی و کوچک‌نمایی و … را به عناصر HTML خود اضافه کنید.
  • سادگی استفاده: AOS دارای API بسیار ساده و روشنی است که به شما امکان می‌دهد تا با چند خط کد، انیمیشن‌های دلخواه خود را ایجاد کنید.
  • پاسخگویی: انیمیشن‌های ایجاد شده با AOS به صورت خودکار با اندازه صفحه نمایش‌های مختلف سازگار می‌شوند.
  • پشتیبانی از انواع مرورگر: AOS در اکثر مرورگرهای مدرن به خوبی کار می‌کند.
  • سفارشی‌سازی بالا: AOS به شما امکان می‌دهد تا انیمیشن‌ها را به دلخواه خود سفارشی کنید و مدت زمان، تاخیر و سایر پارامترهای آن‌ها را تنظیم کنید.

مزایای استفاده از AOS

  • افزایش جذابیت وب‌سایت: با استفاده از AOS می‌توانید وب‌سایت خود را جذاب‌تر و پویاتر کنید.
  • بهبود تجربه کاربری: انیمیشن‌های روان و جذاب می‌توانند تجربه کاربری وب‌سایت شما را بهبود بخشند.
  • جلب توجه کاربران: انیمیشن‌ها می‌توانند توجه کاربران را به عناصر مهم صفحه جلب کنند.
  • سادگی استفاده: AOS بسیار آسان برای یادگیری و استفاده است.

چه چیزهایی با AOS می‌توانیم بسازیم؟

  • انیمیشن‌های ظاهر شدن عناصر: عناصر صفحه را به صورت تدریجی و با افکت‌های جذاب ظاهر کنید.
  • انیمیشن‌های محو شدن عناصر: عناصر صفحه را به صورت تدریجی محو کنید.
  • انیمیشن‌های حرکت عناصر: عناصر صفحه را به صورت افقی یا عمودی حرکت دهید.
  • انیمیشن‌های تغییر اندازه عناصر: اندازه عناصر صفحه را تغییر دهید.
  • و بسیاری موارد دیگر…

چرا باید AOS را یاد بگیریم؟

  • افزایش جذابیت وب‌سایت: با استفاده از AOS می‌توانید وب‌سایت خود را جذاب‌تر و پویاتر کنید.
  • بهبود تجربه کاربری: انیمیشن‌های روان و جذاب می‌توانند تجربه کاربری وب‌سایت شما را بهبود بخشند.
  • سادگی استفاده: AOS بسیار آسان برای یادگیری و استفاده است.

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

آموزش Alpine.js: فریمورکی کوچک، قدرتمند و ساده برای تعاملی‌تر کردن وب‌سایت‌ها

آموزش Alpine.js: فریمورکی کوچک، قدرتمند و ساده برای تعاملی‌تر کردن وب‌سایت‌ها
آموزش Alpine.js: فریمورکی کوچک، قدرتمند و ساده برای تعاملی‌تر کردن وب‌سایت‌ها

Alpine.js یک فریمورک جاوا اسکریپت سبک وزن و بسیار ساده است که برای افزودن قابلیت‌های تعاملی به عناصر HTML طراحی شده است. این فریمورک با سینتکس ساده و خوانایی که دارد، به توسعه‌دهندگان امکان می‌دهد تا بدون نوشتن کدهای جاوا اسکریپت پیچیده، رفتارهای تعاملی را به عناصر HTML خود اضافه کنند.

چرا Alpine.js اهمیت دارد؟

  • سادگی و یادگیری آسان: Alpine.js سینتکسی بسیار ساده و شبیه به قالب‌های HTML دارد که یادگیری و استفاده از آن را بسیار آسان می‌کند.
  • سبک و سریع: Alpine.js یک فریمورک بسیار سبک وزن است و تأثیر کمی بر روی عملکرد وب‌سایت شما دارد.
  • تعاملات ساده: با استفاده از Alpine.js می‌توانید به راحتی تعاملاتی مانند نمایش و پنهان کردن عناصر، تغییر کلاس‌ها، مدیریت رویدادها و … را به عناصر HTML خود اضافه کنید.
  • بدون نیاز به ساختار پیچیده: برخلاف فریمورک‌های بزرگ مانند React یا Vue، Alpine.js به شما اجازه می‌دهد تا بدون ایجاد ساختارهای پیچیده، قابلیت‌های تعاملی را به وب‌سایت خود اضافه کنید.
  • یکپارچه‌سازی آسان: Alpine.js به راحتی با سایر کتابخانه‌ها و فریمورک‌ها یکپارچه می‌شود.

مزایای استفاده از Alpine.js

  • افزایش تعامل با کاربر: با استفاده از Alpine.js می‌توانید وب‌سایت خود را تعاملی‌تر کرده و تجربه کاربری بهتری برای کاربران ایجاد کنید.
  • کاهش حجم کد: Alpine.js به شما امکان می‌دهد تا با استفاده از سینتکس ساده، کدهای جاوا اسکریپت کمتری بنویسید.
  • افزایش سرعت توسعه: با استفاده از Alpine.js می‌توانید به سرعت و به راحتی قابلیت‌های تعاملی را به وب‌سایت خود اضافه کنید.
  • مناسب برای پروژه‌های کوچک و متوسط: Alpine.js برای پروژه‌های کوچک و متوسط بسیار مناسب است و نیازی به یادگیری مفاهیم پیچیده فریمورک‌های بزرگ ندارد.

چه چیزهایی با Alpine.js می‌توانیم بسازیم؟

  • فرم‌های تعاملی: ایجاد فرم‌هایی با اعتبارسنجی خودکار و نمایش پیام‌های خطا
  • مدال‌ها و پنجره‌های پاپ‌آپ: ایجاد مدال‌ها و پنجره‌های پاپ‌آپ با انیمیشن‌های زیبا
  • منوهای کشویی: ایجاد منوهای کشویی با انیمیشن‌های روان
  • نمایش و پنهان کردن عناصر: نمایش و پنهان کردن عناصر بر اساس شرایط مختلف
  • و بسیاری موارد دیگر…

چرا باید Alpine.js را یاد بگیریم؟

  • افزایش مهارت‌های توسعه وب: یادگیری Alpine.js به شما کمک می‌کند تا مهارت‌های توسعه وب خود را بهبود بخشید و وب‌سایت‌های تعاملی‌تری ایجاد کنید.
  • سادگی و کارایی: Alpine.js یک ابزار بسیار ساده و کارآمد برای افزودن قابلیت‌های تعاملی به وب‌سایت‌ها است.
  • تقاضا در بازار کار: تسلط بر Alpine.js می‌تواند به شما در پیدا کردن فرصت‌های شغلی بهتر کمک کند.

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

آموزش Chart.js: ابزاری قدرتمند برای ایجاد نمودارهای زیبا و تعاملی

آموزش Chart.js: ابزاری قدرتمند برای ایجاد نمودارهای زیبا و تعاملی
آموزش Chart.js: ابزاری قدرتمند برای ایجاد نمودارهای زیبا و تعاملی

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

چرا Chart.js اهمیت دارد؟

  • سادگی استفاده: Chart.js دارای API ساده و روشنی است که حتی برای توسعه‌دهندگانی که تجربه کمی در زمینه رسم نمودار دارند، استفاده از آن بسیار آسان است.
  • انعطاف‌پذیری بالا: این کتابخانه از انواع مختلف نمودارها مانند نمودار خطی، میله‌ای، دایره‌ای، راداری، پراکندگی و … پشتیبانی می‌کند و به شما امکان می‌دهد تا ظاهر و رفتار نمودارها را به دلخواه خود سفارشی کنید.
  • پاسخگویی: نمودارهای ایجاد شده با Chart.js به صورت خودکار با اندازه صفحه نمایش‌های مختلف سازگار می‌شوند.
  • پشتیبانی از انواع مرورگر: Chart.js در اکثر مرورگرهای مدرن به خوبی کار می‌کند.
  • جامعه بزرگ: Chart.js یک جامعه بزرگ و فعال دارد که به شما امکان دسترسی به منابع، راهنماها و پشتیبانی را می‌دهد.

مزایای استفاده از Chart.js

  • تبدیل داده‌ها به اطلاعات بصری: نمودارها به شما کمک می‌کنند تا داده‌های پیچیده را به صورت ساده و قابل فهم برای کاربران نمایش دهید.
  • گزارش‌دهی بهتر: با استفاده از Chart.js می‌توانید گزارش‌های جذاب و تعاملی ایجاد کنید.
  • تحلیل بهتر داده‌ها: نمودارها به شما کمک می‌کنند تا روندها و الگوهای موجود در داده‌های خود را بهتر شناسایی کنید.
  • افزایش جذابیت وب‌سایت: نمودارهای زیبا و تعاملی می‌توانند وب‌سایت شما را جذاب‌تر و حرفه‌ای‌تر کنند.

چه چیزهایی با Chart.js می‌توانیم بسازیم؟

  • نمودارهای آماری: نمایش داده‌های آماری به صورت نمودارهای خطی، میله‌ای، دایره‌ای و …
  • داشبوردهای مدیریتی: ایجاد داشبوردهای تعاملی برای نمایش داده‌های مختلف
  • نمایش داده‌های زنده: نمایش داده‌های زنده به صورت نمودارهای به‌روزرسانی‌شونده
  • و بسیاری موارد دیگر…

چرا باید Chart.js را یاد بگیریم؟

  • تقاضا در بازار کار: بسیاری از شرکت‌ها به دنبال توسعه‌دهندگانی هستند که توانایی ایجاد نمودارهای تعاملی را داشته باشند.
  • بهبود مهارت‌های توسعه وب: یادگیری Chart.js به شما کمک می‌کند تا مهارت‌های توسعه وب خود را بهبود بخشید و وب‌سایت‌های حرفه‌ای‌تری ایجاد کنید.
  • افزایش جذابیت پروژه‌ها: با استفاده از Chart.js می‌توانید پروژه‌های خود را جذاب‌تر و حرفه‌ای‌تر کنید.

به طور خلاصه، Chart.js یک ابزار قدرتمند و آسان برای استفاده است که به شما امکان می‌دهد تا نمودارهای زیبا و تعاملی را برای وب‌سایت خود ایجاد کنید. اگر می‌خواهید داده‌های خود را به صورت بصری نمایش دهید و وب‌سایت خود را جذاب‌تر کنید، یادگیری Chart.js یک مهارت ضروری است.

آموزش Git و GitHub: ابزارهای ضروری برای توسعه‌دهندگان

آموزش Git و GitHub: ابزارهای ضروری برای توسعه‌دهندگان
آموزش Git و GitHub: ابزارهای ضروری برای توسعه‌دهندگان

Git چیست؟

Git یک سیستم کنترل نسخه (Version Control System) است که به توسعه‌دهندگان نرم‌افزار اجازه می‌دهد تا تغییرات ایجاد شده در کدهای خود را به صورت دقیق ردیابی کرده، مدیریت کرده و در صورت نیاز به نسخه‌های قبلی بازگردند. Git همچنین امکان همکاری تیمی بر روی پروژه‌های نرم‌افزاری را فراهم می‌کند. با استفاده از Git، توسعه‌دهندگان می‌توانند تغییرات را به صورت جداگانه در شاخه‌های مختلف ایجاد کرده و سپس آن‌ها را با هم ادغام کنند.

GitHub چیست؟

GitHub یک پلتفرم میزبانی است که از Git استفاده می‌کند. GitHub به توسعه‌دهندگان اجازه می‌دهد تا پروژه‌های خود را به صورت آنلاین ذخیره کرده، با دیگران به اشتراک بگذارند و روی آن‌ها همکاری کنند. GitHub همچنین امکاناتی مانند مدیریت مسائل (Issues)، درخواست‌های کششی (Pull Requests)، و همکاری در پروژه‌های متن‌باز را فراهم می‌کند.

چرا یادگیری Git و GitHub مهم است؟

  • مدیریت موثر پروژه‌ها: Git به شما کمک می‌کند تا پروژه‌های خود را به صورت منظم و کارآمد مدیریت کنید و از بروز خطاهای احتمالی جلوگیری کنید.
  • همکاری تیمی: GitHub یک پلتفرم عالی برای همکاری تیمی است و به شما امکان می‌دهد تا با سایر توسعه‌دهندگان در سراسر جهان همکاری کنید.
  • افزایش بهره‌وری: با استفاده از Git و GitHub، می‌توانید به سرعت تغییرات ایجاد شده در کد را بررسی کرده و مشکلات را شناسایی کنید.
  • ایجاد رزومه قوی: تسلط بر Git و GitHub نشان‌دهنده مهارت‌های فنی بالای شما است و به شما کمک می‌کند تا در بازار کار رقابتی‌تر شوید.
  • دسترسی به پروژه‌های متن‌باز: GitHub میزبان میلیون‌ها پروژه متن‌باز است که می‌توانید از آن‌ها یاد بگیرید و به آن‌ها کمک کنید.
  • حفظ تاریخچه تغییرات: Git به شما امکان می‌دهد تا تاریخچه کاملی از تغییرات ایجاد شده در پروژه خود را داشته باشید و در صورت نیاز به نسخه‌های قبلی بازگردید.

مفاهیم کلیدی در Git

  • Repository: مخزنی که در آن تمام فایل‌های پروژه و تاریخچه تغییرات آن‌ها ذخیره می‌شود.
  • Commit: یک عکس فوری از وضعیت فعلی پروژه است.
  • Branch: یک نسخه موازی از پروژه است که به شما اجازه می‌دهد تا تغییرات را به صورت جداگانه آزمایش کنید.
  • Merge: ادغام تغییرات از یک شاخه به شاخه دیگر.
  • Pull Request: درخواستی برای ادغام تغییرات از یک شاخه به شاخه اصلی.

به طور خلاصه، Git و GitHub ابزارهای ضروری برای هر توسعه‌دهنده نرم‌افزاری هستند. با یادگیری Git و GitHub، می‌توانید به صورت موثرتر و کارآمدتری روی پروژه‌های خود کار کنید و با جامعه توسعه‌دهندگان در سراسر جهان همکاری کنید.

مزایای شرکت در دوره آموزش جامع فرانت اند

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

۱. یادگیری جامع و منظم:

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

۲. بروزرسانی با تکنولوژی‌های روز:

  • سرفصل‌های به‌روز: دوره‌های جامع فرانت‌اند همواره با آخرین تکنولوژی‌ها و ابزارهای مورد استفاده در دنیای وب به روز می‌شوند.
  • آشنایی با فریمورک‌های جدید: با یادگیری فریمورک‌های محبوب مانند React، Angular و Vue، می‌توانید پروژه‌های پیچیده و بزرگ را به صورت سریع‌تر و کارآمدتر توسعه دهید.

۳. ورود به بازار کار:

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

۴. ارتقای مهارت‌های نرم:

  • کار گروهی: در بسیاری از دوره‌ها، پروژه‌ها به صورت گروهی انجام می‌شوند که این امر باعث تقویت مهارت‌های کار گروهی و ارتباطی شما می‌شود.
  • حل مسئله: با مواجهه با چالش‌های مختلف در پروژه‌ها، مهارت‌های حل مسئله و خلاقیت شما تقویت می‌شود.

۵. ایجاد شبکه ارتباطی:

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

۶. افزایش اعتماد به نفس:

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

چرا دوره فرانت اند دوناوب؟

قبلا گفتیم که توسعه فرانت اند یکی از زمینه های جذاب برای ورود به بازار کار است. اما برای یادگیری این تخصص نیاز به یادگیری مجموعه ای از مهارت ها (در بالا به زبان های مورد نیاز این حوزه اشاره شد) دارید.

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

در این دوره شما به صورت فشرده و متمرکز به یادگیری این مهارت ها خواهید پرداخت و با اجرای یک پروژه واقعی، مهارت هایتان محک خواهد خورد.

پشتیبانی دوره فرانت اند

دوره فرانت اند دارای پشتیبانی کامل توسط مدرس و مجموعه دوناوب است. اما منظورمان از پشتیبانی چیست؟

شما پس از طی دوره فرانت اند، نیاز دارید تا فردی به عنوان مربی در کنار شما باشد، به شما تمرین دهد و شما را روی فرم نگه دارد!

پس از دوره فرانت اند، می توانید زیر نظر استاد، به انجام تمرین و ساخت پروژه های تمرینی بگذرانید، تا ضمن دستیابی به تسلط کامل، نقاط ضعف تان را نیز شناسایی کنید.

همچنین پس از ورود به بازار کار، می توانید از حمایت ها و راهنمایی های استاد بهره مند شوید.

پیش نیازهای دوره فرانت اند چیست؟

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

هدایای دوره فرانت اند

ما به فکر ورود شما به دنیای کسب و کار هستیم. به همین دلیل پس از طی دوره فرانت اند به پاس قدردانی از زحمات شما، هدایایی را در نظر گرفتیم:

  1. یک پنل پیامکی حرفه ای رایگان برای اتصال آن به وبسایت تان
  2. تخفیف ۲۰ درصدی برای شما جهت شرکت در دوره هیولای وردپرس

دوره های دیگر مجموعه:

دوره هیولای وب

دوره هیولای بوت استرپ

دوره هیولای جاوااسکریپت

دوره هیولای وردپرس

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

دوناوب در کنار شماست…

نمونه کارهای دوره آموزش جامع فرانت اند

سرفصل های دوره

• در مورد مدرس، محتوای این دوره آموزشی و ویژگی های آن
• آیا این دوره نیاز به پیشنیاز خاصی دارد ؟
• معرفی اولیه زبان HTML و CSS ، ورژن های مختلف آن و تفاوت آن ها
• تشریح رابطه زبان های تحت وب، – Ajax Javascript – PHP – CSS – HTML
• چرا باید HTML و CSS را یاد بگیرم ؟
• مرور کلی مباحث تدریس شده در این دوره
• مرورگرها و موتور های آنان
• موتور های رندرینگ مرورگرها
• ابزار بازرسی عناصر در مرورگرها inspect Element
• ادیتور ها و ویژگی های آنها
• انکودینگ فایل ها و تنظیم آن
• آشنایی با ویرایشگرهای Notpad++,Vscode,PHPstorm
• در مورد emmet و سرعت در کدنویسی
• در مورد لایو ادیت و دیدن خروجی کدهای نوشته شده به صورت لحظه ای

• Syntax و قواعد نوشتاری تگ های HTML
• انواع ویژگی (Attribute) در تگ های html
• ویژگی های اصلی و سراسری
• رویدادها (events Attributes)
• ویژگی های خاص تگ ها
• Syntax و قواعد نوشتاری CSS
• تگ ها و ویژگی های منسوخ شده HTML و جایگزین آن ها
• بدنه و ساختار کلی یک صفحه وبhtml و تشریح بخش های مختلف آن
• کامنت ها در صفحات html
• کامنت های شرطی

• 4 روش استفاده از CSS در صفحات وب و مزایا و معایب هر روش
• روش های استفاده از کدهای جاوااسکریپت در صفحات وب
• آدرس های نسبی و کامل فایل ها
• پدر و فرزندی تگ ها و تشریح آن
• درخت تگ ها و رسم آن توسط یک ابزار آنالیز
• یاد گیری با بررسی سورس کد صفحات وب
• واحدهای اندازه در html و css
• تشریح و توضیح در مورد بیش از ۱۰ واحد اندازه موجود
• رنگ ها در html و css
• نام رنگ ها ، رنگ های HSL, RGBA, RGB, hex و HSLA

• پاسخ تمرین جلسه پیش و توضیح رنگ های HSL و HSLA
• تگ های Block و Inline و تفاوت های آن ها
• آموزش جزئی مجموعه تگ های فرمت دهی متن
• تگ <!DOCTYPE >و کاربردهای آن
• تگ<html > و کاربردهای آن
• تگ <title >و کاربردهای آن
• تگ <body >و کاربردهای آن
• تگ کامنت و کاربردهای آن
• تگ های عنوان و کاربردهای آن
• تگ <p >و کاربردهای آن
• تگ <br >و کاربردهای آن
• تگ <hr >و کاربردهای آن
• تگ <abbr >و کاربردهای آن
• تگ <address >و کاربردهای آن
• تگ <b >و کاربردهای آن
• تگ <bdi >و کاربردهای آن
• تگ <bdo >و کاربردهای آن
• تگ <big >و کاربردهای آن
• تگ های نقل قول و کاربردهای آن
• تگ <center >و کاربردهای آن
• تگ <cite> و کاربردهای آن

• تشریح تفاوت بین تگ های i و em و تگ های b و strong
• تگ <code >و کاربردهای آن
• تگ <del >و کاربردهای آن
• تگ <ins >و کاربردهای آن
• تگ <dfn >و کاربردهای آن
• تگ <em >و کاربردهای آن
• تگ <i >و کاربردهای آن
• تگ <kbd >و کاربردهای آن
• تگ <mark >و کاربردهای آن
• تگ <meter >و کاربردهای آن
• تگ <pre >و کاربردهای آن
• تگ <progress >و کاربردهای آن
• تگ <q >و کاربردهای آن
• تگ <s >و کاربردهای آن
• تگ <samp >و کاربردهای آن
• تگ <small >و کاربردهای آن
• تگ <strong >و کاربردهای آن
• تگ <sub >و کاربردهای آن
• تگ <sup >و کاربردهای آن
• تگ <time >و کاربردهای آن
• تگ <var >و کاربردهای آن
• تگ <wbr> و کاربردهای آن

• تگ <head >و کاربردهای آن
• تگ <meta >و کاربردهای آن
• تگ <base >و کاربردهای آن
• تگ <iframe >و کاربردهای آن
• تگ <a >و کاربردهای آن
• تگ <link >و کاربردهای آن
• تگ <nav >و کاربردهای آن
• تگ <ul >و کاربردهای آن
• تگ <ol >و کاربردهای آن
• تگ <li >و کاربردهای آن
• تگ <dir >و کاربردهای آن
• تگ <dl >و کاربردهای آن
• تگ <dt >و کاربردهای آن
• تگ <dd >و کاربردهای آن
• تگ <menu >و کاربردهای آن
• تگ <menuitem >و کاربردهای آن
• تگ <embed >و کاربردهای آن
• تگ <object >و کاربردهای آن
• تگ <param> و کاربردهای آن

• تگ <form >و کاربردهای آن
• تگ <input >و کاربردهای آن
• انواع مختلف فیلد های موجود در فرم ها
• فیلد و ورودی button
• فیلد و ورودی checkbox
• فیلد و ورودی color
• فیلد و ورودی date
• فیلد و ورودی datetime
• فیلد و ورودی local-datetime
• فیلد و ورودی email
• فیلد و ورودی file
• فیلد و ورودی hidden
• فیلد و ورودی image
• فیلد و ورودی month
• فیلد و ورودی number
• فیلد و ورودی password
• فیلد و ورودی radio
• فیلد و ورودی range
• فیلد و ورودی reset
• فیلد و ورودی search
• فیلد و ورودی submit
• فیلد و ورودی tel
• فیلد و ورودی text
• فیلد و ورودی time
• فیلد و ورودی url
• فیلد و ورودی week
• تگ <textarea >و کاربردهای آن
• تگ <button> و کاربردهای آن
• تگ <select >و کاربردهای آن
• تگ <optgroup >و کاربردهای آن
• تگ <option >و کاربردهای آن
• تگ <label >و کاربردهای آن
• تگ <fieldset >و کاربردهای آن
• تگ <legend >و کاربردهای آن
• تگ <datalist >و کاربردهای آن
• تگ <keygen >و کاربردهای آن
• تگ <output >و کاربردهای آن
• تگ <img >و کاربردهای آن
• تگ <map >و کاربردهای آن
• تگ <area >و کاربردهای آن
• تگ >figure >و کاربردهای آن
• تگ <figcaption >و کاربردهای آن
• تگ <canvas >و کاربردهای آن
• تگ <audio >و کاربردهای آن
• تگ <video >و کاربردهای آن
• تگ <source >و کاربردهای آن
• تگ <track> کاربردهای آن

• تگ <table >و کاربردهای آن
• تگ <caption >و کاربردهای آن
• تگ <th >و کاربردهای آن
• تگ <tr >و کاربردهای آن
• تگ <td >و کاربردهای آن
• تگ <style >و کاربردهای آن
• تگ <div >و کاربردهای آن
• تگ <span >و کاربردهای آن
• تگ <header >و کاربردهای آن
• تگ <footer >و کاربردهای آن
• تگ <section >و کاربردهای آن
• تگ <article >و کاربردهای آن
• تگ <aside >و کاربردهای آن
• تگ <details >و کاربردهای آن
• تگ <summary >و کاربردهای آن
• تگ <dialog> و کاربردهای آن

• مینی پروژه – ایجاد یک قالب کامل HTML5 بدون کدهای CSS
• معرفی سلکتورهای مختلف CSS
• سلکتور .class
• سلکتور #id
• سلکتور *
• سلکتور element
• سلکتور element,element
• سلکتور element element
• سلکتور element>element
• سلکتور element+element
• سلکتور element1~element2

• سلکتور [attribute]• سلکتور [attribute=value]• سلکتور [attribute~=value]• سلکتور [attribute|=value]• سلکتور [attribute^=value]• سلکتور [attribute$=value]• سلکتور [attribute*=value]• سلکتور :active
• سلکتور:checked
• سلکتور:disabled
• سلکتور:empty
• سلکتور:first-child
• سلکتور :first-of-type
• سلکتور :focus
• سلکتور :hover
• سلکتور :in-range
• سلکتور :invalid
• سلکتور :lang
• سلکتور :last-child
• سلکتور :last-of-type
• سلکتور :link
• سلکتور :not
• سلکتور :nth-child(n)
• سلکتور :nth-last-child(n)
• سلکتور :nth-last-of-type(n)
• سلکتور :nth-of-type(n)
• سلکتور :only-of-type
• سلکتور :only-child
• سلکتور :optional
• سلکتور :out-of-range
• سلکتور :read-only
• سلکتور :read-write
• سلکتور :required
• سلکتور :root
• سلکتور :target
• سلکتور :valid
• سلکتور :visited
• سلکتور ::selection
• سلکتور::after
• سلکتور::before
• سلکتور:: first-letter
• سلکتور:: first-line

• ذکر روند تدریس ویژگی های CSS
• ویژگی های پیشونددار مرورگرهای خاص
• پیشوند -moz -و مرورگر موزیال فایرفاکس
• پیشوند -ms -و اینترنت اکسپلورر
• پیشوند -o -و مرورگر اپرا
• پیشوند -webkit -برای کروم و سافاری
• ذکر معایب و مزایای استفاده از ویژگی های پیشوند دار در کنار ویژگی های استاندارد CSS3
• معرفی کیورد initial و کاربردهای آن
• معرفی کیورد inherit و کاربردهای آن
• معرفی کیورد none و کاربردهای آن
• معرفی کیورد auto و کاربردهای آن
• معرفی کیورد !important و کاربردهای آن
• معرفی Box-model
• تفاوت margin و border, padding
• آموزش ویژگی های مختلف زبان CSS
• ویژگی color و کاربردهای آن
• ویژگی opacity و کاربردهای آن
• ویژگی background و کاربردهای آن
• ویژگی background-attachment و کاربردهای آن
• ویژگی background-color و کاربردهای آن
• ویژگی background-image و کاربردهای آن
• ویژگی background-position و کاربردهای آن
• ویژگی background-repeat و کاربردهای آن
• ویژگی background-clip و کاربردهای آن
• ویژگی background-origin و کاربردهای آن
• ویژگی background-size و کاربردهای آن
• ذکر نکات مهم در مورد نحوه طراحی و انتخاب درست پس زمینه
• بحث تقارن پس زمینه و یکپارچه سازی پس زمینه نهایی با تکرار تصویر کوچک

• ویژگی border و کاربردهای آن
• ویژگی Border-color و کاربردهای آن
• ویژگی Border-radius و کاربردهای آن
• ویژگی Border-style و کاربردهای آن
• ویژگی Border-width و کاربردهای آن
• ویژگی Border-image و کاربردهای آن
• ویژگی text-shadow و کاربردهای آن
• ویژگی box-shadow و کاربردهای آن
• ویژگی overflow و کاربردهای آن
• ویژگی padding و کاربردهای آن
• ویژگی margin و کاربردهای آن
• ویژگی های letter-spacing و line-height و کاربردهای آن
• ویژگیtab-size و text-align و کاربردهای آن
• ویژگی text-indent و text-justify و کاربردهای آن
• ویژگی text-transform و کاربردهای آن
• ویژگی white-space و کاربردهای آن
• ویژگیword-break و کاربردهای آن
• ویژگی word-spacing و کاربردهای آن
• ویژگیWord-wrap و کاربردهای آن
• ویژگیtext-decoration و کاربردهای آن
• ویژگیtext-decoration-color و کاربردهای آن
• ویژگیtext-decoration-line و کاربردهای آن
• ویژگی text-decoratrion-style و کاربردهای آن
• ویژگی @face-font و کاربردهای آن
• ویژگی font و کاربردهای آن
• ویژگی family-font و کاربردهای آن
• ویژگیfont-family و کاربردهای آن
• ویژگیfont-style و کاربردهای آن
• ویژگیfont-variant و کاربردهای آن
• ویژگی font-weight و کاربردهای آن

• ویژگی position و کاربردهای آن
• ویژگی top و کاربردهای آن
• ویژگی left و کاربردهای آن
• ویژگی bottom و کاربردهای آن
• ویژگی right و کاربردهای آن
• ویژگی float و کاربردهای آن
• ویژگی clear و کاربردهای آن
• ویژگی clip و کاربردهای آن
• ویژگی display و کاربردهای آن
• ویژگی height و کاربردهای آن
• ویژگی width و کاربردهای آن
• ویژگی visibility و کاربردهای آن
• ویژگیvertical-align و کاربردهای آن
• ویژگی direction و کاربردهای آن

• ویژگیz-index و کاربردهای آن
• ویژگیborder-collapse و کاربردهای آن
• ویژگیborder-Spacing و کاربردهای آن
• ویژگی Caption-size و کاربردهای آن
• ویژگیempty-cell و کاربردهای آن
• ویژگیtable-layout و کاربردهای آن
• ویژگیincrement-counter و کاربردهای آن
• ویژگیreset-counter و کاربردهای آن
• ویژگیlist-style و کاربردهای آن
• ویژگی list-style-image و کاربردهای آن
• ویژگی list-style-position و کاربردهای آن
• ویژگی list-style-type و کاربردهای آن
• ویژگی content و کاربردهای آن
• ویژگی cursor و کاربردهای آن
• ویژگی outline و کاربردهای آن
• ویژگیoutline-color و outline-offset و کاربردهای آن
• ویژگیoutline-style و outline-width و کاربردهای آن
• ویژگی resize و کاربردهای آن
• ویژگیtext-overflow و کاربردهای آن
• ویژگی columns و کاربردهای آن
• ویژگی coulemn-countو کاربردهای آن
• ویژگی column-fill و column-gap و کاربردهای آن
• ویژگی column-rule و کاربردهای آن
• ویژگی column-rule-color و کاربردهای آن
• ویژگی column-rule-style و کاربردهای آن
• ویژگی column-rule-width و کاربردهای آن
• ویژگی column-space و کاربردهای آن
• ویژگی column-width و کاربردهای آن

• نمایش خروجی قالب و ساختار آن
• مرور و توضیح کلی در مورد تگ های قالب
• آشنایی با نحوه استاندارد نوشتن استایل ها و جداسازی آنها با کامنت های توضیحی
• استایل دهی بخش هدر قالب، عنوان سایت و توضیح آن
• ایجاد منوی باالی سایت و استایل دهی به آن
• رفع مشکل بیرون زدن تصاویر از باکس محتوا با یک ترفند ساده!
• استایل دهی بخش اسالیدر قالب
• چینش سایدبار و محتوا در کنار هم و استایل دهی کلی آن
• استایل دهی سایدبار قالب و محتوا و لیست های درون ان
• استایل دهی مقاالت و لینک ادامه مطلب و تاریخ انتشار آن
• استایل دهی فوتر قالب
• آشنایی با نحوه لینک دادن به بخشی از صفحه کنونی
• استایل دهی عمومی جدول ها با استفاده از CSS
• معرفی ابزاری خاص برای ایجاد استایل های مربوط به جدول ها
• ذکر نکات و موارد مورد نیاز برای ادامه دوره

• آموزش خطایابی و نحوه انجام تغیرات و رفع مشکلات موجود در صفحات وب
• معرفی ۳ پیشنیاز لازم برای انجام تغیرات و رفع مشکلات موجود در صفحات وب
• انجام تغییرات و رفع مشکلات در ظاهر وبسایت و صفحات وب
• انجام چندین تغییر در ظاهر یک وبسایت
• بررسی سورس کد صفحه وب و اعتبار سنجی آن
• بررسی سورس کد وبسایت و نمایش و توضیح خطاهای موجود در اعتبار سنجی آن
• ذکر نکاتی در مورد نحوه تمرین شما برای تسلط بیشتر
• ذکر نکاتی مختصر در مورد کپی کردن ظاهر قالب های دیگر
• ناسازگاری مرورگرها! چالش ها و نحوه کدنویسی استاندارد و صحیح
• تعریف ناسازگاری و منابع آن
• معرفی دلایل ایجاد ناسازگاری
• معرفی چندین روش و نکته مهم برای رهایی از ناسازگاری ها
• معرفی Reset CSS و دلیل استفاده از آن
• آشنایی با جاوااسکریپت و کاربرد آن در صفحات وب
• معرفی مفهوم DHTML
• معرفی اولیه زبان جاوااسکریپت
• توانایی ها مزیت های زبان جاوااسکریت
• معرفی کاربردهای زبان جاوااسکریپت
• مدل DOM و نحوه انجام تغیرات در صفحات وب توسط جاوااسکریپت
• اشیاء پیش ساخته در زبان جاوااسکریپت برای دریافت اطالعات جالب صفحه وب و مرورگر

• معرفی یک سایت و ابزار برای بررسی قابلیت های پشتیبانی شده در مرورگرهای مختلف
• توضیح کلی در مورد نحوه کدنویسی جاوااسکریپت
• ذکر یک مثال جاوااسکریپت برای مخفی سازی پاراگراف با کلیک روی دکمه
• آشنایی با جی کوئری و قواعد نوشتاری آن
• ذکر مثال معادل جی کوئری برای مخفی سازی پاراگراف با کلیک روی دکمه و نمایش تفاوت دو مثال
• ذکر مزیت های jquery نسبت به جاوااسکریپت خالص
• ایا برای کار با جی کوئری حتما یادگیری جاوااسکریپت ضروریست ؟
• آموزش روش کار و استفاده از پلاگین ها و کتابخانه های جی کوئری و CSS
• استفاده از پلاگین ها در بطن پروژه جلسه ۱۵ برای کاربردی بودن آموزش ها
• آموزش نحوه جستجوی برای یافتن پلاگین های مفید جی کوئری و CSS
• نکات مهمی در مورد استفاده از پلاگین ها
• چه زمانی از پلاگین ها استفاده کنیم و چه زمانی خودمان کدنویسی کنیم؟
• آموزش کامل استفاده از ۶ پلاگین کاربری( دانلود، مطالعه اسناد کمکی، نصب و استفاده(
• پلاگین :prefixfree رهایی از بند ویژگی های پیشوندی مرورگرهای مختلف
• پلاگینbuttons:css ایجاد دکمه های زیبا و متنوع به راحتی هر چه تمامتر
• پلاگین hint.css : ایجاد تولتیپ های متنوع و قابل تنظیم
• پلاگین fontAwesome : پلاگین و مجموعه عظیمی از آیکن های مورد استفاده در صفحات وب
• پلاگین PrettyPhoto : پلاگینی جذاب و زیبا برای نمایش lightbox با ظاهری شیک
• پلاگین ResponsiveSlides : پلاگینی کم حجم و کارا برای ایجاد اسلایدرهای واکنشگرا
• آموزش نحوه استفاده از تنظیمات پلاگین ها
• آموزش شخصی سازی دکمه های اسالیدر برای سازگاری با قالب و ایجاد ظاهر بهتر و شکیل تر

• ذکر نکته های کاربردی و مهم در طراحی صفحات وب
• نحوه انتخاب عرض مناسب برای قالب ها و صفحات وب
• بررسی رزولوشن مانیتور ها و آنالیز عرض آن ها برای انتخاب عرض صحیح قالب
• بررسی علل ایجاد اسکرول افقی و راه های پرهیز از اتفاق افتادن آن
• مقایسه انتخاب عرض قالب به صورت تمام عرض در مقابل عرض ثابت
• نکاتی در مورد استفاده از ویژگیmax-width برای ایجاد حد ماکزیمم
• نکته های مفید در تراز کردن عمودی و افقی متن ها و اشیاء در صفحات وب
• نحوه چیدن تگ ها و المان های بالکی در کنار هم
• چیدن تعداد خاصی باکس در یک سطر
• مینی پروژه : پیاده سازی کامل منوی بالای سایت حاوی زیر منوهای تو در تو

  • وبسایت فروشگاهی
  • وبسایت شرکتی
  • وبسایت شخصی
  • وبسایت آموزشی

  • معرفی Sass
  • نصب Sass
  • نصب کامپایلر
  • آموزش متغیرها
  • آموزش خاصیت Nesting
  • آموزش import
  • آموزش mixinها
  • آموزش Extend
  • آموزش توابع در Sasss

• طراحی واکنش گرا (Responsive) چیست؟ به چه نحوی کار می کند
• معرفی فریم ورک های موجود برای طراحی واکنش گرا
• تاریخچه بوت استرپ
• بوت استرپ چیست؟
• مزیت ها و دلایل استفاده از بوت استرپ؟
• از کجا شروع کنیم؟
• معرفی IDE های مناسب برای کار با بوت استرپ
• دانلود بوت استرپ
• بررسی محتویات فایل بوت استرپ
• راست چین کردن فایل بوت استرپ (RTL)
• معرفی CDN های بوت استرپ
• مزایای و معایب استفاده از CDN های بوت استرپ
• بررسی متا تگ مورد نیاز برای پشتیبانی و نمایش صحیح قالب در موبایل ها
• بررسی متا تگ های مورد نیاز برای پشتیبانی صحیح در مرورگر IE
• اتصال فایل های بوت استرپ و جاوااسکریپت به سند

• کلیات
• Sass
• تنظیمات در بوت استرپ
• رنگ ها در بوت استرپ
• متغیرهای CSS
• بهینه سازی

• شبکه بندی چیست و چه کاربردی دارد
• آشنایی با سیستم شبکه بندی و مفاهیم آن در بوت استرپ ۵ توسط مثال های کاربردی
• مدیا کوئری چیست و چه کاربردی دارد
• نقاط شکست در بوت استرپ
• نگه دارنده ها و انواع آن ها
• شبکه در بوت استرپ
• ستون ها در بوت استرپ
• Gutter ها در در بوت استرپ
• تنظیمات جانبی در شبکه
• Z-index
• Css Grid
• مینی پروژه ۱
• مینی پروژه ۲
• مینی پروژه ۳

• فایل Reboot و پیش فرض های بوت استرپ
• تایپوگرافی در بوت استرپ
• تصاویر در بوت استرپ
• جداول بوت استرپ
• شکل ها (Figureها)

• کلیات
• کنترل های فرم
• Select
• چک باکس و دکمه های رادیویی
• اسلایدر محدوده (Range)
• گروه بندی ورودی ها
• برچسب ها و جابجایی آن ها
• طرحواره در فرم ها
• اعتبار سنجی در فرم ها

• مینی پروژه 1: آکاردئون (Accordion)
• مینی پروژه 2: اخطار (Alert)
• مینی پروژه 3: نشان ها (Badge)
• مینی پروژه 4: دکمه ها و گروه بندی آن ها (Buttons & Button Group)
• مینی پروژه 5: کارت ها (Cards)
• مینی پروژه 6: کاروسل (Carousel)
• مینی پروژه 7: دکمه بستن (Close Button)
• مینی پروژه 8: محتوای مخفی شونده (Collapse)
• مینی پروژه 9: دراپ دان (Drop Down)
• مینی پروژه 10: گروه لیست (List group)
• مینی پروژه 11: مدال ها (Modal)
• مینی پروژه 12: تب ها و دکمه ها راهبری (navs & tabs)
• مینی پروژه 13: منوی ناوبری (Navnar)
• مینی پروژه 14: offcanvas
• مینی پروژه 15: صفحه بندی (Pagination)
• مینی پروژه 16: نگه دارنده ها (Placeholders)
• مینی پروژه 17: پاپ آور ها (Popovers)
• مینی پروژه 18: نوار پیشرفت (Progress bar)
• مینی پروژه 19: نوار اسکرول (Scrollspy)
• مینی پروژه 20: چرخنده ها (Spinners)
• مینی پروژه 21: Toasts
• مینی پروژه 22: تولتیپ ها (Tooltips)

• Clearfix
• لینک های رنگی
• Ratio
• موقعیت (Position)
• Stacks
• مخفی سازی بصری المان
• لینک های کشیده
• کوتاه کردن متن
• خط افقی

• تنظیمات API
• تنظیمات پس زمینه
• تنظیمات حاشیه ها
• تنظیمات رنگ ها
• تنظیمات نمایش (Display)
• تنظیمات Flex
• تنظیمات Float
• تنظیمات تعامل
• تنظیمات Opacity
• تنظیمات موقعیت
• تنظیمات سرریز
• تنظیمات سایه ها
• تنظیمات ابعاد و اندازه ها
• تنظیمات فاصله گذاری
• تنظیمات متن
• تنظیمات تراز افقی
• تنظیمات نمایان/پنهان

• معرفی آیکن بوت استرپ
• نحوه استفاده از آیکن های بوت
• معرفی آیکن Font Awsome
• معرفی آیکن line Awsome
• معرفی آیکن icon8

طراحی یک وبسایت حرفه ای با بوت استرپ

پیش نیاز های دوره
• زبان های برنامه نویسی تحت وب و دسته بندی آن ها
• زبان های سمت سرور (Server-side) در مقابل زبان های سمت کاربر (Client-side)
• تشریح فرایند ارسال و دریافت درخواست ها در دنیای وب
• تاریخچه مختصری از جاوااسکریپت و نحوه پیدایش آن
• در مورد جاوااسکریپت و ماهیت آن
• تفاوت زبان های کامپایلری با زبان های مفسری
• جی کوئری چیست؟
• معرفی JSON، XML و Ajax و کاربردهای آن ها
• دلایلی استفاده از XML و JSON و اهمیت استفاده از این دو ابزار
• مزیت ها و موارد استفاده از جاوااسکریپت
• کاربردهای مختلف جاوااسکریپت
• منابع، ابزارها و نرم افزارهای مورد نیاز
• نمایش مثال های مختلف از کاربرد جاوااسکریپت در صفحات وب

• آشنایی با ویرایشگر نوت پد++ و PHPstorm و Vscode
• آشنایی با انکودینگ فایل ها و انتخاب انکودینگ مناسب برای زبان فارسی
• تگ Script در html و استفاده از کدهای جاوااسکریپت
• دو روش بکارگیری جاوااسکریپت در صفحات وب و نکات آن
• فرمت فایل های جاوااسکریپت و نحوه لود آن ها در صفحات وب
• نکاتی در مورد محل لود فایل های جاوااسکریپت در صفحات وب
• توضیح در مورد تگ noscript
• کدنویسی استاندارد و قراردادها
• استاندارد تعیین نام ها
• استاندارد تعیین فرمت ها
• رعایت نظم و فرورفتگی (indentation) در کدنویسی
• استفاده از سمی کالن ; در پایان دستورات
• کامنت ها در زبان جاوااسکریپت

• توضیح در مورد متغیرها و داده های ورودی و خروجی
• معرفی انواع داده های موجود در زبان جاوااسکریپت
• نوع داده ای عددی
• نوع داده ای رشته
• نوع داده ای بولین
• نوع داده ای آرایه
• نوع داده ای اشیاء
• توضیح در مورد روند توسعه زبان های برنامه نویسی
• توضیح در مورد اشیاء و برنامه نویسی شی گرا
• ذکر مثال هایی از اشیاء، متدها و ویژگی های پیش ساخته در زبان جاوااسکریپت
• معرفی متغیر ها و وظیفه آنها در برنامه نویسی
• نحوه تعریف متغیر و مقدار دهی به آن
• نحوه تعین نوع متغیر در جاوااسکریپت به صورت خودکار
• ذکر مثال هایی از انواع مختلف متغیر ها و چاپ مقادیر آن ها
• معرفی دستور typeof برای تشخیص نوع متغیر
• معرفی مقادیر undefined و null و NaN در جاوااسکریپت و مفهوم آن ها
• نحوه تعریف چند متغیر با یک دستور) var در یک خط(
• نحوه برخورد جاوااسکریپت با تعریف دوباره متغیر ها ؟؟؟
• نحوه خواندن اطالعات اعضای ارایه ها و اشیاء در جاوااسکریپت
تمرین : تشخیص مقادیر چند عبارت!

• توضیحاتی در مورد کیورد var از جلسه گذشته
• scopeو ناحیه تعریف متغیر ها در زبان جاوااسکریپت
• scopeمحلی و سراسری در جاوااسکریپت و تفاوت آن ها
• عملگرهای محاسباتی و ریاضی در جاوااسکریپت
• عملگرهای انتساب در جاوااسکریپت
• عملگرهای مربوط به رشته ها در جاوااسکریپت
• عملگر های مقایسه ای در جاوااسکریپت و اهمیت آن ها
• عملگر شرطی سه گانه(?:)
• عملگرهای منطقی (not,or,and )و اهمیت و کاربرد فراوان انها در جاوااسکریپت
• تشریح عملگرهای منطقی و توضیح جدول محاسبان آن ها
• عملگرهای منطقی بیتی در جاوااسکریپت
• توضیح در مورد محاسبات بیتی و نحوه کار کامپیوتر با اعداد ۰ و ۱
• عملگرهای of type و delete و in در جاوا اسکریپت و کاربردشان
• اولویت عملگرها در زبان جاوااسکریپت
• ایجاد اولویت دلخواه با استفاده از پرانتزها

اهمیت بحث ورودی/خروجی در زبان های برنامه نویسی
• معرفی توابع دریافت ورودی از کاربر در زبان جاوااسکریپت
• معرفی توابع prompt, confirm و ویژگی innerHtml وvalue
• معرفی توابع نمایش خروجی در زبان جاوااسکریپت و نحوه استفاده از آنها
• معرفی توابع console.log، document.write، alert و ویژگی innerHTML و Value
• معرفی ساختارهای شرطی در زبان جاوااسکریپت
• دلایل و اهداف استفاده از ساختار های شرطی در زبان های برنامه نویسی
• ساختار شرطی if و نحوه استفاده از آن
• ساختار شرطی else..if و نحوه استفاده از آن
• ساختار شرطی if else..if و نحوه استفاده از آن
• ساختار شرطی : ? و نحوه استفاده از آن
• ساختار شرطی switch و نحوه استفاده از آن
• ذکر مثال هایی برای استفاده از ساختار های شرطی

• آشنایی به آرایه ها، ایندکس ها و مقادیر آنان
• آشنایی به نحوه استفاده، تغیر و اضافه و حذف کردن عناصر آرایه
• آرایه های دو بعدی و سه بعدی
• آشنایی با اشیاء، ویژگی ها و متدها
• نحوه استفاده از متد ها و ویژگی های اشیاء در جاوااسکریپت
• ساختار های کنترلی و حلقه های مختلف در جاوااسکریپت
• حلقه while و نحوه استفاده از آن
• توضیح در مورد ساختار حلقه و لزوم برقراری شرط پایان حلقه
• حلقه do…while و نحوه استفاده از آن
• تفاوت حلقه های while و do…while
• حلقه for و نحوه استفاده از آن
• نحوه تبدیل کدهای حلقه while به معادل for آن
• حلقه For…in و پیمایش آرایه ها و اشیاء با آن
• آشنایی با دستور break و وظیفه آن
• آشنایی با دستور continue و کاربرد آن
• کدنویسی و ذکر مثال هایی از حلقه های مختلف
• مینی پروژه : چاپ اعضای آرایه ی دو بعدی با ظاهری مناسب

• بحث در مورد عدم امکان تعریف دو تابع و نام های یکسان
• متد های شی window و عدم نیاز به نام بردن خود شئ window برای استفاده از آن ها
• رفع مشکل تابع print استفاده شده در جلسات گذشته
• آشنایی با قابلیت refactor و تغیر نام سراسری متغیر ها و توابع در کل پروژه درونphpStorm
• بیان نحوه برنامه نویسی بدون توابع و مشکالت عمده آن با ذکر مثال
• مزیت های عمده استفاده از توابع در برنامه نویسی و ایجاد نظم و تقسیم بندی وظایف در کدها
• نحوه تعریف تابع به صورتDeclarations Function
• ذکر نکات مهم در مورد توابع و قابلیت رفتار با آنها به صورت متغیر
• Hoisting Functionدر جاوااسکریت و به بالا آوردن خودکار تعریف توابع
• نحوه تعریف تابع به شکلExpressions Function
• توابع ناشناس functions anonymous در جاوااسکریپت
• توابع خود صدا زننده Functions Invoking-Self
• صحبت در مورد پارامترهای توابع
• نحوه انتساب مقدار پیشفرض برای پارامترها
• نحوه دریافت تعداد مختفی از پارامترها در یک تابع و مدیریت و استفاده از پارامترها
• توابع بازگشتی و نحوه کار آن ها
• ذکر مثالی از پیاده سازی یک تابع به شکل بازگشتی
• تمرین : ایجاد تغیر در تابع print پیشفرض جاوااسکریپت و کسب اجازه از کاربر برای چاپ صفحه
• تمرین : تغیر تابع nicePrint برای چاپ همه نوع داده با قابلیت دریافت تعداد مختلفی از پارامترها
• تمرین : نوشتن تابع به توان رساندن با استفاده از روش بازگشتی
• تمرین : تفاوت بین reference by call و value by call در پاس دادن پارامترهای تابع ؟
• پاسخ تمرین ها

• توضیح در مورد ساختار ها حلقه ای forEach() و for…of و دلیل عدم بیان آن ها در این دوره
• روش صحیح استفاده از حلقه for…in برای پیمایش اشیاء
• توضیح در مورد مشکلات برنامه نویسی به صورت تابعی و عدم استفاده از اشیاء
• مزیت های برنامه نویسی شی گرا
• تعریف مسئله و ایجاد یک کلاس جدید و استفاده از آن کلاس car
• معرفی اشیاء و نحوه استفاده از آن ها در جاوااسکریپت
• سه روش مختلف ایجاد اشیاء در جاوااسکریپت
• مدل شی گرایی جاوااسکریپت prototype – classless و تفاوت آن با مدل های دیگر
• constructor ها در جاوااسکریپت و مفهوم آن
• کیورد this و کاربرد آن
• نحوه تعریف کلاس (شی) جدید در جاوااسکریپت
• نحوه صحیح تعریف ویژگی های یک شئ درون آن
• نحوه تعریف و افزودن متدها برای یک شئ
• نحوه حذف و اضافه کردن متد و ویژگی به اشیاء
• نحوه پاس دادن پارامتر ها به کانستراکتور شئ
• ویژگی prototype و دسترسی به تعریف اصلی (اولیه) اشیاء در جاوااسکریپت
• ذکر مثال هایی از اشیاء پیش ساخته در جاوااسکریپت و متدها و ویژگی ها آنان
• مینی پروژه : تغیر پس زمینه صفحه وب به صورت رندم با کلیک رو بر روی یک دکمه
• مینی پروژه : تولید کننده دکمه!!! ایجاد دکمه ای برای تولید دکمه های رنگارنگ و افزودن آنها به صفحه وب

• امکانات و توابع پیش ساخته جاوااسکریپت و کمک به کدنویسی راحتتر شما
• مجموعه توابع سراسری
• مقادیر undefinedوNan ، infinity
• کدگزاری و رفع کدگزاری آدرس های اینترنت (URI)
• اجرای رشته های حاوی کدهای زبان جاوااسکریپت با تابعeval
• توایع تبدیل رشته به عدد صحیح و اعشاری
• تشخیص عددی بودن یا نبودن یک متغیر
• و دیگر توابع سراسری…
• کلاس Math و توابع محاسباتی و ریاضی
• دریافت مقادیر دقیق عدد PI و E و ثبات های معروف دیگر در ریاضیات
• تابع محاسبه قدر مطلق
• تابع رند کردن اعداد
• تابع به توان رساندن
• توابع سینوسی و کسینوسی و…
• و دیگر توابع ریاضی…
• کلاس Boolean و توابع بولی
• تبدیل مقادیر بولین به رشته
• دریافت مقدار یک متغیر بولین
• کلاس Number و توابع کار با اعداد در جاوااسکریپت
• ویژگی های MAX_VALUE و MIN_VALUE و … در کلاس اعداد
• نمایش اعداد به شکل نمایی
• نمایش اعداد با دقت خاص
• نمایش اعداد با تعداد ارقام ثابت
• تبدیل اعداد به رشته
• دریافت مقادیر متغیر های عددی
• کلاس Date و کار با تاریخ و زمان در جاوااسکریپت
• نحوه ایجاد یک شئ تاریخ در جاوااسکریپت و کار با آن
• دریافت بخش های مختلف از تاریخ و زمان سیستم کاربر )سال، ماه، روز، هفته، ساعت، دقیقه و(…
• تغیر بخش های مختلف از شئ تاریخ و زمان )سال، ماه، روز، هفته، ساعت، دقیقه و(…
• و دیگر توابع کار با شئ Date
• کلاس String و کار با رشته ها در جاوااسکریپت
• دریافت تعداد حروف یک متن یا رشته
• دریافت یک حرف خاص از درون رشته
• دریافت کد یک حرف خاص از درون رشته
• چسباندن دو رشته به هم
• تبدیل کد یک حرف به خوب حرف
• پیدا کردن ایندکس یک زیر رشته درون رشته ی بزرگتر
• جایگزین کردن یک بخش از رشته با رشته ای دیگر
• جستجو در رشته ها
• دریافت یک زیر رشته از رشته بزرگتر
• جداسازی تکه از از یک رشته
• تبدیل رشته به آرایه با یک جداکننده
• تبدیل تمامی حروف رشته به حروف کوچک
• تبدیل تمامی حروف رشته به حروف بزرگ
• حذف فاصله های اضافی در اطراف رشته ها
• و دیگر توابع کار با رشته ها…
• کلاس Array و کار با آرایه ها در جاوااسکریپت
• دریافت سایز آرایه (تعداد اعضای آن(
• ادغام دو آرایه با هم
• یافتن ایندکس یک عضو از آرایه
• چسباندن اعضای آرایه به هم و تبدیل آرایه به یک رشته
• برداشتن و قرار دادن یک عضو در اول آرایه
• برداشتن و قرار دادن یک عضو در آخر آرایه
• برعکس کردن آرایه
• مرتب سازی ارایه ها
• جداسازی یک تکه از آرایه ها
• و دیگر توایع کار با آرایه ها…
• تبدیل انواع داده ای در جاوااسکریپت
• توضیح جدول تبدیل داده ها و ضرورت مطالعه آن
• نحوه تبدیل انواع داده ها به رشته
• نحوه تبدیل انواع داده ها به عدد
• نحوه تبدیل انواع داده ها به بولین
• نحوه تبدیل آرایه به رشته
• نحوه تبدیل رشته به آرایه

• معرفی رویدادها در جاوااسکریپت و اهمیت آن ها
• ذکر مثال هایی از event های رایج در صفحات وب
• روش های توزیع رویدادها( (Propagation Event در جاوااسکریپ و مفهوم آن ها
• لیست event های موجود و توضیح مهمترین آن ها
• دو روش استفاده از رویداد ها و اتصال کدهای جاوااسکریپت به event ها
• روش استفاده درون تگ های html و ویژگی رویدادی آن تگ
• روش استفاده از متد addEventListener اتصال رویداد به توابع به شکل برنامه نویسی
• متد addEventListener برای افزودن یک رویداد و اتصال یک تابع به آن
• مشکل و ناسازگاری IE9 به پایین به متد addEventListener وremoveEventListener
• متد attachEvent برای استفاده در مرورگر اینترنت اکسپلور ورژن 9 به پایین
• متد removeEventListener برای حذف یک event از قبل وصل شده
• متد detachEvent برای استفاده در مرورگر اینترنت اکسپلور ورژن 9 به پایین
• توانایی تعریف چندین eventListener برای یک شی
• استفاده از توابع ناشناخته( (functions anonymouse در eventListener ها
• نحوه اتصال یک event به توابعی که پارامتر ورودی دارند
• مینی پروژه : نمایش ابعاد پنجره مرورگر در حین تغیر سایز آن توسط کاربر
• مینی پروژه : نمایش موقعیت اسکرول صفحه وب در حین اسکرول کردن توسط کاربر
• مینی پروژه : طراحی و کدنویسی یک بازی جذاب، گرفتن مگس توسط عنکبوت با استفاده از دکمه های جهت کیبرد
• نحوه تمرین کردن برای تسلط در کار با رویدادها

• تقسیم بندی ویژگی های شئ window به سه دسته کلی
• معرفی و تشریح مفهوم مدلBOM
• معرفی و تشریح مدل DOM و مفهوم آن
• معرفی اشیاء مربوط به مدلBOM
• معرفی شئ frames و نحوه کار با آن
• معرفی شئ screen و نحوه کار با آن
• معرفی شئ location و نحوه کار با آن
• معرفی شئ history و نحوه کار با آن
• معرفی شئ navigator و نحوه کار با آن

• مرور مجدد خصوصیت های برجسته شئwindow
• معرفی اصالحات مهم درDOM
• تعریف مفاهیم parent,child,adjacent,root,sibling و …
• تشریح ساختار درختی تگ های موجود در صفحات وب
• معرفی شئ Element و نحوه کار با تگ های مختلف موجود در صحات وب
• معرفی متدهای مهم برای دریافت شئ جاوااسکریپت متناظر با تگ های موجود در صفحه وب
• نحوه کار با مجموعه ای از تگ ها که توسط متدهای دریافت کننده اشیاء به دست می آیند
• توضیح در مورد ویژگی های مربوط به تگ هاhtml
• نحوه دریافت attribute های تگ های موجود در صفحه وب
• نحوه تغیر مقدار یا حذف attribute های تگ های موجود در صفحه وب
• معرفی متدها و ویژگی های مختلف شی Element در جاوااسکریپت
• معرفی اشیاء متناظر با هر کدام از انواع تگ های HTML

معرفی شئ document و سند وب باز شده در پنجره مرورگر
• معرفی و توضیح در مورد متدها و ویژگی های مختلف شی document
• معرفی وضعیت های مختلف یک صفحه وب در هنگام لود شدن
• نوشتن یک پروژه عملی جالب و تست کردن کدهای مختلف با شئ document
• معرفی مفهوم کوکی ها و نحوه دریافت کوکی های فعال در مرورگر کاربر
• انجام چندین عمل مختلف و تغیر در تگ های موجود در صفحات وب

• آموزش نحوه صحیح دیباگ کردن و خطایابی کدهای جاوااسکریپت
• روش های مختلف خطایابی و مزیت ها و معایب هر کدام
• استفاده از ابزارهای دیباگر و اینسپکتور مرورگر برای آنالیز و بررسی روند اجرای کدها
• استفاده از ساختارTry…catch برای مدیریت خطاها در هنگام اجرای کد
• مینی پروژه : نوشتن یک برنامه جالب برای تصحیص داده ها وروری کاربر و خطایابی آن
• معرفی توابع اجرا در بازه زمانی در جاوااسکریپت
• معرفی تابع: setInterval اجرای کدها در بازه های زمانی مشخص
• معرفی تابع: clearInterval پاک کردن متغیر زمانی ساخته شده توسطsetInterval
• معرفی تابع: setTimeout اجرای کدها با یک تاخیر مشخص
• معرفی تابع: clearTimeout پاک کردن متغیر زمانی ساخته شده توسطsetTimeout

• جایگذاری انیمیشن های کدنویسی شده به عنوان متد در اشیاء صفحه وب
• مینی پروژه: ایجاد یک ساعت زنده و آپدیت شونده
• مینی پروژه: ایجاد یک تولید کننده اعداد رندم با استایل دهی مناسب
• مینی پروژه : پیاده سازی و ایجاد انیمیشن های fadeIn وfadeOut
• ارائه تمرینات مناسب…

• مینی پروژه : انجام اسکرول نرم scroll smooth با جاوااسکریپت و تغیر تابع scrollTo پیش فرض
• مینی پروژه : ایجاد دکمه انتقال به بالا با قابلیت اسکرول نرم و محو/نمایان شدن خودکار
• مینی پروژه : ایجاد منوی چسبان با جاوااسکریپت به شکل جالب و زیبا
• مینی پروژه : افزودن شمارنده زمانی (قابلیت محدودیت زمان بازی) برای بازی عنکبوت-مگس بخش۱۰
• توضیح در مورد جی کوئری
• چرا باید از جی کوئری استفاده کرد ؟
• کجا از جی کوئری و کجا از جاوااسکریپت خالص استفاده کنیم ؟

• معرفی کتابخانه جی کوئری و اهداف آن
• مزیت های مهم استفاده از جی کوئری
• شعار جی کوئری، کدنویسی کمتر انجام کار بیشتر
• جی کوئری چه مباحثی را شامل می شود؟
• پشتیبانی جی کوئری از مرورگرهای مختلف
• دالیل مهم استفاده از جی کوئری
• فرار از ناسازگاری اجرای کدها در مرورگرهای مختلف با استفاده از جی کوئری
• پیشنیازهای یادگیری جی کوئری
• دانلود جی کوئری و لود آن در صفحه وب
• استفاده از فایل هاست شده یا CDN برای لود جی کوئری و مزیت های هر کدام
• شروع کدنویسی جی کوئری و آموزش آن
• آشنایی با Syntax و قواعد نوشتاری کدهای جی کوئری
• علامت $ در جی کوئری و کاربرد آن
• Selectorهای جی کوئری
• actionها و اجرای کدهای جی کوئری
• استفاده تو در توی کدهای جی کوئری
• رویدادها در جی کوئری

• معرفی Document.readyو اجرای کدهای جی کوئری در انتهای لود صفحه وب
• معرفی کیورد this و اهمیت آن در بالک های کد جی کوئری
• معرفی متدهای دریافت اطلاعات تگ ها در جی کوئری
• متدهای تغیر و نوشتن اطلاعات تگ ها در جی کوئری
• متدهای attrو text,html,val
• افزودن یک تگ جدید در ابتدا و انتهای یک تگ دیگر
• افزودن یک تگ جدید در قبل و یا بعد از یک تگ دیگر
• نحوه حذف یک تگ و یا محتوای آن از صفحه وب در جی کوئری
• تغیر ویژگی های مختلف css با استفاده از جی کوئری
• معرفی متدهای مهم removeClass, addClass و toggleClass برای تغیر کلاس های تگ ها
• معرفی متد css و نحوه خواندن و نوشتن ویژگی های css اعمال شده روی تگ هایhtml
• معرفی متدهای دریافت ابعاد اشیاء و تگ های موجود در صفحه وب

• معرفی رویداد های مختلف جی کوئری و نحوه استفاده از آنها
• معرفی شئ Event و متدها و ویژگی ها آن
• معرفی متد مهم preventDefault و جلوگیری از رخداد عملکرد پیشفرض یک رویداد
• معرفی متد each و انجام پردازش روی مجموعه ای از اشیاء
• معرفی متد های رویدادی on و off وone
• استفاده از return در دستور each برای خروج…

• پیمایش تگ های html با استفاده از کدهای جی کوئری
• یاداوری ساختار درختی تگهای موجود در صفحات وب
• معرفی متدهای فیلترینگ
• معرفی متدهای first, last, eq, not, filterو …
• معرفی متدهای متفرقه
• مشکل تداخل کدها، دلیل آن و روش های رفع آن
• متد noConflict و نحوه جلوگیری از تداخل کدهای شما با کدهای دیگر
• انتقال اشیاء دریافت شده توسط جی کوئری به یک آرایه جاوااسکریپت
• معرفی انیمیشن ها در جی کوئری
• متد hide و show مخفی سازی و نمایش مجدد یک تگ در صفحه وب
• متد fadeIn و fadeOut و fadeToggle انیمیشن های fade در جی کوئری
• متد های slideDown , slideUp و slideToggle انیمیشن های اسلاید در جی کوئری
• متد animate و ایجاد انیمیشن های دلخواه در جی کوئری
• متدهای کار روی انیمیشن ها
• متدهای stop , delay , finish و…
• توابع callBack در جی کوئری و کاربرد آن ها
• صدازدن زنجیروار متدها در کوئری Jquery method chaining
• معرفی متد و رویداد hover و نحوه کار با آن

• مقدمه ای بر عبارت های منظم expression regular
• تعریف مفهوم عبارت های با قاعده و کاربردهای آن
• مقایسه جستجوی دقیق و جستجوی الگوها و بیان مزیت کار با الگوها
• آشنایی با syntax و قواعد نوشتاری عبارت های منظم در جاوااسکریپت
• معرفی الگوها، اصلاح کننده ها و نشانگرهای تعداد
• معرفی و نصب نرم افزار regexBody برای کار با عبارت های منظم
• آشنایی با Modifire ها و کاربرد آنها در عبارت های منظم
• آشنایی با نحوه نوشتن الگوهای مختلف
• سینتکس ساده و پایه الگوها و تطبیق یک رشته مشخص
• استفاده از wildcard ها و anchor ها
• تطبیق ابتدا و انتهای خط
• معرفی عملگرهای گروهبندی
• معرفی Quantifire ها و مشخص کننده های تعداد (+,*,?,min,max)
• معرفی و آشنایی با بازه های کارکتری و تعین حروف مجاز در عمل تطبیق
• scapeکردن کاراکترهای خاص در الگوها
• آشنایی با عمل Back-referencing و استفاده های جالب آن
• نمایش بعضی از کاربردهای عبارت های منظم در جایگزینی متن ها

• معرفی شئ RegExp و روش کار با آن
• دو روش تعریف عبارت های منظم در جاوااسکریپت و مزیت ها و معایب هر کدام
• ارائه چندین عبارت منظم برای تطبیق ساختارهای متنی مختلف (اعداد، شماره تلفن، ایمیل، url و …)
• معرفی تابع test در عبارت های منظم و کاربردهای آن
• معرفی تابع search در عبارت های منظم و کاربردهای آن
• معرفی تابع replace در عبارت های منظم و کاربردهای آن
• مینی پروژه : اعتبارسنجی داده های یک فرم با استفاده از عبارت های منظم در حین تایپ

• تشریح کاربردهای XML و JSON در دنیای وب
• معرفی XML و هدف و کاربردهای آن
• معرفی مزیت ها و معایت XML در مقابلJSON
• معرفی بعضی از زبان های ساخته شده بر اساسXML
• نحوه کدنویسی و موارد استفاده ازXML
• درخت XML و توضیح در مورد آن
• قواعد نوشتاری و syntax زبانXML
• معرفی Element ها و Attribute ها در زبانXML
• آشنایی با NameSpace ها در XML و دلیل استفاده از آن ها
• آشنایی با مفهوم formed-well بودن درXML
• آشنایی با JSON و موارد استفاده از آن
• مقدمه ای بر JSON و نحوه پیدایش آن
• قواعد نوشتاری و سینتکسJSON
• نحوه کدنویسی JSON و استفاده از آن
• تبدیل یک رشته JSON به یک شئ در جاوااسکریپت و برعکس
• معرفی پسوند فایل هایJSON
• ذکر مثال هایی از کدهایJSON
• توضیحی برا استفاده XML و JSON در Ajax و اهمیت و کاربرد آن ها

• تشریح مفهوم ایجکس و تعریف آن
• کاربردها و مزیت های استفاده از Ajax در صفحات وب
• ترکیب تکنولوژی های موجود، عامل پیدایشAjax
• نمایش مثال های واقعی از کاربردهای ایجکس در صفحات وب
• آموزش نحوه صحیح کدنویسی ایجکس با کدهای خالص جاوااسکریپت
• نحوه لود کردن فایل های سمت سرور و نمایش محتوای آن ها با استفاده از ایجکس
• شئ XMLHttpRequest و نحوه تعریف صحیح آن برای سازگاری با اینترنت اکسپلورر
• نحوه ارسال درخواست ایجکس و دریافت پاسخ آن
• ارسال درخواست های ایجکس با متدهای get وpost
• کدنویسی یک مثال جالب برای حذف یک سطر از صفحه وب و حذف بخش متناظر آن در سمت سرور

• مروری بر مفهوم ایجکس و کاربردها و مزیت های آن
• نحوه کدنویسی ایجکس با استفاده از جی کوئری
• معرفی متد ajax و پارامترهای آن
• تعین متد ارسال درخواست
• تعین url مقصد درخواست
• ارسال داده های دلخواه به همراه درخواست ایجکس
• متد serialize و پک کردن داده های فرم ها
• نحوه ارسال درخواست ایجکس
• نحوه دریافت درخواست ایجکس در جی کوئری و انجام اقدامات الزم
• تعین timeout و حداکثر زمان انتظار برای دریافت پاسخ ایجکس
• نحوه نمایش پیام خطا در هنگام مواجهه با مشکل
• نحوه نمایش متن و یا انیمیشن لودینگ برای انتظار کاربر
• مینی پروژه : ارسال داده های فرم های html با ایجکس
• نحوه کدنویسی پارامتری برای ارسال داده های فرم از طریق ایجکس
• نمونه مثال ارسال داده های فرم الگین و ثبت نام با استفاده از ایجکس
• توضیح در مورد نحوه مدیریت و پاسخگویی درخواست در سمت سرور
• شبیه سازی زمان اجرای درخواست در سمت سرور با متد sleep درphp
• ارسال و دریافت داده ها با استفاده از ساختارJSON

• تشریح مفاهیم پالگین و کتابخانه و تعریف هر کدام
• موارد استفاده از کتابخانه ها و کاربردهای آن
• موارد استفاده از پلاگین و کاربردها و اهداف آن
• تفاوت های مفاهیم پلاگین و کتابخانه
• کدنویسی بهتر، سریعتر و مزیت های دیگر پلاگین/کتابخانه نویسی
• آموزش نحوه نوشتن صحیح کتابخانه های جاوااسکریپت در ۳ مرحله
• روش اول: تعریف یک شئ به عنوان کتابخانه
• مزیت ها و معایت روش اول
• روش دوم : تعریف یک تابع به عنوان کتابخانه
• مزیت ها و معایت روش دوم
• روش سوم: استفاده از توابع ناشناس و self-invoking برای نوشتن کتابخانه
• مزیت های روش سوم و تشخیص تداخل نام ها

• توضیح در مورد پلاگین نویسی و مزیت های آن
• تشریح تفاوت های بین پلاگین و کتابخانه
• یاداوری، نحوه کار و کدنویسی جی کوئری
• ساختار و نحوه استفاده از پلاگین های جی کوئری
• معرفی ویژگی $.fn و نحوه ایجاد و تعریف پلاگین جدید در جی کوئری
• نحوه کدنویسی پالگین برای استفاده به صورت زنجیروار
• محافظت از $ و جلوگیری از تداخل کدها با استفاده از توابع خود صدازننده
• تشریح مرحله به مرحله مفهوم self-invoking-function
• نحوه مختصر سازی کدنویسی پلاگین ها و جلوگیری از تعریف چند متد برای یک پلاگین
• استفاده از متد each و کاربرد آن در پردازش عناصر تحت تاثیر پالگین
• نحوه پاس دادن پارامتر(Option) های پالگین و تعین آنها توسط کاربر
• ادغام option های کاربر با option های پیشفرض پلاگین با استفاده از متد extend
• ذکر نکاتی مهم در رابطه با نحوه کدنویسی صحیح پلاگین ها
• استفاده از ساختار فایل و پوشه بندی مناسب برای پلاگین
• مینی پروژه: نوشتن پلاگینی برای افزودن آدرس لینک ها به عنوان آن

• پروژه – پلاگین: closable افزودن قابلیت بسته شدن به تگ هایhtml
• آموزش نحوه قرار دادن دکمه X برای بستن تگ در گوشه آن
• توضیح در مورد تگ هایی با خصوصیت absolute درcss
• تشخیص تگ در برگیرنده X برای بسته شدن در هنگام کلیک
• تعریف رویداد کلیک برای بسته شدن تگ در برگیرنده دکمهX
• آموزش نحوه تعین و کدنویسی انیمیشن های مختلف برای بسته شدن تگ
• تعین انیمیشن بسته شدن تگ توسط کاربر
• تعین آیکون بسته شدن برای پروژه

• پروژه تولتیپ Tooltip نمایش عنوان تگ ها به شکلی زیبا
• تشریح پروژه این جلسه و نحوه کار آن
• تشریح ساختار و کدهای html و css پروژه این جلسه
• نحوه استفاده از پروژه این جلسه
• آموزش نحوه تعین عرض تولتیپ ها در حالت کلی
• آموزش نحوه اعمال تنظیمات خاص مربوط به هر تولتیپ (تعیین عرض، پس زمینه و(…
• خواندن عرض تولتیپ از خصوصیت data-ttw تگ
• نحوه چک کردن وجود یک خصوصیت در یک تگ html
• نحوه استفاده از متد و رویداد hover برای انجام عملیت در هنگام ورود و خروج موس روی یک تگ
• نحوه حذف و ذخیره سازی موقت ویژگی title از تگ فعال هنگام نمایش تولتیپ
• نحوه محاسبه فاصله از باال و چپ تولتیپ و قراردادن عنوان در مکان مناسب
• مرور نکته های مهم ارائه شده در این جلسه
• پروژه – طراحی و پیاده سازی پلاگین Tooltip

توضیحات

• پروژه مُدال – Boxes Modal – شبیه ساز ی پنجره باز شده روی صفحه وب
• تشریح و توضیح کدهای html و css پروژه این جلسه
• نحوه ارتباط دادن لینک ها و دکمه ها به باکس های مربوط به خود
• آموزش نحوه تنظیم رنگ پس زمینه مدال
• آموزش نحوه کدنویسی برای تنظیم شفافیت پس زمینه
• آموزش نحوه کدنویسی برای تعین عرض مدال
• آموزش کدنویسی برای تنظیم انیمیشن ورود مدال به صفحه وب
• تنظیم انیمیشن های ورود از جهات مختلف و با افکت های گوناگون
• تنظیم فاصله از بالای مدال
• نحوه کدنویسی برای به وسط آوردن مدال
• نحوه تنظیم انتخابی رویداد فعال برای بازشدن یک مدال
• تنظیم سرعت انیمیشن ورود
• نحوه دریافت توابع callback از کاربر و اجرای آنها قبل و بعد از نمایش مدال
• تمرین – افزودن دکمه و متن برای بستن مدال

• پروژه منوهای آکاردئونی accordion menus
• توضیح در مورد پروژه این جلسه و دلیل نامگذاری آن
• کدنویسی و تشریح ساختار html و css پروژه این جلسه
• کدنویسی پروژه منوی آکاردئونی بدون پلاگین
• نحوه باز شدن منو با کلیک روی عنوان آن
• نحوه مخفی سازی بقیه منو

• توضیح در مورد تمرین-پروژه جلسه قبل
• پروژه محتوای تب دارTabbed-content
• توضیح ساختار باکس های تب دار
• توضیح کدهای html و css باکس هایtabbed
• کدهای جی کوئری محتوای تب دار
• پروژه منوی کناری مخفی
• توضیح کدهای پروژه منوی کناری مخفی
• پروژه اسلایدر تصویر با امکانات ویژه
• تعریف پروژه اسلایدر و نمایش دموی آن
• تشریح قابلیت اسلایدر طراحی شده در این جلسه
• توضیح کدها و ساختار html و css اسلایدر
• تشریح قابلیت های اسلایدر و option های موجود
• ایجاد بخش شمارنده (شماره اسلاید) برای پروژه
• ایجاد دکمه های رفتن به اسلاید بعدی و قبلی برای پروژه
• ایجاد دکمه های کنترلی اسلایدها برای پروژه
• ایجاد caption و توضیح مخصوص برای هر اسلاید
• تعین انیمیشن های ورورد و خروج هر اسلاید
• نحوه تنظیم سرعت اجرای انیمیشن
• نحوه تنظیم و کدنویسی برای تعین مدت زمان نمایش هر اسلاید
• آموزش نحوه کدنویسی برای توقف اسلایدر در هنگام بردن نشانگر موس روی آن
• آموزش نحوه پشتیبانی اسلایدر از گسچرهای لمسی برای گوشی های هوشمند و تبلت ها
• آموزش نحوه تنظیم نوع نمایش اسلایدها (پشت سرهم یا رندم(
• بررسی نکات مهم و ویژه پروژه این جلسه

  • آموزش نصب owl
  • اجرای چند نمونه کاروسل و اسلایدر

  • آموزش نصب سوئیپر
  • اجرای چند نمونه اسلایدر سوئیپر

AOS (Animate On Scroll) یک کتابخانه‌ی جاوااسکریپت است که برای افزودن انیمیشن‌ها به عناصر یک صفحه‌ی وب هنگام اسکرول کردن استفاده می‌شود. این کتابخانه به شما این امکان را می‌دهد که بدون نیاز به نوشتن کدهای پیچیده، انیمیشن‌های زیبایی به وب‌سایت خود اضافه کنید. این انیمیشن‌ها به محض اینکه کاربر به یک عنصر خاص از صفحه اسکرول می‌کند، به صورت خودکار اجرا می‌شوند.

ویژگی‌های AOS:
1.سبک و سریع: AOS بسیار سبک است و عملکرد سریعی دارد.
2.استفاده آسان: استفاده از این کتابخانه بسیار ساده است. شما می‌توانید با اضافه کردن چند کلاس CSS به عناصر HTML خود، انیمیشن‌های مورد نظر را اعمال کنید.
3.قابلیت سفارشی‌سازی: این کتابخانه دارای تنظیمات مختلفی است که به شما اجازه می‌دهد زمان، نوع و مدت زمان انیمیشن‌ها را به دلخواه تغییر دهید.
4.انواع انیمیشن‌ها: AOS از انواع مختلفی از انیمیشن‌ها پشتیبانی می‌کند، از جمله fade, slide, zoom, flip و غیره.
5.واکنش‌گرا: این کتابخانه به خوبی با طراحی‌های واکنش‌گرا (responsive) کار می‌کند و در دستگاه‌های مختلف به درستی نمایش داده می‌شود.

با استفاده از AOS، شما به راحتی می‌توانید انیمیشن‌های جذابی به صفحه‌های وب خود اضافه کنید که تجربه‌ی کاربری بهتری را برای بازدیدکنندگان فراهم می‌آورد.

  • پیاده سازی چارت های جاوا اسکریپتی
  • آموزش انواع چارت و نمودار

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

ویژگی‌های Alpine.js:
1.سبک و ساده: Alpine.js بسیار سبک است (معمولاً کمتر از 10 کیلوبایت) و پیچیدگی کدها را به حداقل می‌رساند.
2.مناسب برای پروژه‌های ساده: این کتابخانه برای پروژه‌هایی که نیاز به انیمیشن‌های پیچیده یا تعاملات پیشرفته ندارند، ایده‌آل است.
3.نزدیکی به HTML: برخلاف فریمورک‌های پیچیده‌تر، Alpine.js از HTML و داده‌های موجود در آن استفاده می‌کند. تمام دستورها و منطق‌ها مستقیماً درون HTML نوشته می‌شوند.
4.سازگاری با دیگر ابزارها: می‌توانید Alpine.js را به‌راحتی با کتابخانه‌ها و فریمورک‌های دیگر مانند Tailwind CSS استفاده کنید.
5.توسعه‌دهنده‌محور: Alpine.js به شما اجازه می‌دهد که بدون نیاز به ساختاردهی پیچیده، از ویژگی‌های تعاملی جاوااسکریپت در HTML استفاده کنید.

Alpine.js به شما اجازه می‌دهد که بدون نیاز به نوشتن کدهای پیچیده جاوااسکریپت، به راحتی صفحات وب تعاملی بسازید. این کتابخانه به‌ویژه برای پروژه‌هایی که نیاز به افزودن رفتارهای پویا و ساده دارند، مناسب است.

  • مقدمات گیت و نصب آن
  • اولین اینیت (init) و اولین کامیت
  • بررسی تاریخچه کارها
  • بررسی تغییرات انجام شده
  • آشنایی با شاخه ها یا همان برنچ ها (Branch)
  • کمی بیشتر در مورد برنچ ها
  • آشنایی و استفاده از گیت هاب (GitHub)
  • بررسی و حل کانفلیکت های (Conflict) ریموت
  • تگ زدن برای شناسایی نسخه ها
  • امضا کردن تگ ها و کامیت ها
  • دیباگ کردن با کمک گیت
  • آشنایی با گیت لب و مشارکت در پروژه ها
  • انتشار پروژه شما در گیت هاب

• توضیحاتی در مورد جلسه آخر و دوره کنونی
• معرفی یک ابزار آنالین برای اجرای کدهای جاوااسکریپت
• توضیح در مورد استفاده از پلاگین ها برای زبان فارسی
• تشریح اصالح minification و مفهوم آن
• تشریح اصالح compress و مفهوم آن
• تشریح اصالح optimization و مفهوم آن
• تشریح اصالح obfuscation و مفهوم آن
• معرفی ابزارهای minification وobfuscation
• کوتاه سازی کدهای جاوااسکریپت و افزایش سرعت لود فایل
• بهینه سازی کد های جاوااسکریپت و افزایش سرعت اجرا
• مبهم سازی و درهم ریختگی کدها برای محافظت از آن ها
• استفاده از دستور “strict use “و کاربردهای آن
• تشریح موارد غیر قابل استفاده هنگام کدنویسی در مدstrict
• توضیح نکات مهمی برای کدنویسی بهتر جاوااسکریپت
• توضیح نکاتی برای اجرای سریعتر کدها جاوااسکریپت
• توضیح در مورد متد open و پنجره های پاپاپ
• لود کردن فایل های js و css به صورت پویا از طریق دستورات جاوااسکریپت
• معرفی کوکی ها و نحوه کار با آنها در جاوااسکریپت
• توضیح در مورد ترکیب کدنویسی جی کوئری و جاوااسکریپت
• وضیح در مورد اصطالحات lookahead و lookbehind در کار با عبارت های منظم
• آموزش استفاده از حروف فارسی و تعین بازه حروف فارسی/عربی در عبارت های منظم
• آموزش دریافت کد کاراکترهای مختلف در مبنای شانزده HEX
• توضیح در مورد مبنا ها و دلیل نامگذاری ارقام دوحرفی مبنای 16 با حروف A تاF
• توضیح در مورد تابع/عملگر void و کاربرد آن
• توضیح در مورد فریمورک های جاوااسکریپت و کاربرد و اهمیت آنها در صفحات وب
• معرفی دو کتاب مهم در امر آموزش و یادگیری جاوااسکریپت
• توصیه ها و نکات مهم برای یادگیری بهتر و رسیدن به موفقیت در کدنویسی جاوااسکریپت
• مسیر آینده شما برای ادامه آموزش در بستر وب…

سوالات متداول

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

  • زبان HTML
  • زبان CSS
  • زبان JavaScript
  • فریمورک بوت استرپ
  • فریمورک JQuery
  • گیت هاب

پرداخت به صورت قسطی است.

مبلغ یک سوم پیش از شروع دوره و مابقی طی دو قسط پرداخت می شود.

برای پرداخت با قسط های بیشتر باید با آموزش هماهنگ کنید.

دوره ها هم به صورت حضوری و هم به صورت آنلاین برگذار می شود.

همچنین ویدئو تمام جلسات ضبط شده و در اختیار شما قرار خواهد گرفت.

بله. در پایان دوره، گواهی حضور به شما داده خواهد شد.

تنها تا ۳ جلسه اول مجاز به لغو کلاس هستید. در این مرحله، ۸۰ درصد مبلغ دریافتی پرداخت خواهد شد.

بله. برای اطلاعات بیشتر با واحد آموزش تماس بگیرید.

۰۱۱۳۳۳۹۲۰۷۲

بله، به همراه داشتن لپ تاپ شخصی در کلاس ها الزامی است.

17 نظر در “دوره فرانت در ساری- سرفصل ۲۰۲۵ – آموزش صفر تا صد Front-end”

  • فرهاد موسوی

    گفت:

    سلام. ممنون از این دوره خوبتون
    این دوره حضوریه؟ آنلاین؟ یا ترکیبی؟
    چه مباحثی مطرح میشه؟
    ظرفیت دوره چقدره؟ یعنی چند نفر تو کلاسن؟
    پرداخت به چه صورته؟
    مدرک هم میدین؟
    پشتیبانی بعد دوره هم دارین؟

    • علی توکلی فرد

      گفت:

      سلام دوره به صورت ترکیبی هست و تمام مباحث مربوط به بخش فرانت وبسایت توضیح داده میشود
      ظرفیت دوره حداقل ۳ نفر و حداکثر ۵ نفر هست
      پرداخت به صورت قسطی هم امکان دارد
      بله مدرک هم ارائه داده میشه پایان دوره و پشتیبانی هم پس از پایان دوره ادامه پیدا میکند

  • rahaaa

    گفت:

    استاد حرف ندارید دوره فرانت اند عالییی بود یعنیی

  • rahaaa

    گفت:

    اما دوره فرانت اند یچیز دیگس خیلی خفن بود

  • maryam

    گفت:

    مرسی از آموزش های مفید و کاربردیتون.این دوره برای کسی که پایه ی برنامه نویسیش صفره هم مناسبه؟

  • AMIr

    گفت:

    از صفر آموزش میدید یا باید از قبل یه زمینه ای داشته باشیم؟

    • از صفر آموزش آموزش داده میشه
      هیچ زمینه یا پیش نیاز خاصی نیاز نیست
      صفر بیاید داخل طراح خارج بشید

  • امیر احمدی

    گفت:

    سلام خسته نباشید
    دوره ی طراحی سایتتون پروژه محوره؟ و اینکه آیا پروژه ها مناسب بازار کار هست؟

    • علی توکلی فرد

      گفت:

      بله دوره ها کاملا پروژه محور هستند و مناسب بازار کار طراحی شده اند

  • محمد رضا زاده

    گفت:

    خیلی ممنون از دوره ی خوبتون
    دوره های طراحی سایت زیادی رو گذروندم اما این دوره واقعا بهترین دوره طراحی سایتی بود که رفتم

    • علی توکلی فرد

      گفت:

      سپاس

  • زهرا میرابراهیمی

    گفت:

    آیا هزینه ی دوره طراحی سایتتون رو به صورت قسطی هم میشه پرداخت کرد؟

    • علی توکلی فرد

      گفت:

      بله امکان پرداخت به صورت شرایطی هم وجود دارد

  • نگار

    گفت:

    سلام
    این دوره برای من خیلی کاربردی و مفید بود
    اموزش ها گام به گام و هدفمند بودن

    • علی توکلی فرد

      گفت:

      ممنون از نظر و لطفتون

  • Mahtab

    گفت:

    چه تعداد پروژه در طول دوره زده میشه؟

    • علی توکلی فرد

      گفت:

      یک پروژه پایانی که پروژه بزرگ هست و چندین مینی پروژه در طول دوره

در AMIr نظر دهید لغو

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *