دوره حضوری طراحی وب مقدماتی
"طراحی وب رو از صفر یاد بگیر، بدون هزینه، بدون پیچیدگی!" 🚀
با تدریس محمد بیگی
دوره حضوری طراحی وب مقدماتی – از صفر تا ورود به بازار کار
اگه همیشه دوست داشتی یه سایت برای خودت بسازی، یا حتی وارد دنیای طراحی وب بشی ولی نمیدونستی از کجا شروع کنی، این دوره دقیقا همون چیزیه که دنبالش بودی! 🎉
تو این دوره، از صفرِ صفر میایم جلو، یعنی اگه حتی یه خط کد هم بلد نباشی، هیچ مشکلی نداره! قراره با هم یاد بگیریم چطور با HTML و CSS یه سایت خوشگل و مرتب طراحی کنیم، بدون اینکه نیازی به دانش قبلی داشته باشی.
چرا این دوره رو ببینی؟ 🤔
✅ کاملا رایگانه! 💰
آره، کاملا رایگان! بدون هیچ هزینهای میتونی از این آموزش استفاده کنی و یه مهارت جدید یاد بگیری. پس هیچ بهونهای برای عقب انداختن یادگیری نداری! 😉
✅ ساده و مفهومی توضیح دادم 🎯
قرار نیست فقط یه سری کد خشک و خالی یاد بگیری! من توی این دوره سعی کردم همهچیزو خیلی روون، خودمونی و قابل فهم توضیح بدم. پس خیالت راحت، یاد میگیری!
✅ پروژهمحور و عملی 💻
تو این دوره فقط تئوری یاد نمیگیری! همزمان که یاد میگیری، دست به کد میشی و پروژههای واقعی میسازی تا کامل دستت راه بیفته.
✅ بدون پیشنیاز 🚀
اصلا لازم نیست برنامهنویسی بلد باشی. ما همهچیز رو از پایه شروع میکنیم و با هم جلو میریم.
✅ جدیدترین متدهای طراحی وب 🎨
دوره بهروز و مطابق با جدیدترین استانداردهای طراحی وبه، پس مطمئن باش چیزی که یاد میگیری توی دنیای واقعی کاربردیه.
✅ طراحی سایتای واکنشگرا (Responsive) 📱💻
سایتی که میسازیم روی موبایل، تبلت و کامپیوتر درست نمایش داده میشه، چون قراره یاد بگیریم سایت ریسپانسیو طراحی کنیم.
تو این دوره چی یاد میگیری؟ 👇
🔹 ساختار صفحات وب با HTML
🔹 طراحی استایل و ظاهر سایت با CSS
🔹 اصول واکنشگرایی (Responsive Design)
🔹 استفاده از فونت، رنگ و تصاویر تو طراحی سایت
🔹 ایجاد دکمهها، لیستها، فرمها و کلی چیزای جذاب دیگه
🔹 آشنایی اولیه با UI/UX برای طراحی رابط کاربری حرفهای
بعد از این دوره میتونی چی کار کنی؟ 🎯
✔ اولین سایت خودتو از صفر تا صد بسازی
✔ توی طراحی وب یه قدم بزرگ برداری و آماده بشی برای یادگیری جاوااسکریپت و فریمورکهای پیشرفتهتر
✔ نمونهکار بسازی و حتی شروع به کسب درآمد کنی 💰
🎯 پس منتظر چی هستی؟ همین الان شروع کن و اولین قدمتو تو دنیای طراحی وب بردار!
📌 این دوره کاملا رایگانه، فقط کافیه اراده کنی و یادگیری رو شروع کنی.
🔥 آمادهای بریم سراغ یادگیری؟ پس بزن بریم! 🚀
🎯 این دوره برای کی مناسبه؟
- ✅ اگر هیچ تجربهای در برنامهنویسی نداری و میخوای از صفر شروع کنی.
- ✅ اگر برنامهنویسی رو شروع کردی ولی حس میکنی هنوز خوب یاد نگرفتی.
- ✅ اگر به هوش مصنوعی، یادگیری ماشین، تحلیل داده، توسعه وب، هک و امنیت، یا ساخت بازی علاقه داری و دنبال یه نقطه شروع مطمئن هستی.
- ✅ اگر میخوای مهارتی یاد بگیری که هم در ایران و هم در سطح بینالمللی بازار کار عالی داره.
- ✅ اگر دنبال یه زبان برنامهنویسی ساده و قدرتمند میگردی که بتونی خیلی سریع باهاش پروژههای کاربردی بسازی.
- ✅ اگر دوست داری درآمد دلاری داشته باشی و روی پروژههای فریلنسری بینالمللی کار کنی.
🎯 این دوره مناسب تو نیست اگه...
- ❌ دنبال یه دوره کوتاه و سطحی هستی و نمیخوای مفاهیم رو عمیق یاد بگیری.
- ❌ حوصله تمرین و پروژه عملی رو نداری و فقط میخوای ویدیوها رو ببینی بدون اینکه کدنویسی کنی.
- ❌ فکر میکنی بدون تلاش و تمرین میتونی برنامهنویس بشی و انتظار داری توی چند روز حرفهای بشی.
- ❌ هدفت فقط گرفتن یه مدرک هست و به مهارت واقعی و کاربردی نیازی نداری.
✨ ویژگیهای خاص این دوره
همه چیز از پایه توضیح داده شده، حتی اگه هیچ تجربهای از برنامهنویسی نداشته باشی، باز هم میتونی یاد بگیری.
هر مبحث با مثالهای واقعی و پروژههای عملی آموزش داده میشه تا مهارتهای کاربردی یاد بگیری.
در پایان دوره نهتنها پایتون رو یاد میگیری، بلکه میفهمی چطور ازش کسب درآمد کنی.
هرجا سوال یا مشکلی داشتی، میتونی بپرسی و از پشتیبانی دوره کمک بگیری.
همیشه از جدیدترین متدها و تکنولوژیهای روز دنیا استفاده میکنیم تا محتوای دوره بهروز باشه.
حتی مفاهیم پیچیده مثل شیگرایی، کار با دیتابیس، هوش مصنوعی و اتوماسیون به زبان ساده توضیح داده شده.
با تمرینهای مختلف مهارتت رو تقویت میکنی و آمادگی بیشتری برای حل مسائل واقعی به دست میاری.
هر زمان که بخوای میتونی ویدیوها رو ببینی، تمرین کنی و بدون محدودیت زمانی پیشرفت کنی.
اعطا مدرک به دانشجویان برتر دوره
ما در فرالرن فقط به آموزش بسنده نمیکنیم، بلکه به نتیجهی واقعی اهمیت میدهیم. به همین خاطر، برای دورههای حضوری، بسته به نوع دوره و شرایط شما، مدارک متنوع و معتبری صادر میکنیم:
✔️ مدرک فنیوحرفهای با اعتبار ملی و قابل ارائه در بسیاری از مراکز کاری
✔️ مدرک دانشگاهی برای دورههایی که با همکاری مراکز آموزشی عالی برگزار میشوند
✔️ مدرک آموزشگاهی معتبر و قابل استعلام
✔️ مدرک اختصاصی فرالرن که نشانهای از مهارت واقعی شماست
این مدارک به شما کمک میکنند تا هم در بازار کار رزومهای قویتر داشته باشید و هم با اطمینان بیشتری مسیر شغلیتان را ادامه دهید.


