دوره طراحی سایت مقدماتی
دوره جامع طراحی وب از صفر تا ورود به بازار کار
با تدریس محمد بیگی
55 ساعت
200 جلسه
1 سال پشتیبانی
گارانتی بازگشت ۱۰۰ درصدی وجه
گارانتی بازگشت ۱۰۰ درصدی وجه
چرا باید طراحی وب یاد بگیریم؟
🚀 تقاضای بالا در بازار کار
امروزه تقریباً هر کسبوکاری برای حضور حرفهای در فضای آنلاین به یک وبسایت نیاز دارد؛ به همین دلیل مهارت طراحی وب یکی از کاربردیترین مهارتهای دنیای فناوری است.
💰 فرصتهای شغلی و درآمدی متنوع
با یادگیری طراحی وب میتوانید بهعنوان برنامهنویس فرانتاند فعالیت کنید، پروژههای فریلنسری بگیرید یا مسیر خود را برای یادگیری تکنولوژیهای پیشرفتهتر ادامه دهید.
🌱 شروع مناسب برای ورود به برنامهنویسی
HTML، CSS و Bootstrap پایههای اصلی دنیای وب هستند و بهترین نقطه شروع برای افرادی هستند که قصد ورود به دنیای برنامهنویسی را دارند.
🎯 یادگیری همراه با پروژه
در این مسیر فقط با مفاهیم تئوری آشنا نمیشوید؛ بلکه با تمرین و ساخت پروژههای واقعی، مهارت استفاده از آموختهها را به دست میآورید.
چرا باید طراحی وب یاد بگیریم؟
🚀 تقاضای بالا در بازار کار
امروزه تقریباً هر کسبوکاری برای حضور حرفهای در فضای آنلاین به یک وبسایت نیاز دارد؛ به همین دلیل مهارت طراحی وب یکی از کاربردیترین مهارتهای دنیای فناوری است.
💰 فرصتهای شغلی و درآمدی متنوع
با یادگیری طراحی وب میتوانید بهعنوان برنامهنویس فرانتاند فعالیت کنید، پروژههای فریلنسری بگیرید یا مسیر خود را برای یادگیری تکنولوژیهای پیشرفتهتر ادامه دهید.
🌱 شروع مناسب برای ورود به برنامهنویسی
HTML، CSS و Bootstrap پایههای اصلی دنیای وب هستند و بهترین نقطه شروع برای افرادی هستند که قصد ورود به دنیای برنامهنویسی را دارند.
🎯 یادگیری همراه با پروژه
در این مسیر فقط با مفاهیم تئوری آشنا نمیشوید؛ بلکه با تمرین و ساخت پروژههای واقعی، مهارت استفاده از آموختهها را به دست میآورید.
این دوره برای چه کسانی مناسـب اسـت؟
- هیچ تجربهای در برنامهنویسی ندارند و میخواهند از صفر شروع کنند.
- قصد دارند وارد بازار کار طراحی سایت و فرانتاند شوند.
- میخواهند مهارت جدیدی برای گرفتن پروژههای اینترنتی یاد بگیرند.
- دانشجو یا دانشآموز هستند و به دنبال یادگیری یک مهارت کاربردی هستند.
این دوره برای چه کسانی مناسـب نیست؟
- کسانی که وقت کافی برای انجام تمرینات را ندارند
- کسانی که مایل به ارتقای سطح فنی خود در توسعه نرمافزار نیستند
ویژگی های دوره
در این دوره فقط مفاهیم تئوری آموزش داده نمیشود؛ با تمرینها و پروژههای عملی یاد میگیرید چگونه مهارتهای طراحی وب را در دنیای واقعی استفاده کنید.
دوره از پایه شروع میشود و قدمبهقدم شما را با HTML، CSS و Bootstrap آشنا میکند تا بتوانید صفحات وب حرفهای طراحی کنید.
پس از تکمیل دوره، گواهی پایان دوره دریافت میکنید تا بتوانید مهارتهای کسبشده و مسیر آموزشی خود را بهتر معرفی کنید.
در مسیر یادگیری تنها نیستید؛ با راهنمایی منتورها، سوالات و چالشهای خود را برطرف میکنید و مسیر یادگیری سریعتر و اصولیتری خواهید داشت.
دانشجویانی که عملکرد خوبی در دوره داشته باشند، برای فرصتهای شغلی، پروژهای و همکاریهای تخصصی به مجموعههای مرتبط معرفی خواهند شد.
نحوه فعالسازی لایسنس در اسپات پلیر
بعد از خرید دوره، برای مشاهده ویدیوها ابتدا باید لایسنس اختصاصی خود را در نرمافزار اسپات پلیر فعال کنید.
1️⃣ وارد سایت رسمی اسپات پلیر شوید:
https://spotplayer.ir
2️⃣ نرمافزار اسپات پلیر را متناسب با دستگاه خود دانلود و نصب کنید.
3️⃣ پس از ورود به حساب کاربری، کد لایسنس ارسالشده توسط فرالرن را وارد کنید.
4️⃣ بعد از تایید لایسنس، دوره شما فعال شده و میتوانید آموزشها را مشاهده کنید.
در صورت بروز هرگونه مشکل در فعالسازی، تیم پشتیبانی فرالرن همراه شما خواهد بود. 🚀
🎓 فقط مهارت یاد نمیگیری؛ مدرک هم میگیری!
در آکادمی فرالرن علاوه بر آموزش مهارتهای کاربردی و پروژهمحور، بسته به نوع دوره امکان دریافت مدارک و گواهینامههای مختلف برای دانشجویان فراهم شده است.
🏅 مدرک آموزشگاهی پایان دوره
🎓 مدرک دانشگاه ملی
🏢 مدرک شرکت مستقر در تهران
📜 و سایر گواهینامهها متناسب با دوره انتخابی
هدف ما اینه که در پایان مسیر، علاوه بر مهارتی که واقعاً بتونی ازش در بازار کار و پروژههای واقعی استفاده کنی، یک گواهی معتبر از دورهای که گذروندی هم در اختیار داشته باشی.
نوع مدرک هر دوره قبل از ثبتنام به شما اعلام میشود.
جلسات دوره
قدم اول رو محکم بردار
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 ویدئو
حالا دیگه نوبت ظاهر وبسایتته
1) معرفی و پیشنیاز های دوره ویدئو
2) Tailwind چیه و چرا اینقدر محبوب شده؟ ویدئو
3) تفاوت Tailwind با Bootstrap ویدئو
4) نصب تیلویند با CDN ویدئو
5) نصب حرفه ای تیلویند ویدئو
6) ایجاد script در package.json ویدئو
7) نصب افزونه های تیلویند ویدئو
8) رنگ ها در تیلویند ویدئو
9) بک گراند و هاور در تیلویند ویدئو
10) border ویدئو
11) border reduce ویدئو
12) padding ویدئو
13) margin ویدئو
14) opacity ویدئو
15) background image ویدئو
16) linear graient ویدئو
17) استایل های متن ویدئو
18) display ویدئو
19) z-index ویدئو
20) فلکس باکس (بخش اول) ویدئو
21) فلکس باکس (بخش دوم) ویدئو
22) فلکس باکس (بخش سوم) ویدئو
23) مینی پروژه فلکس باکس ویدئو
24) break point - بخش اول ویدئو
25) break point - بخش دوم ویدئو
26) Container - بخش اول ویدئو
27) Container - بخش دوم ویدئو
28) آشنایی با مفهوم Grid ویدئو
29) آشنایی با box shadow ویدئو
30) آشنایی با text shadow ویدئو
31) مینی پروژه داشبورد ساده (بخش اول) ویدئو
32) مینی پروژه داشبورد ساده (بخش دوم) ویدئو
33) عرض در تیلویند ویدئو
34) ارتفاع در تیلویند ویدئو
35) فیلتر ها در تیلویند ویدئو
36) Transform ویدئو
37) Transition ویدئو
38) انیمیشن ها در تیلویند ویدئو
39) position ویدئو
40) پروژه داشبورد حرفه ای - توضیحات پروژه ویدئو
41) پروژه داشبورد حرفه ای - کدنویسی (بخش اول) ویدئو
42) پروژه داشبورد حرفه ای - کدنویسی (بخش دوم) ویدئو
43) پروژه داشبورد حرفه ای - کدنویسی (بخش سوم) ویدئو
44) پروژه داشبورد حرفه ای - کدنویسی (بخش چهارم) ویدئو
45) پروژه داشبورد حرفه ای - کدنویسی (بخش پنجم) ویدئو
از چه کسی یاد میگیری؟
محمد بیگی
بنیانگذار آکادمی فرالرن | مدرس و متخصص حوزه وب و برنامهنویسی
- 🔴 بیش از ۱۰ سال تجربه تخصصی در حوزه طراحی سایت و توسعه وب
- 🔴 ۶ سال سابقه تدریس دانشگاهی و آموزش مهارتهای برنامهنویسی
- 🔴 آموزش به هزاران دانشجوی حضوری و آنلاین در مسیر یادگیری برنامهنویسی
- 🔴 بنیانگذار آکادمی فرالرن با هدف آموزش مهارتهای کاربردی و ورود به بازار کار
- 🔴 تجربه اجرای پروژههای متنوع در حوزه طراحی سایت، برنامهنویسی و تکنولوژیهای روز وب
دوره طراحی سایت مقدماتی
راه های ارتباطی
آکادمی فرالرن
یوتیوب فرالرن
گروه پرسش و پاسخ تلگرام
کانال اطلاع رسانی بله
پیج اینستاگرام فرالرن
گیت هاب فرالرن
گروه فرالرن در تلگرام