Quera College

آموزش پروژه‌محور طراحی وب
(Front-End)

صفر تا صد مفاهیم jQuery, JavaScript, Bootstrap, CSS, HTML و Ajax

ثبت نام

فعال‌ترین موسسه آموزشی تاکنون:
دانشگاه صنعتی شریف با ۱۰۰ ثبت‌نام از مجموع ۱۳۷۵ ثبت‌نام

اهمیت یادگیری طراحی‌وب (Front-End)

امروزه زندگی ما بدون اینترنت معنایی ندارد و اینترنت نیز بدون فرانت‌اند ظاهری ندارد!

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

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

این همان دوره مورد نظر شماست!

چرا دوره‌های آنلاین Quera College

  • مطابق با نیاز صنعت:

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

    در این دوره تمامی مفاهیم اصلی و پایه‌ای فرانت‌اند مانند:
    • HTML
    • CSS
    • JavaScript
    • ارتباط با سرور
    را خواهید آموخت. علاوه بر آن، ابزارهای کاربردی که از مفاهیم پایه‌ای نیستند اما در صنعت به کار می‌روند مانند:
    • Bootstrap/Sass
    • jQuery
    • Ajax
    را نیز می‌آموزید.

    همچنین تا جای ممکن سعی شده است که طراحی دوره استاندارد و به نحوی باشد که امکان یادگیری فریم‌ورک‌های فرانت‌اند مانند React و … آسان‌تر و اصولی باشد. در ضمن توجه کنید که کوئرا کالج قصد دارد تا دوره آموزشی React نیز منتشر کند و دوره فرانت‌اند پیش‌نیاز آن است؛ پس دوره‌ فرانت‌اند را تهیه کنید تا با آمادگی بهتری در آن دوره نیز شرکت کنید!

  • پروژه‌محور بودن:

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

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

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

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

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

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

    در صورتی که دوره‌های کوئرا کالج را با موفقیت بگذرانید، گواهی گذراندن این دوره را کسب می‌کنید که به صورت دیجیتالی در اختیار شما قرار می‌گیرد و هم‌چنین به رزومه‌ی کوئرایی شما اضافه می‌شود. به کمک این گواهی شما می‌توانید درخواست همکاری خود را به شرکت‌های بزرگ حوزه‌ی تکنولوژی ارسال کنید.

سرفصل دوره

