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

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

۸ فصل | ۴۰ تمرین | پروژه عملی | ۱۲ هفته

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

۱۹۳۶ نفر در این دوره ثبت‌نام کرده‌اند

اهمیت یادگیری برنامه‌نویسی سمت کاربر (front-end) برای ورود به دنیای طراحی وب بر کسی پوشیده نیست. هر آنچه که در وب مشاهده می‌کنید، بر پایه اصول مطرح شده در این دوره ایجاد شده‌است. دوره front-end کوئرا به نحوی طراحی و به‌روزسانی شده‌است که با داشتن دانش پایه برنامه‌نویسی با مسیری بهینه بتوانید مفاهیم اصلی مورد استفاده در front-end را بیاموزید و تمرین کنید.

با مثال‌های عملی از شرکت

لذت یادگیری حرفه‌ای Front-end

حرفه‌ای، جامع و اصولی یاد بگیرید!

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

با آن‌چه خودتان می‌سازید اثبات شوید!

داشتن نمونه کار برای کسانی که به تازگی می‌خواهند استخدام شوند یک مشکل جدیست! علاوه‌بر ۴۰ تمرین عملی‌ای که در طول دوره حل می‌کنید، پروژه‌های جذابی تعریف‌شده است که به صورت گام‌به‌گام پیاده‌سازی خواهید کرد تا به جریان توسعه‌ی front-end یک محصول در صنعت مسلط شوید و نهایتا بتوانید به عنوان نمونه کار در رزومه خود استفاده کنید.

در کنار شما هستیم تا از شکست‌هایتان پلی به یادگیری بسازید!

احتمالا از دو مورد بالا متوجه شدید که یادگیری front-end بدون کمک آسان نیست! از این رو ما کنار شماییم و در حین یادگیری می‌توانید سوالاتتان را از مربی‌های دوره بپرسید و از آن‌ها در رفع ابهام و دیباگ کردن کدهایتان کمک بگیرید. راستی بعد از حل سوالات هم می‌توانید پاسخ اساتید دوره و دوستانتان را ببینید تا با روش‌های مختلف حل سوال آشنا شوید. خلاصه که اصلا تنها نیستید!

امکانات دیگر این دوره کوئرا کالج

ترکیبی از محتوای متنی و ویدیویی

راهنمای خودکار

خروجی گرافیکی

گواهی کوئرا کالج

به‌روزرسانی مداوم

کد دیگران

سرفصل دوره

مقدّمه ( ٪۱۰۰ تا میزان مورد انتظار )

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

قالب کوئرا کالج درس‌نامه

سیستم امتیازات و دریافت گواهی درس‌نامه

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 درس‌نامه

انتخاب‌کننده تودرتو (JS) تمرین

آشنایی با رویدادها (۱) درس‌نامه

آشنایی با رویدادها (۲) درس‌نامه

چرخه انتشار رویداد‌ها درس‌نامه

رویداد‌های موس و صفحه‌کلید درس‌نامه

اسلایدر تمرین

ویرایشِ پویای صفحه درس‌نامه

بازی XO - بخش اول تمرین

تابع‌های مهم در window درس‌نامه

رنگ‌ها! تمرین

ذخیره داده در مرورگر درس‌نامه

سنجش‌گر! تمرین

مدل هم‌زمانی در جاوااسکریپت درس‌نامه

بازی XO - بخش دوم تمرین

بازی XO - بخش سوم تمرین

jQuery

حل مسئله Tic Tac Toe درس‌نامه

مقدمه‌ای بر جی‌کوئری درس‌نامه

سلکتورهای جی‌کوئری درس‌نامه

پنهان‌کردن المان‌ها تمرین

ایونت‌های جی‌کوئری درس‌نامه

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

html و css در جی‌کوئری درس‌نامه

کوییز تمرین

ارتباط با سرور و Ajax

اهداف فصل درس‌نامه

مقدمه‌ای بر ریکوئست‌ها و HTTP درس‌نامه

بیشتر در مورد ریکوئست‌ها و Ajax درس‌نامه

بورس بازی! تمرین

فاز دوم فروشگاه آنلاین - بخش اول تمرین

فاز دوم فروشگاه آنلاین - بخش دوم تمرین

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

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

اسنپ فود تمرین

پروژه فیفا بخش I درس‌نامه

پروژه فیفا بخش II درس‌نامه

پروژه فیفا بخش III درس‌نامه

پروژه فیفا بخش IV درس‌نامه

اساتید دوره

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

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

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

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

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

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

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

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

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

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

شرکت‌های همکار

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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