دوره حضوری طراحی وب مقدماتی

"طراحی وب رو از صفر یاد بگیر، بدون هزینه، بدون پیچیدگی!" 🚀

با تدریس محمد بیگی

پخش ویدیو
profile2

24 ساعت

12 جلسه

4 میلیون تومان

پشتیبانی یکساله دوره

دوره حضوری طراحی وب مقدماتی – از صفر تا ورود به بازار کار

اگه همیشه دوست داشتی یه سایت برای خودت بسازی، یا حتی وارد دنیای طراحی وب بشی ولی نمی‌دونستی از کجا شروع کنی، این دوره دقیقا همون چیزیه که دنبالش بودی! 🎉

تو این دوره، از صفرِ صفر میایم جلو، یعنی اگه حتی یه خط کد هم بلد نباشی، هیچ مشکلی نداره! قراره با هم یاد بگیریم چطور با HTML و CSS یه سایت خوشگل و مرتب طراحی کنیم، بدون اینکه نیازی به دانش قبلی داشته باشی.

چرا این دوره رو ببینی؟ 🤔

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

ساده و مفهومی توضیح دادم 🎯
قرار نیست فقط یه سری کد خشک و خالی یاد بگیری! من توی این دوره سعی کردم همه‌چیزو خیلی روون، خودمونی و قابل فهم توضیح بدم. پس خیالت راحت، یاد می‌گیری!

پروژه‌محور و عملی 💻
تو این دوره فقط تئوری یاد نمی‌گیری! همزمان که یاد می‌گیری، دست به کد میشی و پروژه‌های واقعی می‌سازی تا کامل دستت راه بیفته.

بدون پیش‌نیاز 🚀
اصلا لازم نیست برنامه‌نویسی بلد باشی. ما همه‌چیز رو از پایه شروع می‌کنیم و با هم جلو میریم.

جدیدترین متدهای طراحی وب 🎨
دوره به‌روز و مطابق با جدیدترین استانداردهای طراحی وبه، پس مطمئن باش چیزی که یاد می‌گیری توی دنیای واقعی کاربردیه.

طراحی سایتای واکنش‌گرا (Responsive) 📱💻
سایتی که می‌سازیم روی موبایل، تبلت و کامپیوتر درست نمایش داده میشه، چون قراره یاد بگیریم سایت ریسپانسیو طراحی کنیم.

 


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

🔹 ساختار صفحات وب با HTML
🔹 طراحی استایل و ظاهر سایت با CSS
🔹 اصول واکنش‌گرایی (Responsive Design)
🔹 استفاده از فونت، رنگ و تصاویر تو طراحی سایت
🔹 ایجاد دکمه‌ها، لیست‌ها، فرم‌ها و کلی چیزای جذاب دیگه
🔹 آشنایی اولیه با UI/UX برای طراحی رابط کاربری حرفه‌ای

 


بعد از این دوره می‌تونی چی کار کنی؟ 🎯

✔ اولین سایت خودتو از صفر تا صد بسازی
✔ توی طراحی وب یه قدم بزرگ برداری و آماده بشی برای یادگیری جاوااسکریپت و فریم‌ورک‌های پیشرفته‌تر
✔ نمونه‌کار بسازی و حتی شروع به کسب درآمد کنی 💰


🎯 پس منتظر چی هستی؟ همین الان شروع کن و اولین قدمتو تو دنیای طراحی وب بردار!
📌 این دوره کاملا رایگانه، فقط کافیه اراده کنی و یادگیری رو شروع کنی.

🔥 آماده‌ای بریم سراغ یادگیری؟ پس بزن بریم! 🚀

🎯 این دوره برای کی مناسبه؟

🎯 این دوره مناسب تو نیست اگه...

✨ ویژگی‌های خاص این دوره

همه چیز از پایه توضیح داده شده، حتی اگه هیچ تجربه‌ای از برنامه‌نویسی نداشته باشی، باز هم می‌تونی یاد بگیری.

 

هر مبحث با مثال‌های واقعی و پروژه‌های عملی آموزش داده می‌شه تا مهارت‌های کاربردی یاد بگیری.

 

در پایان دوره نه‌تنها پایتون رو یاد می‌گیری، بلکه می‌فهمی چطور ازش کسب درآمد کنی.

 

هرجا سوال یا مشکلی داشتی، می‌تونی بپرسی و از پشتیبانی دوره کمک بگیری.

 

همیشه از جدیدترین متدها و تکنولوژی‌های روز دنیا استفاده می‌کنیم تا محتوای دوره به‌روز باشه.

 

حتی مفاهیم پیچیده مثل شی‌گرایی، کار با دیتابیس، هوش مصنوعی و اتوماسیون به زبان ساده توضیح داده شده.

 

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

 

هر زمان که بخوای می‌تونی ویدیوها رو ببینی، تمرین کنی و بدون محدودیت زمانی پیشرفت کنی.

 

اعطا مدرک به دانشجویان برتر دوره

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

✔️ مدرک فنی‌وحرفه‌ای با اعتبار ملی و قابل ارائه در بسیاری از مراکز کاری

✔️ مدرک دانشگاهی برای دوره‌هایی که با همکاری مراکز آموزشی عالی برگزار می‌شوند

✔️ مدرک آموزشگاهی معتبر و قابل استعلام

✔️ مدرک اختصاصی فرالرن که نشانه‌ای از مهارت واقعی شماست


این مدارک به شما کمک می‌کنند تا هم در بازار کار رزومه‌ای قوی‌تر داشته باشید و هم با اطمینان بیشتری مسیر شغلی‌تان را ادامه دهید.

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

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

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

نوع دوره: حضوری

مباحثی که در دوره آموزش داده میشه

فصل اول) آموزش html

قدم اول رو محکم بردار

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) سخن پایانی و توصیه های مدرس برای ادامه مسیر دانشجوها ویدئو

فصل دوم) آموزش مقدماتی تا پیشرفته css

حالا دیگه نوبت ظاهر وبسایتته

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) سخن پایانی و توصیه های مدرس برای ادامه مسیر دانشجوها ویدئو

فصل سوم) آموزش flexbox

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

فصل چهارم) آموزش bootstrap

مگه میشه سایت طراحی کنی و از بوت استرپ استفاده نکنی!!!

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 ویدئو

امپراطور لاراول
به جمع متخصصین بپیوندید ...

👨‍🏫 از کی داری یاد می‌گیری؟

محمد بیگی

مدیر آکادمی فرالرن

منتورهای دوره

دوستان زیر منتور دوره متخصص پایتون هستند و در طول دوره به سوالات شما پاسخ میدن و همراهتون هستند.

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

یوتیوب

آموزش های رایگان

لینکدین

صفحه رسمی فرالرن

تلگرام

گروه پرسش و پاسخ

اینستاگرام

صفحه رسمی فرالرن

گیت هاب

صفحه رسمی فرالرن

دوره حضوری طراحی وب مقدماتی
"یاد بگیر، کد بزن، آیندتو بساز! 🚀🔥"