مقدّمه ( ٪۱۰۰ تا میزان مورد انتظار )
HTML
معرفی HTML درس‌نامه
المان‌های HTML درس‌نامه
تگ های نوشتاری درس‌نامه
تگ‌های نوشتاری استایل‌دار و معنادار درس‌نامه
دعوت‌نامه ساده تمرین
عکس‌ها در HTML درس‌نامه
لوگو دعوت‌نامه تمرین
لینک‌ها در HTML درس‌نامه
لینک تایید دعوت‌نامه تمرین
جداول در HTML درس‌نامه
جدول دعوت‌شدگان تمرین
لیست‌ها در HTML درس‌نامه
لیست کارها تمرین
نمایش المان‌ها و iframe درس‌نامه
تگ‌های معنادار درس‌نامه
مدیا درس‌نامه
مدیاکده تمرین
فرم (۱) درس‌نامه
فرم (۲) درس‌نامه
رضایت مشتری تمرین
تگ‌ head و نکات مهم دیگر درس‌نامه
CSS
CSS چیست؟ درس‌نامه
رنگ‌ها درس‌نامه
بک‌گراند درس‌نامه
بوردر‌ درس‌نامه
طول و عرض درس‌نامه
فاصله‌ها درس‌نامه
سلکتورها درس‌نامه
انتخاب‌کننده تودرتو تمرین
استایل‌های مهم ۱ درس‌نامه
کاور دعوت‌نامه تمرین
دکمه فوکوس تمرین
استایل‌های مهم ۲ درس‌نامه
جدول مهمانان تمرین
شیوه نمایش درس‌نامه
موقعیت قرارگیری در صفحه درس‌نامه
مودال تمرین
پیاده‌سازی واکنش‌گرا درس‌نامه
منو واکنش‌گرا تمرین
QCV - بخش اول تمرین
QCV - بخش دوم تمرین
QCV - بخش سوم تمرین
QCV - بخش چهارم تمرین
ترنزیشن درس‌نامه
نمایش کارد‌ها در اسنپ‌فود درس‌نامه
نمایش نوتیفیکشن‌ها در اسنپ‌فود درس‌نامه
کتابخانه‌هایی در CSS
مقدمه و آشنایی با Bootstrap درس‌نامه
آشنایی با container و item درس‌نامه
آشنایی با ایجاد محتوا درس‌نامه
کامپوننت‌های مهم - قسمت اول درس‌نامه
سؤالات متداول! تمرین
کامپوننت‌های مهم - قسمت دوم درس‌نامه
آشنایی با sass درس‌نامه
فاز اول فروشگاه آنلاین - بخش اول تمرین
فاز اول فروشگاه آنلاین - بخش دوم تمرین
فاز اول فروشگاه آنلاین - بخش سوم تمرین
فاز اول فروشگاه آنلاین - بخش چهارم تمرین
پایه های جاوااسکریپت
چرا به جاوااسکریپت(JavaScript) نیاز داریم؟ درس‌نامه
جاوااسکریپت در وب چیست؟ درس‌نامه
آشنایی اولیه با syntax جاوااسکریپت درس‌نامه
متغیرها درس‌نامه
عمل‌گر‌ها درس‌نامه
ورودی، خروجی ساده درس‌نامه
خوش‌آمد گویی تمرین
عبارت‌های شرطی و حلقه‌ها درس‌نامه
فیبوناچی تمرین
تابع‌ها درس‌نامه
رشته‌ها درس‌نامه
آرایه‌ها درس‌نامه
اعداد اول تمرین
شی‌ها درس‌نامه
شی‌های built-in پرکاربرد درس‌نامه
محصولات تمرین
جاوااسکریپت در وب
معرفی DOM درس‌نامه
دسترسی به المان‌ها در DOM درس‌نامه
دسترسی به خصوصیت‌ها در DOM درس‌نامه
CSS در DOM درس‌نامه
آشنایی با رویدادها (۱) درس‌نامه
آشنایی با رویدادها (۲) درس‌نامه
چرخه انتشار رویداد‌ها درس‌نامه
رویداد‌های موس و صفحه‌کلید درس‌نامه
ویرایشِ پویای صفحه درس‌نامه
بازی XO - بخش اول تمرین
تابع‌های مهم در window درس‌نامه
رنگ‌ها! تمرین
ذخیره داده در مرورگر درس‌نامه
سنجش‌گر! تمرین
مدل هم‌زمانی در جاوااسکریپت درس‌نامه
بازی XO - بخش دوم تمرین
بازی XO - بخش سوم تمرین
jQuery
مقدمه‌ای بر جی‌کوئری درس‌نامه
سلکتورهای جی‌کوئری درس‌نامه
پنهان‌کردن المان‌ها تمرین
ایونت‌های جی‌کوئری درس‌نامه
افکت‌های جی‌کوئری درس‌نامه
html و css در جی‌کوئری درس‌نامه
کوییز تمرین
ارتباط با سرور و Ajax
مقدمه‌ای بر ریکوئست‌ها و HTTP درس‌نامه
بیشتر در مورد ریکوئست‌ها و Ajax درس‌نامه
بورس بازی! تمرین
فاز دوم فروشگاه آنلاین - بخش اول تمرین
فاز دوم فروشگاه آنلاین - بخش دوم تمرین
فاز دوم فروشگاه آنلاین - بخش سوم تمرین
فاز دوم فروشگاه آنلاین - بخش چهارم تمرین
اسنپ فود تمرین
نگاهی به آینده درس‌نامه

طراحان دوره