زمان دوره: حدودا 2 ماه

شروع دوره: 26 مهر 1404

مدرس: محمد بیگی

نوع دوره: حضوری
مباحثی که در دوره آموزش داده میشه

قدم اول رو محکم بردار
1) معرفی و پیشنیاز های دوره ویدئو
2) آشنایی با بخش های مختلف یک سایت ویدئو
3) آشنایی با html و کاربردش در طراحی سایت ویدئو
4) انتخاب کد ادیتور و نصب افزونه ها ویدئو
5) ساخت اولین پروژه html ویدئو
6) آشنایی با ساختار صفحات html ویدئو
7) چرا html یه زبان برنامه نویسی نیست؟ ویدئو
8) تگ های heading و پاراگراف ویدئو
9) تگ های formatting ویدئو
10) تگ های br و hr و تگ های منسوخ شده ویدئو
11) مفهوم کامنت گذاری در html ویدئو
12) بررسی مفهوم اتریبیوت ها در html ویدئو
13) تصاویر در Html ویدئو
14) آشنایی با مفهوم لینک ویدئو
15) انواع تگ های بلاکی و اینلاین ویدئو
16) کار با لیست ها ویدئو
17) پیاده سازی جداول در html ویدئو
18) آشنایی با تگ های video و audio ویدئو
19) کار با فرم ها - بخش اول ویدئو
20) کار با فرم ها - بخش دوم ویدئو
21) تگ div و span ویدئو
22) مفهوم favicon در صفحات وب ویدئو
23) پروژه نهایی دوره ویدئو
24) سخن پایانی و توصیه های مدرس برای ادامه مسیر دانشجوها ویدئو

