مشاوره رایگان و تعیین سطح
تماس میگیرید یا فرم را پر میکنید و در یک گفتوگوی کوتاه هدف، تجربه قبلی و زمان آزادتان بررسی میشود. اگر این دوره مناسب شما نباشد، صادقانه همان را میگوییم.
کلاسهای آموزشی جامبرس
مقدماتی تا پیشرفته
دوره آموزش فرانت اند در اصفهان؛ از خط اول HTML تا اولین پروژه واقعی
در این دوره حضوری، ۴۴ ساعت پای کد مینشینید و یاد میگیرید یک طرح گرافیکی را به سایتی تبدیل کنید که روی موبایل و دسکتاپ درست کار میکند، سریع بالا میآید و برای گوگل قابل فهم است. آموزش با HTML5، CSS3 و JavaScript خالص انجام میشود، بدون قالب آماده و بدون میانبُر؛ چون تنها راه رسیدن به کدنویس واقعی همین است. اگر دنبال آموزش فرانتاند در اصفهان یا یک دوره html css js در اصفهان هستید که سر کلاس واقعاً کد بزنید، این دوره از صفر شروع میکند و شما را تا ساخت و انتشار پروژه میرساند.
- ۴۴ ساعت آموزش کاملاً پروژهمحور
- حضوری در اصفهان رفع اشکال لحظهای سر کلاس
- گروههای کوچک توجه کافی به هر هنرجو
مقدماتی تا پیشرفته
مشخصات دوره در یک نگاه
- مدت دوره ۴۴ ساعت
- سطح مقدماتی تا پیشرفته
- نوع برگزاری حضوری، اصفهان
- پیشنیاز ندارد
- خروجی دوره ۲ پروژه منتشرشده
- زبان تدریس فارسی
- محل برگزاری چهارباغ عباسی، اصفهان
- ظرفیت هر گروه محدود و کوچک
- گواهی پایان دوره دارد
- کد دوره JMB-FE-44
در دوره فرانتاند دقیقاً چه چیزی یاد میگیرید؟
فرانتاند همان بخشی از سایت است که کاربر میبیند و با آن کار میکند. هر دکمهای که کلیک میشود، هر منویی که باز میشود و هر صفحهای که روی گوشی مرتب میماند، نتیجه کار یک توسعهدهنده فرانتاند است. در این دوره یاد میگیرید همین لایه را خودتان بسازید: از ساختار درست صفحه با HTML، به ظاهر و چیدمان با CSS و در نهایت رفتار و تعامل با JavaScript.
مسیر دوره عمداً از پایه شروع میشود، چون بیشترین مشکلی که در بازار کار میبینیم این است که فرد چند فریمورک بلد است اما نمیداند چرا چیدمانش روی موبایل خراب میشود. ما اول پایه را محکم میکنیم؛ اینکه مرورگر چطور صفحه را میخواند، چرا یک عنصر جابهجا میشود و چطور با کمترین کد به نتیجه درست برسیم. بعد از آن، هر فریمورکی را خودتان میتوانید یاد بگیرید.
کلاسها حضوری است و بیشتر وقت کلاس صرف کد زدن میشود، نه تماشا کردن. هر مبحث با یک تمرین همان جلسه تثبیت میشود و از میانه دوره، روی پروژهای کار میکنید که در پایان به نمونهکار واقعی و منتشرشده شما تبدیل میشود.
چرا فرانتاند نقطه شروع خوبی است؟
فرانتاند سریعترین مسیر برای دیدن نتیجه کار است؛ چند خط کد مینویسید و همان لحظه تغییر را روی صفحه میبینید. همین بازخورد فوری باعث میشود یادگیری جذاب بماند و رها نشود. از طرف دیگر تقاضای بازار برای کسی که بتواند یک طرح را دقیق و ریسپانسیو پیاده کند همیشه وجود دارد، از پروژههای فریلنسری کوچک تا موقعیتهای شغلی در شرکتهای طراحی سایت.
روی چه چیزهایی بیشتر تمرکز میکنیم
- نوشتن HTML معنایی که هم برای مرورگر و هم برای گوگل قابل فهم باشد
- تسلط روی چیدمان با Flexbox و CSS Grid، بدون آزمون و خطا
- طراحی واکنشگرا با اولویت موبایل و مدیریت درست فونت و متن فارسی
- راستبهچپ بودن سایتهای فارسی و مشکلات رایج RTL
- جاوااسکریپت بهعنوان ابزار حل مسئله، نه حفظ کردن سینتکس
- ابزارهای واقعی کار: VS Code، Git و ابزار توسعهدهنده مرورگر
- سرعت صفحه و اصول اولیه سئوی تکنیکال از همان اولین پروژه
چرا کلاس حضوری فرانت اند در اصفهان؟
در اصفهان تعداد سایتهایی که هر سال بالا میآید کم نیست؛ از فروشگاههای اینترنتی و کلینیکها تا شرکتهای صنعتی و آژانسهای گردشگری. همه این پروژهها به کسی نیاز دارند که بتواند طرح را دقیق و ریسپانسیو کد کند. ما خودمان در جامبرس همین پروژهها را برای کسبوکارهای اصفهان اجرا میکنیم و هرچه در بازار واقعی لازم است، مستقیم وارد سرفصل دوره فرانت اند در اصفهان شده است.
کلاسها در دفتر جامبرس در چهارباغ عباسی، بازارملت، طبقه دوم برگزار میشود؛ مرکز شهر و در دسترس با اتوبوس، مترو و خودرو شخصی. هنرجویانی از خمینیشهر، نجفآباد و شهرضا هم در گروهها حضور دارند و روز و ساعت کلاس با هماهنگی گروه انتخاب میشود تا رفتوآمد سخت نشود.
حضوری بودن چه چیزی را عوض میکند؟
- خطا همان لحظه رفع میشود: جایی که در ویدیو دو روز گیر میکنید، سر کلاس دو دقیقه طول میکشد.
- کد شما بازبینی میشود: نه فقط اینکه کار کند، بلکه اینکه درست و قابل نگهداری نوشته شده باشد.
- گروه کوچک است: مدرس فرصت دارد سراغ هر نفر بیاید و سطح هر هنرجو را جداگانه ببیند.
- انگیزه حفظ میشود: کلاس ثابت هفتگی و همگروهیهایی که همان مسیر را میروند، بزرگترین دلیل رها نکردن یادگیری است.
- ارتباط حرفهای میسازید: بخشی از پروژههای فریلنسری از همین شبکه همکلاسیها و معرفی تیم میآید.
اگر کسبوکار دارید و بهجای یادگیری، به خود سایت نیاز دارید، بخش طراحی سایت اختصاصی و سئوی سایت جامبرس همان کاری است که دنبالش هستید.
سرفصل دوره آموزش فرانتاند
سرفصل به ترتیبی چیده شده که هر مبحث روی مبحث قبلی سوار شود؛ هیچ بخشی بدون پیشزمینه لازم شروع نمیشود.
-
آشنایی با وب و آمادهسازی محیط کار
- مرورگر چطور یک صفحه را میگیرد و نمایش میدهد
- نصب و تنظیم VS Code و افزونههای ضروری
- ساختاردهی درست پوشههای یک پروژه وب
- مقدمات Git و GitHub برای نگهداشتن تاریخ کد
- کار با ابزار توسعهدهنده مرورگر (DevTools)
-
HTML5 معنایی و ساختار استاندارد
- تگهای معنایی و ساختار درست یک سند HTML
- متن، لیست، لینک، تصویر و جدول
- فرمها و انواع ورودی با اعتبارسنجی داخلی مرورگر
- سلسلهمراتب هدینگ و تأثیر آن روی سئو
- مبانی دسترسپذیری و ویژگیهای ARIA
-
CSS3 از پایه تا کنترل کامل ظاهر
- سلکتورها، اولویتبندی و ارثبری استایلها
- مدل جعبه (Box Model)، فاصلهها و اندازهگذاری
- رنگ، پسزمینه، گرادیان و سایه
- تایپوگرافی فارسی، فونت وب و خوانایی متن
- متغیرهای CSS و ساختاردهی استایلها برای پروژه بزرگ
-
چیدمان مدرن: Flexbox و CSS Grid
- Flexbox برای چیدمانهای یکبعدی و منوها
- CSS Grid برای چیدمانهای پیچیده صفحه
- position، z-index و لایهبندی عناصر
- پیادهسازی هدر، سایدبار، کارت و فوتر واقعی
- حل مشکلات رایج چیدمان در سایتهای راستبهچپ
-
طراحی واکنشگرا با اولویت موبایل
- رویکرد Mobile-First و دلیل اهمیت آن
- مدیا کوئری، نقاط شکست و تست روی دستگاههای مختلف
- واحدهای نسبی و تایپوگرافی سیال با clamp
- تصاویر واکنشگرا و فرمتهای سبک مثل WebP
- انیمیشن، ترنزیشن و ترنسفورم برای تعامل بصری
-
JavaScript از صفر
- متغیرها، انواع داده و عملگرها
- شرطها، حلقهها و توابع
- آرایه و آبجکت و متدهای پرکاربرد آنها
- خطایابی کد با Console و breakpoint
- تمرین حل مسئله با الگوریتمهای ساده
-
کار با DOM و ساخت تعامل واقعی
- انتخاب و تغییر عناصر صفحه
- رویدادها: کلیک، اسکرول، تایپ و ارسال فرم
- اعتبارسنجی فرم با جاوااسکریپت
- ساخت منوی موبایل، اسلایدر، تب و مودال
- ذخیره اطلاعات در مرورگر با localStorage
-
جاوااسکریپت مدرن و ارتباط با سرور
- ویژگیهای ES6+: arrow function، destructuring، ماژول
- ساختار JSON و کار با داده
- دریافت داده از API با fetch
- عملیات غیرهمزمان با Promise و async/await
- مدیریت حالت بارگذاری و نمایش خطا به کاربر
-
پروژه پایانی، بهینهسازی و انتشار
- پیادهسازی کامل یک طرح فیگما به سایت ریسپانسیو
- ساخت پنل کاربری متصل به API
- بهینهسازی سرعت و بررسی Core Web Vitals
- رعایت نکات سئوی تکنیکال در کد
- آپلود پروژه روی هاست و تحویل نمونهکار
اگر بعد از این دوره میخواهید سمت سرور را هم یاد بگیرید، مسیر طبیعی ادامه، دوره بکاند با PHP و MySQL است؛ ترکیب این دو، شما را به یک توسعهدهنده فولاستک تبدیل میکند. برای دیدن نتیجه کار حرفهای تیم ما هم میتوانید صفحه طراحی سایت اختصاصی با کدنویسی را ببینید.
مسیر یادگیری و مراحل ثبتنام در دوره
از اولین تماس تا لحظهای که اولین سایت شما روی اینترنت منتشر میشود، مسیر مشخصی وجود دارد. هیچ مرحلهای مبهم نمیماند.
انتخاب گروه و ثبتنام
روز و ساعت کلاس را از بین گروههای فعال انتخاب میکنید. ظرفیت هر گروه محدود است تا مدرس بتواند کد هر نفر را جداگانه بررسی کند.
آمادهسازی محیط کار
در جلسه اول VS Code، افزونههای ضروری، مرورگر و حساب گیتهاب روی سیستم شما نصب و تنظیم میشود؛ از همان ابتدا مثل یک توسعهدهنده واقعی کار میکنید.
یادگیری پروژهمحور HTML و CSS
ساختار معنایی، Flexbox و Grid، طراحی ریسپانسیو و انیمیشن را با پیادهسازی بخشهای واقعی سایت تمرین میکنید. هر جلسه یک تمرین دارد که جلسه بعد بازبینی میشود.
تسلط بر جاوااسکریپت و API
از متغیر و تابع تا DOM، رویدادها و async/await پیش میروید و کامپوننتهای تعاملی مثل اسلایدر، فرم اعتبارسنجیشده و فیلتر محصولات را خودتان مینویسید.
پروژه پایانی و انتشار
یک سایت کامل را از فایل طراحی تا کد نهایی میسازید، سرعت و سئوی فنی آن را بهینه میکنید و روی هاست منتشرش میکنید تا اولین نمونهکار قابل ارائهتان را داشته باشید.
پس از پایان دوره چه کاری میتوانید انجام دهید؟
معیار ما برای موفقیت دوره، مهارت قابل استفاده است؛ نه گذراندن سرفصل.
- هر طرح فیگما یا فتوشاپ را دقیق و ریسپانسیو کد کنید
- سایت شرکتی و لندینگپیج بسازید، بدون قالب آماده
- منو، اسلایدر، مودال و فرم را با جاوااسکریپت پیاده کنید
- داده را از API بگیرید و در صفحه نمایش دهید
- سرعت و سئوی تکنیکال صفحه را خودتان بهبود دهید
- برای پروژه فریلنسری یا موقعیت جونیور فرانتاند آماده شوید
ابزارها و تکنولوژیهای دوره
همه ابزارها همان چیزهایی هستند که در پروژههای واقعی جامبرس هم استفاده میکنیم.
- HTML5
- CSS3
- JavaScript ES6+
- Flexbox
- CSS Grid
- Responsive Design
- VS Code
- Git & GitHub
- Chrome DevTools
- Figma (خواندن طرح)
- REST API
کلاس حضوری فرانتاند یا دوره ویدیویی؟
هر دو مسیر طرفدار دارد. این مقایسه بدون تعارف نوشته شده تا خودتان تصمیم بگیرید کدام به شرایط شما نزدیکتر است.
| معیار | کلاس حضوری جامبرس | دوره ویدیویی |
|---|---|---|
| رفع اشکال | همان لحظه، سر کلاس و روی کد خودتان | جستوجو در اینترنت یا انتظار برای پاسخ پشتیبانی |
| بازبینی کد | هر تمرین توسط مدرس بررسی و اصلاح میشود | معمولاً وجود ندارد |
| نظم یادگیری | کلاس ثابت هفتگی و تمرین با موعد مشخص | کاملاً به انگیزه شخصی وابسته است |
| نرخ رها کردن دوره | پایین؛ چون گروه و مدرس پیگیر شما هستند | بالا؛ بیشتر دورهها نیمهکاره میمانند |
| پروژه واقعی | دو پروژه که در پایان روی هاست منتشر میشود | تمرینهای تکراری و اغلب بدون انتشار |
| ارتباط حرفهای | همکلاسی، مدرس و تیم اجرایی پروژههای واقعی | ندارد |
| مناسب چه کسی است | کسی که میخواهد در بازه مشخص به مهارت قابل ارائه برسد | کسی که فقط میخواهد با موضوع آشنا شود |
با فرانتاند سراغ چه موقعیتهایی میروید؟
این دوره شما را برای شروع در نقشهای زیر آماده میکند؛ نقطه ورود طبیعی، موقعیت جونیور و پروژههای فریلنسری کوچک است.
- توسعهدهنده جونیور فرانتاند پیادهسازی صفحات و کامپوننتها زیر نظر تیم، در شرکتهای طراحی سایت و نرمافزار.
- پیادهساز قالب و رابط کاربری تبدیل طرح فیگما به کد HTML و CSS دقیق و ریسپانسیو برای آژانسها و استودیوهای طراحی.
- فریلنسر طراحی سایت ساخت لندینگپیج و سایت شرکتی برای کسبوکارهای کوچک، بهصورت پروژهای.
- توسعهدهنده قالب وردپرس سفارشیسازی و اصلاح قالبها؛ کاری که بدون تسلط بر CSS و جاوااسکریپت ممکن نیست.
- پشتیبان فنی سایت رفع ایراد ظاهری، بهبود سرعت و اصلاح مشکلات ریسپانسیو سایتهای موجود.
- مسیر ادامه: فولاستک با گذراندن دوره بکاند PHP و MySQL هر دو سمت پروژه را در اختیار میگیرید.
این دوره برای چه کسی مناسب است؟
اگر اینطور هستید، جای درستی آمدهاید
- میخواهید از صفر وارد بازار کار برنامهنویسی وب شوید
- دانشجو یا فارغالتحصیل کامپیوتر هستید و تجربه عملی کم دارید
- طراح گرافیک یا UI هستید و میخواهید طرح خودتان را کد کنید
- با آموزشهای پراکنده شروع کردید و مسیر منظم میخواهید
- قصد دارید پروژههای فریلنسری طراحی سایت قبول کنید
اگر اینطور هستید، صادقانه نه بگوییم
- به دنبال دوره آنلاین و ویدیویی بدون حضور در کلاس هستید
- نمیتوانید بین جلسات برای تمرین وقت بگذارید
- فقط مدرک میخواهید، نه مهارت واقعی
- انتظار دارید در چند جلسه به درآمد برسید
چه چیزهایی در این دوره آموزش داده نمیشود
یک دوره خوب به همان اندازه که مشخص میکند چه چیزی یاد میدهد، باید روشن بگوید چه چیزی یاد نمیدهد. اینها بیرون از محدوده دوره فرانتاند هستند:
- فریمورکها (React، Vue، Angular): تمرکز ما روی پایه است. هر کس HTML، CSS و جاوااسکریپت را درست بلد باشد، فریمورک را در چند هفته خودش یاد میگیرد.
- برنامهنویسی سمت سرور و پایگاه داده: اینها موضوع دوره بکاند با PHP و MySQL است؛ در فرانتاند فقط داده را از API مصرف میکنیم.
- طراحی گرافیکی و UI از صفر: در این دوره طرح آماده را میخوانیم و کد میکنیم. اگر خودِ طراحی رابط برایتان مهم است، سراغ طراحی UI/UX بروید.
- سئوی تخصصی و محتوا: اصول سئوی فنی صفحه را کار میکنیم، اما تحقیق کلمه کلیدی، استراتژی محتوا و لینکسازی در دوره سئو با هوش مصنوعی پوشش داده میشود.
- وردپرس و قالب آماده: در این دوره از قالب استفاده نمیکنیم؛ هدف این است که خودتان بتوانید کد را از صفر بنویسید.
فرانتاند بخوانم یا بکاند؟
اگر تازه شروع کردهاید، فرانتاند مسیر روانتری است، چون نتیجه هر خط کد را همان لحظه روی صفحه میبینید و همین بازخورد فوری انگیزه را زنده نگه میدارد. اگر منطق برنامه، داده و امنیت برایتان جذابتر از ظاهر است، دوره بکاند نقطه شروع بهتری است. بیشتر هنرجویان ما اول فرانتاند و بعد بکاند را میگذرانند تا به توسعهدهنده فولاستک تبدیل شوند؛ ترتیبی که هم یادگیری را سادهتر میکند و هم زودتر به نمونهکار قابل ارائه میرساند.
سؤالهای پرتکرار درباره دوره فرانتاند
خیر. دوره از صفر شروع میشود و تنها چیزی که لازم دارید آشنایی معمول با کامپیوتر و یک لپتاپ است. اگر قبلاً کمی HTML و CSS کار کردهاید، جلسات ابتدایی برای شما مرور سریع خواهد بود و از میانه دوره وارد بخشهای تازه میشوید.
کاملاً حضوری در اصفهان برگزار میشود. تجربه ما نشان داده رفع اشکال لحظهای و کدنویسی زیر نظر مدرس، سرعت یادگیری را چند برابر میکند؛ چیزی که در ویدیوهای آموزشی به دست نمیآید.
۴۴ ساعت آموزش که در جلسات هفتگی برگزار میشود. تقویم دقیق و ساعت جلسات هر ترم بستگی به گروه دارد؛ برای دیدن زمانبندی ترم جاری با ما تماس بگیرید.
کار از تمرینهای کوچک شروع میشود و به دو پروژه اصلی میرسد: یک لندینگپیج کامل و ریسپانسیو از روی طرح فیگما، و یک پنل کاربری با جاوااسکریپت که با API واقعی کار میکند. هر دو پروژه در پایان روی هاست منتشر میشود تا نمونهکار داشته باشید.
در این دوره تمرکز روی پایه است: HTML، CSS و جاوااسکریپت خالص. تجربه ما این است که هر کس پایه محکمی داشته باشد، React یا Vue را در چند هفته خودش یاد میگیرد؛ اما مسیر برعکس تقریباً همیشه به کدنویس ضعیف منجر میشود.
دوره شما را تا سطح جونیور فرانتاند میرساند؛ یعنی میتوانید پروژههای واقعی طراحی سایت را پیادهسازی کنید. رسیدن به موقعیت شغلی به تمرین بعد از دوره و ساختن نمونهکار هم بستگی دارد و ما در همین مسیر راهنماییتان میکنیم. علاقهمندان میتوانند ادامه مسیر را در دوره کارآموزی جامبرس بگذرانند.
سرفصل و تمرین آن جلسه در اختیارتان قرار میگیرد و در ابتدای جلسه بعد فرصت رفع اشکال دارید. چون گروهها کوچک هستند، جبران عقبماندگی سخت نیست.
شهریه بسته به ترم و ظرفیت گروه تعیین میشود. برای اطلاع از شهریه و شرایط ثبتنام ترم جاری کافی است با شماره ۰۹۱۳۴۶۸۲۱۳۰ تماس بگیرید یا فرم تماس سایت را پر کنید.
کلاسها در دفتر جامبرس در اصفهان، چهارباغ عباسی، بازارملت، طبقه دوم برگزار میشود؛ نقطهای در مرکز شهر که با اتوبوس، مترو و خودرو شخصی دسترسی سادهای دارد. هنرجویانی از خمینیشهر، نجفآباد و شهرضا هم در گروههای ما شرکت میکنند و روز کلاس با هماهنگی انتخاب میشود.
در ویدیو کسی کد شما را نمیبیند. اینجا هر تمرین بازبینی میشود، خطاها همان لحظه سر کلاس رفع میشود و ترتیب مباحث برای رسیدن به پروژه واقعی چیده شده است. خروجی دوره یک نمونهکار منتشرشده است، نه فهرستی از ویدیوهای دیدهشده.
اگر تازه شروع کردهاید، فرانتاند نقطه شروع سادهتری است چون نتیجه کد را همان لحظه روی صفحه میبینید. اگر منطق، داده و پایگاه داده برایتان جذابتر است، دوره بکاند با PHP و MySQL مسیر بهتری است. بسیاری از هنرجویان اول فرانتاند و سپس بکاند را میگذرانند تا به توسعهدهنده فولاستک تبدیل شوند.
بله، گواهی پایان دوره فرانتاند جامبرس صادر میشود. اما تأکید ما روی چیزی است که در مصاحبه کاری واقعاً کار میکند: پروژههای منتشرشده و کدی که در گیتهاب شما قابل دیدن است.
یک جلسه صحبت کنیم و ببینیم این دوره مناسب شماست
کافی است بگویید از کجا شروع کردهاید و چه هدفی دارید؛ ما هم صادقانه میگوییم این دوره برای شما مناسب است یا بهتر است از مسیر دیگری شروع کنید. ظرفیت هر گروه محدود است، پس اگر قصد ثبتنام دارید زودتر تماس بگیرید.
درخواست مشاوره و ثبتنام