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 درس‌نامه
فاز اول فروشگاه آنلاین - بخش اول تمرین
فاز اول فروشگاه آنلاین - بخش دوم تمرین
فاز اول فروشگاه آنلاین - بخش سوم تمرین
فاز اول فروشگاه آنلاین - بخش چهارم تمرین
🆕 کتابخانه‌ی Tailwind
مقدمه درس‌نامه
نصب و راه اندازی درس‌نامه
اندازه درس‌نامه
فاصله‌ و حاشیه درس‌نامه
پدینگ و مارجین درس‌نامه
پس‌زمینه (Background) درس‌نامه
تایپوگرافی درس‌نامه
صفحه بندی درس‌نامه
فلکس (Flex) درس‌نامه
گالری بستنی - بخش اول درس‌نامه
گالری بستنی - بخش دوم درس‌نامه
گالری بستنی - بخش سوم درس‌نامه
🆙 پایه‌های جاوااسکریپت
اهداف فصل درس‌نامه
چرا به جاوااسکریپت(JavaScript) نیاز داریم؟ درس‌نامه
جاوااسکریپت در وب چیست؟ درس‌نامه
آشنایی اولیه با syntax جاوااسکریپت درس‌نامه
متغیرها درس‌نامه
عمل‌گر‌ها درس‌نامه
ورودی، خروجی ساده درس‌نامه
خوش‌آمد گویی تمرین
عبارت‌های شرطی و حلقه‌ها درس‌نامه
🆙 بازگشت از بوستان تمرین
🆙 زوجیت تمرین
🆙 دو نقطه خط تمرین
🆙 یک سوال ساده تمرین
🆙 سوال زرد تمرین
فیبوناچی تمرین
تابع‌ها درس‌نامه
اعداد اول تمرین
رشته‌ها درس‌نامه
🆙 template strings درس‌نامه
🆙 رژیم سخت تمرین
🆙 شمردنِ سخت تمرین
🆙 آسونِ سخت تمرین
🆙 رمزنگاری تمرین
آرایه‌ها درس‌نامه
🆙 جدول ضرب گنده تمرین
🆙 شتری 🐪 تمرین
🆙 گران‌ترین سهم تمرین
🆙 تخمین زمان مطالعه تمرین
🆙 مجموعه ها (Sets) درس‌نامه
شی‌ها درس‌نامه
🆙 Destructuring درس‌نامه
شی‌های built-in پرکاربرد درس‌نامه
محصولات تمرین
🆕 جاوااسکریپت پیشرفته
عبارات با قاعده درس‌نامه
آشنایی با عبارات منظم در جاوااسکریپت درس‌نامه
اصلاح شماره موبایل تمرین
شماره موبایل امن تمرین
نگاشت‌ها درس‌نامه
محدوده دسترسی درس‌نامه
توابع به عنوان متغیر درس‌نامه
مساحت تمرین
Callback Hell درس‌نامه
Promise در جاوااسکریپت درس‌نامه
بشمار تمرین
Async/Await درس‌نامه
کلاس ها در جاوااسکریپت درس‌نامه
getter و setter درس‌نامه
ایستایی یا خصوصی بودن مسئله این است درس‌نامه
وراثت (Inheritance) درس‌نامه
جاوااسکریپت در وب
اهداف فصل درس‌نامه
معرفی DOM درس‌نامه
دسترسی به المان‌ها در DOM درس‌نامه
دسترسی به خصوصیت‌ها در DOM درس‌نامه
CSS در DOM درس‌نامه
انتخاب‌کننده تودرتو (JS) تمرین
آشنایی با رویدادها (۱) درس‌نامه
آشنایی با رویدادها (۲) درس‌نامه
چرخه انتشار رویداد‌ها درس‌نامه
رویداد‌های موس و صفحه‌کلید درس‌نامه
اسلایدر تمرین
ویرایشِ پویای صفحه درس‌نامه
بازی XO - بخش اول تمرین
تابع‌های مهم در window درس‌نامه
رنگ‌ها! تمرین
ذخیره داده در مرورگر درس‌نامه
سنجش‌گر! تمرین
مدل هم‌زمانی در جاوااسکریپت درس‌نامه
بازی XO - بخش دوم تمرین
بازی XO - بخش سوم تمرین
jQuery
حل مسئله Tic Tac Toe درس‌نامه
مقدمه‌ای بر جی‌کوئری درس‌نامه
سلکتورهای جی‌کوئری درس‌نامه
پنهان‌کردن المان‌ها تمرین
ایونت‌های جی‌کوئری درس‌نامه
افکت‌های جی‌کوئری درس‌نامه
html و css در جی‌کوئری درس‌نامه
کوییز تمرین
🆕 برنامه نویسی ماژولار و کتابخانه‌ها
کدنویسی ماژولار درس‌نامه
تاریخچه ماژول‌ها در جاوااسکریپت درس‌نامه
ES Modules درس‌نامه
export و import کردن ماژول‌ها درس‌نامه
معرفی npm درس‌نامه
نصب پکیج با npm درس‌نامه
آشنایی با پکیج Jalali Moment درس‌نامه
کتابخانه lodash درس‌نامه
ارتباط با سرور و Ajax
اهداف فصل درس‌نامه
مقدمه‌ای بر ریکوئست‌ها و HTTP درس‌نامه
🆕آشنایی با Restful API درس‌نامه
بیشتر در مورد ریکوئست‌ها و Ajax درس‌نامه
🆕آشنایی با Fetch API درس‌نامه
🆕طرز کار با async/await درس‌نامه
بورس بازی! تمرین
فاز دوم فروشگاه آنلاین - بخش اول تمرین
فاز دوم فروشگاه آنلاین - بخش دوم تمرین
فاز دوم فروشگاه آنلاین - بخش سوم تمرین
فاز دوم فروشگاه آنلاین - بخش چهارم تمرین
اسنپ فود تمرین
پروژه فیفا بخش I درس‌نامه
پروژه فیفا بخش II درس‌نامه
پروژه فیفا بخش III درس‌نامه
پروژه فیفا بخش IV درس‌نامه