حالا دیگه نوبت ظاهر وبسایتته
1) معرفی و پیشنیاز دوره ویدئو
2) نرم افزارهای مورد نیاز دوره ویدئو
3) نقشه راه توسعه دهنده فرانت اند ویدئو
4) css چیه؟ ساخت اولین پروژه ویدئو
5) انواع روش های استایل دهی ویدئو
6) سلکتور چیه؟ مهمترین سلکتور های css ویدئو
7) عرض و ارتفاع در css ویدئو
8) آشنایی با کامنت ها در css ویدئو
9) باکس مدل چیه؟ ویدئو
10) باکس مدل - آشنایی با border ویدئو
11) باکس مدل - آشنایی با padding ویدئو
12) باکس مدل - آشنایی با margin ویدئو
13) آشنایی با رنگ ها در css ویدئو
14) بک گراند ویدئو
15) گرادینت ویدئو
16) استایل دادن به تصاویر ویدئو
17) استفاده از فیلترها بری تصاویر ویدئو
18) visibility و opacity ویدئو
19) focus و hover ویدئو
20) پوزیشن ها ویدئو
21) آشنایی با فونت های generic ویدئو
22) آشنایی با انواع فرمت های فونت ویدئو
23) اضافه کردن فونت با CDN ویدئو
24) اضافه کردن فونت با font face ویدئو
25) سایر استایل های فونت در css ویدئو
26) استایل های متن در css ویدئو
27) آشنایی با انواع واحد ها و سایز ها در css ویدئو
28) آشنایی با display در css ویدئو
29) استایل دهی به فرم ها ویدئو
30) تغییر استایل placeholder ویدئو
31) استایل اعتبارسنجی اطلاعات ویدئو
32) پروژه لاگین و رجیستر - بخش اول ویدئو
33) پروژه لاگین و رجیستر - بخش دوم ویدئو
34) کار با آیکون ها بخش اول ویدئو
35) کار با آیکون ها بخش دوم ویدئو
36) آشنایی با transition ویدئو
37) آشنایی با transform ویدئو
38) آموزش ساخت انیمیشن در css ویدئو
39) ساخت 4 پروژه جذاب انیمیشنی در css - یخش اول ویدئو
40) ساخت 4 پروژه جذاب انیمیشنی در css - یخش دوم ویدئو
41) استایل دهی به لینک و دکمه ها ویدئو
42) استایل دهی به لیست ها ویدئو
43) پروژه منو سایت در css ویدئو
44) پروژه جدول حرفه ای در css ویدئو
45) آشنایی با z-index ویدئو
46) آشنایی با border radius ویدئو
47) آشنایی با box shadow ویدئو
48) اولویت بندی استایل ها در css ویدئو
49) آشنایی با important ویدئو
50) سودوالمنت و سودوکلاس ها ویدئو
51) آشنایی با مفهوم ریسپانسیو سایت ویدئو
52) media query, meta tag, viewport ویدئو
53) آشنایی با مفهوم سئو سایت ویدئو
54) سایر روش های ریسپانسیو سایت ویدئو
55) پروژه نهایی پایان دوره - بخش اول ویدئو
56) پروژه نهایی پایان دوره - بخش دوم ویدئو
57) پروژه نهایی پایان دوره - بخش سوم ویدئو
58) سخن پایانی و توصیه های مدرس برای ادامه مسیر دانشجوها ویدئو

