college logo

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

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

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

ثبت نام

تعداد افراد ثبت‌نام کرده
۰

تعداد پاسخ‌های ارسال شده
۰

تعداد پرسش‌های پاسخ داده شده
۰

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

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

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

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

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

body

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

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

body

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

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

body

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

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

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

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

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

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

کد دیگران

سرفصل دوره

مقدّمه ( ٪۱۰۰ تا میزان مورد انتظار )
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 در مدت کوتاهی کد شما را تصحیح می‌کند و نمره می‌دهد. در صورتی که نمرهٔ کامل نگرفتید نگران نباشید! می‌توانید کد خود را تغییر دهید و دوباره ارسال کنید. توجه کنید که درس‌نامه‌ها به صورت متن‌های تعاملی هستند و فیلم نیستند. همچنین چندین پروژه‌ی کاربردی در حین دوره به شما کمک می‌کند تا آماده‌ی حضور در بازار کار شوید.

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

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

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

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

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

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

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

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

بزن بریم!

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

ثبت نام

از

جشنواره برگشت به کد کوئرا کالج | تا سقف ۲۵۰هزارتومان تخفیف

+ جوایز هیجان انگیز MacBook Air M1 | Apple Watch SE | AirPods 2

جشنواره برگشت به کد

+ MacBook Air M1 و …