سید سجاد معصومی
دانشجوی مهندسی کامپیوتر دانشگاه امیرکبیر

دستیار آموزشی در دانشگاه امیرکبیر
مسئول محتوای فنی Quera

حمیدرضا ناظمی شادباش
دانشجوی مهندسی کامپیوتر دانشگاه تهران (پردیس فارابی)

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

امیررضا صافحیان
دانشجوی علوم کامپیوتر دانشگاه شهید بهشتی

توسعه‌دهنده فرانت‌اند در اسنپ‌فود

مهدی سیدان
دانشجوی مهندسی کامپیوتر دانشگاه تهران

از طراحان مسابقات تکنولوژی Quera

علی شفیعی
دانشجوی مهندسی کامپیوتر دانشگاه صنعتی شریف

دستیار آموزشی در دانشگاه صنعتی شریف

مسئول مسابقات Quera

طلای کشوری و نقره جهانی المپیاد کامپیوتر

شرکت‌های همکار
اسنپ‌فود

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

اسنپ

شرکت اسنپ نیز حامی این دوره است. تیم فنی اسنپ سرفصل‌های دوره را تایید کرده و هدف جذب برنامه‌نویس فرانت‌اند از افرادی که این دوره را تا پایان پاییز ۹۹ با کیفیت Perfect تمام کنند دارد.

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

آیا دوره پیش‌نیاز یا محدودیت خاصی دارد؟

پیش‌نیاز این دوره علاقه به یادگیری برنامه‌نویسی و آشنایی با حداقل یک زبان برنامه‌نویسی است. اگر هنوز در اول راه هستید، پیشنهاد می‌کنیم پیش از آغاز این دوره، دوره‌ی «مبانی برنامه‌نویسی و تفکر الگوریتمی» بگذرانید.

من برخی از مفاهیم دوره مثل HTML و CSS را بلدم؛ آیا این دوره به درد من هم می‌خورد؟

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

محتوای دوره در چه قالبی ارائه می‌شود؟

محتوای دوره به صورت درس‌نامه‌هایی همراه با حل مسائل Front-End است. پس از هر درس‌نامه، نوبت به تمرین و حل مسئله می‌رسد. تعدادی مسئلهٔ مطرح می‌شود که شما کد آن‌ها را نوشته و ارسال می‌کنید. سامانه داوری خودکار Quera در مدت کوتاهی کد شما را تصحیح می‌کند و نمره می‌دهد. در صورتی که نمرهٔ کامل نگرفتید نگران نباشید! می‌توانید کد خود را تغییر دهید و دوباره ارسال کنید. توجه کنید که درس‌نامه‌ها به صورت متن‌های تعاملی هستند و فیلم نیستند. همچنین چندین پروژه‌ی کاربردی در حین دوره به شما کمک می‌کند تا آماده‌ی حضور در بازار کار شوید.

پشتیبانی آنلاین برای شرکت‌کنندگان وجود دارد؟

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

آیا محتوای دوره به صورت یکجا در اختیارمان قرار می‌گیرد؟

خیر. برای آزاد شدن محتوای هر مبحث، پیش‌نیازی از مباحث قبلی تعیین شده که باید در آن‌ها میزان مشخصی از سؤالات را حل کرده باشید.

تا چه زمانی برای به پایان رساندن دوره فرصت داریم؟

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

دوره از چه زمانی آغاز می‌شود؟

ثبت‌نام نهایی و آغاز دوره در اواخر شهریورماه انجام می‌شود. زمان دقیق انتشار دوره به زودی اعلام می‌شود.

مهلت ثبت نام در این دوره تا چه زمانی است؟

ثبت‌نام در کوئرا کالج محدودیت زمانی خاصی ندارد و فعلا برای ثبت‌نام تاریخ اتمامی در نظر نگرفته‌ایم.

بزن بریم!

در صورت وجود هرگونه سؤال یا ابهام با college@quera.ir تماس بگیرید.

ثبت نام

از