خب نوبتی هم باشه نوبت ریسپانسیو کردن وبسایتنونه
1) معرفی و پیش نیاز های دوره ویدئو
2- flex-direction, flex-wrap, flex-flow ویدئو
3- justify-content ویدئو
4- align-items ویدئو
5- align-content ویدئو
6- order ویدئو
7- flex-shrink و flex-grow ویدئو

مگه میشه سایت طراحی کنی و از بوت استرپ استفاده نکنی!!!
1) معرفی و پیش نیاز های دوره ویدئو
2) آشنایی با مفهوم ریسپانسیو ویدئو
3) سئو سایت یعنی چی؟ ویدئو
4) نصب و راه اندازی بوت استرپ ویدئو
5) بررسی وبسایت رسمی بوت استرپ ویدئو
6) آشنایی با container و container-fluid ویدئو
7) کلاس های تایپوگرافی ویدئو
8) رنگ ها در بوت استرپ ویدئو
9) break point و media query ویدئو
10) margin ویدئو
11) padding ویدئو
12) border ویدئو
13) شخصی سازی کلاس های بوت استرپ ویدئو
14) grid در BS5 (بخش اول) ویدئو
15) grid در BS5 (بخش دوم) ویدئو
16) grid در BS5 (بخش سوم) ویدئو
17) grid در BS5 (بخش چهارم) ویدئو
18) مینی پروژه آشنایی با کاربرد grid ویدئو
19) آشنایی با display در BS5 ویدئو
20) عرض و ارتفاع ویدئو
21) opacity ویدئو
22) flex (بخش اول) ویدئو
23) flex (بخش دوم) ویدئو
24) flex (بخش سوم) ویدئو
25) flex (بخش چهارم) ویدئو
26) جدول ها در BS5 ویدئو
27) کلاس های مربوط به دکمه ها در BS5 ویدئو
28) کارت ها ویدئو
29) فرم ها - کلاس های اصلی فرم ویدئو
30) فرم ها - کلاس های select ویدئو
31) فرم ها - checkbox, radio و switch ویدئو
32) فرم ها - input group ویدئو
33) فرم ها - range و floating label ویدئو
34) فرم ها - validation ویدئو
35) پروژه ساده با فرم ها ویدئو
36) پروژه جذاب و حرفه ای فرم ها (بخش اول) ویدئو
37) پروژه جذاب و حرفه ای فرم ها (بخش دوم) ویدئو
38) منو های آکاردئونی ویدئو
39) alert ویدئو
40) carousel ویدئو
41) collapse ویدئو
42) drop down ویدئو
43) navbar ویدئو
44) پروژه collapse و card (بخش اول) ویدئو
45) پروژه collapse و card (بخش دوم) ویدئو
46) modal ویدئو
47) pagination ویدئو
48) toast ویدئو
49) spinner ویدئو
50) progress bar ویدئو
51) toltip و Popovers ویدئو

امپراطور لاراول
👨🏫 از کی داری یاد میگیری؟

محمد بیگی
مدیر آکادمی فرالرن
- بنیانگذار و مدیر آکادمی فرالرن
- 10+ سال تجربه تخصصی در برنامهنویسی
- 5+ سال تجربه آموزش در دانشگاه ها و مراکز مختلف
- مدرس دانشگاه های ملی و مربی هزاران دانشجو
منتورهای دوره
دوستان زیر منتور دوره متخصص پایتون هستند و در طول دوره به سوالات شما پاسخ میدن و همراهتون هستند.
راه های ارتباطی با آکادمی فرالرن
یوتیوب
آموزش های رایگان
لینکدین
صفحه رسمی فرالرن
تلگرام
گروه پرسش و پاسخ
اینستاگرام
صفحه رسمی فرالرن
گیت هاب
صفحه رسمی فرالرن