«روی خودت سرمایه‌گذاری کن!» - پاسخ وارن بافت، سرمایه‌گذار و کارآفرین معروف، به مصاحبه‌کننده‌ای که دنبال بهترین روش سرمایه‌گذاری بود

مدت زمان

۱۳ هفته (قابل تمدید)
زمان پیشنهادی برای یادگیری بهینه: +۸ ساعت در هفته

مزایای دوره

کاملا آنلاین

یادگیری نزدیک به صنعت

پشتیبانی آنلاین

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

۶۶۹
هزار تومان
ثبت‌نام در دوره
همین حالا یادگیری رو شروع کن

توی این مسیر می‌تونی پیشرفت خودت رو نسبت به تعدادی از شرکت‌کننده‌های دوره مشاهده کنی و تلاش کنی تا از بقیه شرکت‌کننده‌ها عقب نمونی.

مشاهده‌ی بیشتر

اساتید دوره

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

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

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

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

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

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

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

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

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

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

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

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

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

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

شما در هر زمانی که بخواهید می‌توانید در دوره ثبت‌نام و دوره را آغاز کنید.

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

پیش‌نیاز این دوره، تسلط به مباحث مبانی برنامه‌نویسی است.
اگر هنوز به این مباحث مسلط نیستید، پیشنهاد می‌کنیم پیش از شروع این دوره، دوره‌ٔ «مبانی برنامه‌نویسی و تفکر الگوریتمی» را در حداقل یک زبان ++C یا Python بگذرانید.

برای شرکت در دوره باید در رشته دانشگاهی خاصی تحصیل کرده باشم؟

خیر؛ نیازی نیست!
اگر پیش‌نیاز دوره (تسلط به مبانی برنامه‌نویسی) را داشته باشید، می‌توانید در این دوره شرکت کنید.

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

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

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

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

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

خیر؛ برای آزاد شدن محتوای هر فصل، باید درصد مشخصی از فصل‌های قبل از آن را تکمیل کرده باشید.

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

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

مربی‌گری دوره به چه صورت است؟

شما می‌توانید در هر کجای دوره که به مشکل خوردید، از طریق بخش پرسش و پاسخ («سوال خصوصی») آن را با مربی‌های دوره در میان بگذارید و مربی‌ها در اسرع وقت به شما کمک خواهند کرد.

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

شما بعد از رسیدن به فصل «CSS»، به مدت ۹۰ روز فرصت دارید تا دوره را به اتمام برسانید و بعد از اتمام دوره برای همیشه به تمام محتواهای دوره دسترسی خواهید داشت.
هم‌چنین اگر تا انتهای زمانِ گفته‌شده نتوانستید دوره را تمام کنید نگران نباشید، چون امکان تمدید دوره وجود دارد!

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

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

بزن بریم!

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

ثبت نام

از