مسیر جامع تبدیل شدن به متخصص فرانتاند
از اولین خط کد تا ساخت پروژههای واقعی و آماده ورود به دنیای حرفهای فرانتاند
با تدریس محمد بیگی
200 ساعت
بیش از 1000 جلسه
1 سال پشتیبانی
منتورینگ تخصصی | پروژههای واقعی | مسیر ورود به بازار کار
مسیر جامع تبدیل شدن به متخصص فرانتاند
فرانتاند را از صفر تا سطح حرفهای یاد بگیرید
یادگیری برنامهنویسی بدون یک مسیر مشخص، معمولاً باعث سردرگمی، پراکندگی و رها کردن مسیر میشود. بسیاری از افراد نمیدانند بعد از یادگیری HTML و CSS چه چیزی باید یاد بگیرند، چه تکنولوژیهایی ضروری هستند و چگونه باید مهارتهای خود را به سطح بازار کار برسانند.
مسیر جامع تبدیل شدن به متخصص فرانتاند یک نقشه راه کامل و مرحلهبهمرحله است که شما را از آشنایی اولیه با دنیای وب تا ساخت پروژههای حرفهای همراهی میکند.
در این دوره، فقط با ابزارها و زبانهای برنامهنویسی آشنا نمیشوید؛ بلکه یاد میگیرید چگونه مانند یک توسعهدهنده واقعی فکر کنید، پروژه بسازید، کدنویسی استاندارد انجام دهید و برای ورود به فضای کاری آماده شوید.
در این دوره چه چیزهایی یاد میگیرید؟
در طول این مسیر یادگیری، مهارتهای زیر را به صورت گامبهگام یاد خواهید گرفت:
✅ آشنایی با دنیای وب و مسیر توسعه فرانتاند
✅ HTML برای ساختاردهی صفحات وب
✅ CSS برای طراحی و زیباسازی رابطهای کاربری
✅ طراحی صفحات واکنشگرا (Responsive)
✅ Bootstrap و Tailwind CSS
✅ JavaScript از پایه تا مباحث پیشرفته
✅ تکنیکها و مهارتهای حرفهای توسعهدهندگان فرانتاند
✅ TypeScript و برنامهنویسی مدرن
✅ آشنایی با فضای بکاند برای درک بهتر توسعه وب
✅ ساخت پروژههای واقعی و خلاقانه
✅ شناخت کتابخانهها و فریمورکهای کاربردی JavaScript
✅ استفاده از هوش مصنوعی در فرآیند توسعه فرانتاند
✅ Git و GitHub برای مدیریت پروژهها
✅ آمادهسازی برای ورود به بازار کار و ساخت مسیر حرفهای
این دوره برای چه کسانی مناسـب اسـت؟
- ✔️ هیچ تجربهای در برنامهنویسی ندارید و میخواهید از صفر شروع کنید.
- ✔️ قبلاً آموزشهای پراکنده دیدهاید اما مسیر مشخصی نداشتهاید.
- ✔️ میخواهید طراحی سایت را اصولی و با کدنویسی یاد بگیرید.
- ✔️ قصد دارید نمونهکارهای واقعی بسازید.
- ✔️ میخواهید مسیر تبدیل شدن به یک Frontend Developer را طی کنید.
نحوه فعالسازی لایسنس در اسپات پلیر
بعد از خرید دوره، برای مشاهده ویدیوها ابتدا باید لایسنس اختصاصی خود را در نرمافزار اسپات پلیر فعال کنید.
1️⃣ وارد سایت رسمی اسپات پلیر شوید:
https://spotplayer.ir
2️⃣ نرمافزار اسپات پلیر را متناسب با دستگاه خود دانلود و نصب کنید.
3️⃣ پس از ورود به حساب کاربری، کد لایسنس ارسالشده توسط فرالرن را وارد کنید.
4️⃣ بعد از تایید لایسنس، دوره شما فعال شده و میتوانید آموزشها را مشاهده کنید.
در صورت بروز هرگونه مشکل در فعالسازی، تیم پشتیبانی فرالرن همراه شما خواهد بود. 🚀
🎓 فقط مهارت یاد نمیگیری؛ مدرک هم میگیری!
در آکادمی فرالرن علاوه بر آموزش مهارتهای کاربردی و پروژهمحور، بسته به نوع دوره امکان دریافت مدارک و گواهینامههای مختلف برای دانشجویان فراهم شده است.
🏅 مدرک آموزشگاهی پایان دوره
🎓 مدرک دانشگاه ملی
🏢 مدرک شرکت مستقر در تهران
📜 و سایر گواهینامهها متناسب با دوره انتخابی
هدف ما اینه که در پایان مسیر، علاوه بر مهارتی که واقعاً بتونی ازش در بازار کار و پروژههای واقعی استفاده کنی، یک گواهی معتبر از دورهای که گذروندی هم در اختیار داشته باشی.
نوع مدرک هر دوره قبل از ثبتنام به شما اعلام میشود.
جلسات دوره
🚀 شروع مسیر فرانتاند و شناخت دنیای برنامهنویسی
1) معرفی و پیشنیاز های دوره ویدئو
🏗️ ساخت اولین پایههای دنیای وب
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) آشنایی با مفهوم ریسپانسیو ویدئو
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) پروژه داشبورد حرفه ای - کدنویسی (بخش پنجم) ویدئو
🧠 جان بخشیدن به صفحات وب با برنامهنویسی
1) معرفی و پیشنیاز های دوره ویدئو
2) تاریخچه جاوا اسکریپت – اکما اسکریپت ویدئو
3) کاربرد های جاوا اسکریپت ویدئو
4) آمادهسازی محیط برنامهنویسی ویدئو
5) روش های استفاده از جاوااسکریپت ویدئو
6) مفهوم متغیرها ویدئو
7) کامنت گذاری ویدئو
8) دیتا تایپ ها در جاوااسکریپت ویدئو
9)alert, prompt, confirm ویدئو
10) تبدیل رشته به عدد ویدئو
11) عملگر های منطقی ویدئو
12) تمرین عملگر های منطقی ویدئو
13) پروژه محاسبه معدل دانش آموز با عملگر های منطقی ویدئو
14) عمل concat در جاوا اسکریپت ویدئو
15) آشنایی با NaN (بخش اول) ویدئو
16) آشنایی با NaN (بخش دوم) ویدئو
17) کار با متد isNaN ویدئو
18) عملگرهای مقایسه ای ویدئو
19) if در جاوا اسکریپت ویدئو
20) پروژه if - تشخیص زوج یا فرد بودن اعداد ورودی ویدئو
21) پروژه if - احراز هویت کاربر ویدئو
22) پروژه if - احراز هویت کاربر با سال تولد ویدئو
23) پروژه if - محاسبه دما ویدئو
24) پروژه if - محاسبه معدل دانشجو ویدئو
25) کار با else if ویدئو
26) پروژه else if ویدئو
27) عملگر بیتی OR ویدئو
28) عملگر بیتی AND ویدئو
29) پروژه عملگر های بیتی ویدئو
30) سایر دیتا تایپ ها در جاوا اسکریپت ویدئو
31) تفاوت های null و undefined ویدئو
32) مفهوم Symbol ها در جاوا اسکریپت ویدئو
33) falsy و truthy value ویدئو
34) حل 58 تمرین درمورد null , undefined و NaN (بخش اول) ویدئو
35) حل 58 تمرین درمورد null , undefined و NaN (بخش دوم) ویدئو
36) حل 58 تمرین درمورد null , undefined و NaN (بخش سوم) ویدئو
37) آشنایی با مفهوم ternary condition ویدئو
38) switch ویدئو
39) تمرین Switch Case ویدئو
40) توابع declaration ویدئو
41) توابع expressions ویدئو
42) مدیریت پارامتر های توابع ویدئو
43) تمرین اول با تابع ویدئو
44) تمرین دوم با تابع ویدئو
45) تعیین مقادیر دیفالت برای ورودی توابع ویدئو
46) نقش کلمه کلیدی return در توابع ویدئو
47) ساختار و property های String ها ویدئو
48) کار با متد های String (بخش اول) ویدئو
49) کار با متد های String (بخش دوم) ویدئو
50) کار با متد های String (بخش سوم) ویدئو
51) کار با متد های String (بخش چهارم) ویدئو
52) تمرین با String ها - تمرین اول ویدئو
53) تمرین با String ها - تمرین دوم ویدئو
54) متد های Math ویدئو
55) حل تمرین تولید کد کپچای تصادفی ویدئو
56) عملگر های Assignment در جاوا اسکریپت ویدئو
57) تفاوت بین ++x و x++ ویدئو
58) حلقه تکرار for ویدئو
59) تمرین نمایش اعداد و زوج بین 0 تا 100 (با حلقه for) ویدئو
60) تمرین میانگین اعداد (با حلقه for) ویدئو
61) تمرین مشخص کردن زوج یا فرد بودن اعداد درون بازه (با حلقه for) ویدئو
62) تمرین جمع اعداد درون بازه (با حلقه for) ویدئو
63) کلمات کلیدی var, let و const ویدئو
64) حلقه while ویدئو
65) تمرین جمع اعداد درون بازه (با حلقه while) ویدئو
66) تمرین محاسبه میانگین اعداد (با حلقه while) ویدئو
67) حلقه do...while ویدئو
68) تمرین جمع اعداد دریافتی از کاربر (با حلقه do...while) ویدئو
69) آرایه ها در جاوا اسکریپت ویدئو
70) push, pop, shift, unshift ویدئو
71) تمرین محاسبه میانگین اعداد (با آرایه ها) ویدئو
72) مفهوم آبجکت در جاوا اسکریپت ویدئو
73) تمرین ثبت نام کاربر در سایت (با آبجکت) ویدئو
74) کار با متد forEach ویدئو
75) تمرین با متد forEach ویدئو
76) متد includes ویدئو
77) متد splice ویدئو
78) متد findIndex ویدئو
79) متد map ویدئو
80) متد filter ویدئو
81) متد find ویدئو
82) تمرین محاسبه قیمت محصولات سایت ویدئو
83) سایر متد های آرایه ها ویدئو
84) تمرین خواندن کلمات از دو طرف ویدئو
85) پروژه todo list ویدئو
86) پروژه task management ویدئو
87) پروژه نمایش شهر های یک استان ویدئو
88) پروژه آزمون آنلاین با محاسبه امتیاز ویدئو
89) پروژه ماشین حساب ویدئو
90) پروژه فراموشی رمز عبور کاربران ویدئو
91) توابع خودخوان ویدئو
92) setTimeOut ویدئو
93) setInterval ویدئو
94) پروژه تایمر با setInterval ویدئو
95) آشنایی با مفهوم hoisting ویدئو
96) سایر تفاوت های بین let و var ویدئو
97) حل 63 تمرین (بخش اول) ویدئو
98) حل 63 تمرین (بخش دوم) ویدئو
99) حل 63 تمرین (بخش سوم) ویدئو
100) سخن پایانی سطح مقدماتی ویدئو
🔥 تبدیل شدن از کدنویس مبتدی به توسعهدهنده حرفهای
101) آشنایی با مفهوم DOM ویدئو
102) روش های انتخاب Eelement ویدئو
103) دسترسی به اتربیوتها ویدئو
104) استایل دادن در جاوا اسکریپت ویدئو
105) نحوه دسترسی به محتوای المنتها ویدئو
106) نحوه ساخت المنت ها ویدئو
107) append کردن المنتها در DOM ویدئو
108) تمرین append کردن المنتها در DOM ویدئو
109) رویدادها در جاوا اسکریپت - رویداد onClick ویدئو
110) رویدادها در جاوا اسکریپت - رویداد ondblClick ویدئو
111) تمرین رویداد onClick ویدئو
112) رویدادها در جاوا اسکریپت - رویداد های KeyBoard ویدئو
113) مینی پروژه رویداد های keyBoard ویدئو
114) رویدادها در جاوا اسکریپت - رویداد های Focus و Blur ویدئو
115) مینی پروژه رویداد های Focus و Blur ویدئو
116) نحوه ست کردن Event به کمک addEventListener ویدئو
117) متد های classList ویدئو
118) رویدادها در جاوا اسکریپت - رویداد onChange ویدئو
119) مینی پروژه اول تغییر بک گراند صفحه ویدئو
120) مینی پروژه دوم تغییر بک گراند صفحه ویدئو
121) پروژه اپ هواشناسی - توضیحات پروژه ویدئو
122) پروژه اپ هواشناسی - کدنویسی پروژه (بخش اول) ویدئو
123) پروژه اپ هواشناسی - کدنویسی پروژه (بخش دوم) ویدئو
124) پروژه رزرو خانه - توضیحات پروژه ویدئو
125) پروژه رزرو خانه - کدنویسی پروژه ویدئو
126) تفاوت های بین append و appendChild ویدئو
127) تفاوت های بین رویداد های onKeyPress، onKeyDown و onKeyUp ویدئو
128) نحوه کار با getAttributes ویدئو
129) نحوه کار با hasAttribute و removeAttribute ویدئو
130) رویدادها در جاوا اسکریپت - رویداد onSubmit ویدئو
131) پروژه تبدیل دما - توضیحات پروژه ویدئو
132) پروژه تبدیل دما - کدنیسی پروژه (بخش اول) ویدئو
133) پروژه تبدیل دما - کدنیسی پروژه (بخش دوم) ویدئو
134) پروژه تبدیل دما - کدنیسی پروژه (بخش سوم) ویدئو
135) پروژه تبدیل دما - کدنیسی پروژه (بخش چهارم) ویدئو
136) نحوه کار با آبجکت event ویدئو
137) مفهوم preventDefault ویدئو
138) مفهوم Node و انواع آن در جاوا اسکریپت ویدئو
139) Dom Navigation در جاوا اسکریپت (بخش اول) ویدئو
140) Dom Navigation در جاوا اسکریپت (بخش دوم) ویدئو
141) Dom Navigation در جاوا اسکریپت (بخش سوم) ویدئو
142) remove کردن المنت ویدئو
143) پروژه keyBoard - توضیحات پروژه ویدئو
144) پروژه keyBoard - کدنویسی پروژه ویدئو
145) اضاقه کردن کلاس ها با className ویدئو
146) پروژه Todo List ساده - توضیحات پروژه ویدئو
147) پروژه Todo List ساده - کدنویسی پروژه (بخش اول) ویدئو
148) پروژه Todo List ساده - کدنویسی پروژه (بخش دوم) ویدئو
149) پروژه Todo List ساده - کدنویسی پروژه (بخش سوم) ویدئو
150) پروژه نمایش پسوورد به کاربر - توضیحات پروژه ویدئو
151) پروژه نمایش پسوورد به کاربر - کدنویسی پروژه ویدئو
152) رویدادها در جاوا اسکریپت - رویداد onContextMenu ویدئو
153) رویدادها در جاوا اسکریپت - رویداد های clipBoard ویدئو
154) مفهوم و کاربرد pageX و pageY ویدئو
155) رویدادها در جاوا اسکریپت - رویداد onLoad ویدئو
156) رویدادها در جاوا اسکریپت - رویداد DOMContentLoaded ویدئو
157) تفاوت رویداد onLoad و DOMContentLoaded ویدئو
158) پروژه Loading سایت - توضیحات پروژه ویدئو
159) پروژه Loading سایت - کدنویسی پروژه ویدئو
160) نحوه کار با removeEventListener ویدئو
161) رویدادها در جاوا اسکریپت - رویداد onSelect ویدئو
162) پروژه کنترل طول یوزرنیم کاربر - توضیحات پروژه ویدئو
163) پروژه کنترل طول یوزرنیم کاربر - کدنویسی پروژه (بخش اول) ویدئو
164) پروژه کنترل طول یوزرنیم کاربر - کدنویسی پروژه (بخش دوم) ویدئو
165) پروژه modal - توضیحات پروژه ویدئو
166) پروژه modal - کدنویسی پروژه (بخش اول) ویدئو
167) پروژه modal - کدنویسی پروژه (بخش دوم) ویدئو
168) پروژه modal - کدنویسی پروژه (بخش سوم) ویدئو
169) رویدادها در جاوا اسکریپت - رویداد scroll ویدئو
170) پروژه حرفه ای Todo List - توضیحات پروژه ویدئو
171) پروژه حرفه ای Todo List - کدنویسی پروژه (بخش اول توضیحات کد های html و css) ویدئو
172) پروژه حرفه ای Todo List - کدنویسی پروژه (بخش دوم توضیحات کد های html و css) ویدئو
173) پروژه حرفه ای Todo List - کدنویسی پروژه (تغییر رنگ در input) ویدئو
174) پروژه حرفه ای Todo List - کدنویسی پروژه (بخش اول ساخت جدول در DOM) ویدئو
175) پروژه حرفه ای Todo List - کدنویسی پروژه (بخش دوم ساخت جدول در DOM) ویدئو
176) پروژه حرفه ای Todo List - کدنویسی پروژه (داینامیک کردن اطلاعات جدول) ویدئو
177) پروژه حرفه ای Todo List - کدنویسی پروژه (مدیریت دکمه Status) ویدئو
178) پروژه حرفه ای Todo List - کدنویسی پروژه (مدیریت رفتار پیشفرض دکمه ها) ویدئو
179) پروژه حرفه ای Todo List - کدنویسی پروژه (مدیریت error handling و سایر بخش های پروژه) ویدئو
180) نام گذاری متغیر های چند کلمه ای ویدئو
181) arrow function در جاوا اسکریپت ویدئو
182) حاصل 0.1 + 0.2 چند میشه؟ - بخش اول ویدئو
183) مفهوم اعداد دسیمال و باینری ویدئو
184) اعداد هگزا دسیمال ویدئو
185) تبدیل دسیمال به باینری ویدئو
186) حاصل 0.1 + 0.2 چند میشه؟ - بخش دوم ویدئو
187) رویداد ها در جاوا اسکریپت - رویداد اسکرول ویدئو
188) متد های رویداد اسکرول ویدئو
189) متد ها و پراپرتی های media - بخش اول ویدئو
190) متد ها و پراپرتی های media - بخش دوم ویدئو
191) پروژه موزیک پلیر ساده - بخش اول ویدئو
192) پروژه موزیک پلیر ساده - بخش دوم ویدئو
193) مفهوم async و defer ویدئو
194) پروژه موزیک پلیر حرفه ای - توضیحات پروژه ویدئو
195) پروژه موزیک پلیر حرفه ای - کدنویسی - بخش اول ویدئو
196) پروژه موزیک پلیر حرفه ای - کدنویسی - بخش دوم ویدئو
197) پروژه موزیک پلیر حرفه ای - کدنویسی جاوا اسکریپت - بخش سوم ویدئو
198) پروژه موزیک پلیر حرفه ای - کدنویسی جاوا اسکریپت - بخش چهارم ویدئو
199) پروژه موزیک پلیر حرفه ای - کدنویسی جاوا اسکریپت - بخش پنجم ویدئو
200) پروژه موزیک پلیر فوق حرفه ای - توضیحات پروژه ویدئو
201) پروژه موزیک پلیر فوق حرفه ای - کدنویسی - بخش اول ویدئو
202) پروژه موزیک پلیر فوق حرفه ای - کدنویسی - بخش دوم ویدئو
203) پروژه موزیک پلیر فوق حرفه ای - کدنویسی - بخش سوم ویدئو
204) پروژه سایت فوق حرفه ای موزیک - بخش اول ویدئو
205) پروژه سایت فوق حرفه ای موزیک - بخش دوم ویدئو
206) رویداد ها در جاوا اسکریپت - رویداد های موس ویدئو
207) حل 25 سوال جاوا اسکریپتی ویدئو
208) عملیات concat کردن در ES6 ویدئو
209) انیمیشن ها در جاوا اسکریپت ویدئو
210) پروژه تغییر نور صفحه - توضیحات پروژه ویدئو
211) پروژه تغییر نور صفحه - کدنویسی ویدئو
212) استایل دهی راحت تر با cssText در جاوا اسکریپت ویدئو
213) کار با متغیر های css در جاوا اسکریپت ویدئو
214) استفاده از console حرفه ای و پیشرفته ویدئو
215) پروژه تغییر داینامیک تم سایت - توضیحات پروژه ویدئو
216) پروژه تغییر داینامیک تم سایت - کد های html ویدئو
217) پروژه تغییر داینامیک تم سایت - کد های css ویدئو
218) پروژه تغییر داینامیک تم سایت - کد های javascript ویدئو
219) پیاده سازی سایت موزیک فوق حرفه ای - توضیحات پروژه ویدئو
220) پیاده سازی سایت موزیک فوق حرفه ای - بررسی کد های html و css ویدئو
221) پیاده سازی سایت موزیک فوق حرفه ای - فعالسازی دکمه های پروفایل ویدئو
222) پیاده سازی سایت موزیک فوق حرفه ای - فعالسازی لایت و دارک مود ویدئو
223) پیاده سازی سایت موزیک فوق حرفه ای - فعالسازی لایک کردن پست ویدئو
224) پیاده سازی سایت موزیک فوق حرفه ای - فعالسازی نمودار های سایت ویدئو
225) معرفی شی Date در جاوا اسکریپت ویدئو
226) متد های دسترسی به تاریخ و زمان ویدئو
227) مدیریت تفاوت های زمانی ویدئو
228) کتابخانه های کمکی برای کار با تاریخ و زمان ویدئو
229) پروژه ساعت دیجیتالی - توضیحات پروژه ویدئو
230) پروژه ساعت دیجیتالی - کد های html و css ویدئو
231) پروژه ساعت دیجیتالی - کد های جاوا اسکریپت ویدئو
232) پروژه ساعت عقربه ای - توضیحات پروژه ویدئو
233) پروژه ساعت عقربه ای - بررسی کد های html و css ویدئو
234) پروژه ساعت عقربه ای - شبیه سازی ساعت ویدئو
235) پروژه ساعت عقربه ای - فعالسازی لایت و دارک مود ویدئو
237) پروژه stopwatch - کد های html و css ویدئو
238) پروژه stopwatch - کد های جاوا اسکریپت - بخش اول ویدئو
239) پروژه stopwatch - کد های جاوا اسکریپت - بخش دوم ویدئو
240) localStorage چیه و چرا ازش استفاده میشه؟ ویدئو
241) نحوه استفاده از localStorage ویدئو
242) ذخیره و بازیابی داده های پیچیده در localStorage ویدئو
243) محدودیت ها و نکات امنیتی localStorage ویدئو
244) مقایسه بین localStorage ، sessionStorage و cookie ویدئو
245) پروژه تایمر شمارش معکوس رویداد - توضیحات پروژه ویدئو
246) پروژه تایمر شمارش معکوس رویداد - کد های html و css ویدئو
247) پروژه تایمر شمارش معکوس رویداد - کد های جاوا اسکریپت - بخش اول ویدئو
248) پروژه تایمر شمارش معکوس رویداد - کد های جاوا اسکریپت - بخش دوم ویدئو
249) پروژه تایمر شمارش معکوس رویداد - کد های جاوا اسکریپت - بخش سوم ویدئو
250) پروژه تایمر شمارش معکوس رویداد - کد های جاوا اسکریپت - بخش چهارم ویدئو
251) آشنایی با مفهوم BOM ویدئو
252) آبجکت navigator در BOM ویدئو
253) آبجکت Screen و Location در BOM ویدئو
254) آبجکت History در BOM ویدئو
255) پیدا کردن موقعیت جغرافیایی کاربر ویدئو
256) آشنایی با مفهوم Sync و Async ویدئو
257) آشنایی با کانفیگ های addEventListener - کانفیگ Once ویدئو
258) pure function ها یا توابع خاص در جی اس ویدئو
259) scope ویدئو
260) Strict mode یا حالت سختگیرانه جی اس ویدئو
261) آشنایی با حلقه for of ویدئو
262) آشنایی با حلقه for in ویدئو
263) مجموعه ها در جاوا اسکریپت ویدئو
💎 یادگیری استانداردهای یک توسعهدهنده واقعی
بزودی ویدئو
🛡️ نوشتن کدهای مطمئنتر و حرفهایتر
بزودی ویدئو
🔗 شناخت دنیای پشت پرده وب
بزودی ویدئو
💻 تبدیل دانش به تجربه با ساخت پروژههای واقعی
بزودی ویدئو
🚀 شناخت ابزارهای قدرتمند دنیای فرانتاند
بزودی ویدئو
🤖 توسعه سریعتر با قدرت هوش مصنوعی
بزودی ویدئو
🎯 تبدیل مهارتهای فنی به فرصت شغلی
بزودی ویدئو
🌐 یادگیری ابزار حرفهای مدیریت پروژه و همکاری تیمی
بزودی ویدئو
از چه کسی یاد میگیری؟
محمد بیگی
بنیانگذار آکادمی فرالرن | مدرس و متخصص حوزه وب و برنامهنویسی
- 🔴 بیش از ۱۰ سال تجربه تخصصی در حوزه طراحی سایت و توسعه وب
- 🔴 ۶ سال سابقه تدریس دانشگاهی و آموزش مهارتهای برنامهنویسی
- 🔴 آموزش به هزاران دانشجوی حضوری و آنلاین در مسیر یادگیری برنامهنویسی
- 🔴 بنیانگذار آکادمی فرالرن با هدف آموزش مهارتهای کاربردی و ورود به بازار کار
- 🔴 تجربه اجرای پروژههای متنوع در حوزه طراحی سایت، برنامهنویسی و تکنولوژیهای روز وب
مسیر جامع تبدیل شدن به متخصص فرانتاند
راه های ارتباطی
آکادمی فرالرن
سوالات متداول
بله. این دوره از فصل صفر شروع میشود و مسیر یادگیری به شکلی طراحی شده که حتی اگر هیچ تجربهای در برنامهنویسی نداشته باشید، قدمبهقدم با مفاهیم وب، کدنویسی و توسعه فرانتاند آشنا شوید.
در پایان این مسیر، شما با مهمترین مهارتهای موردنیاز یک توسعهدهنده فرانتاند آشنا میشوید؛ از HTML و CSS و JavaScript گرفته تا TypeScript، کتابخانهها، ابزارهای حرفهای، Git، پروژههای واقعی و آمادهسازی برای ورود به بازار کار.
این دوره کاملاً با رویکرد عملی طراحی شده است. در طول مسیر با ساخت پروژههای مختلف، مفاهیم یادگرفتهشده را تمرین میکنید و تجربه کار با کدنویسی واقعی را به دست میآورید.
خیر. این دوره به صورت یک مسیر مرحلهبهمرحله طراحی شده است. شما قرار نیست همه چیز را یکباره یاد بگیرید؛ بلکه هر فصل شما را برای ورود به مرحله بعدی آماده میکند.
هیچ پیشنیاز تخصصی نیاز ندارید. تنها چیزی که لازم دارید یک کامپیوتر، علاقه به یادگیری و پشتکار برای تمرین کردن است.
بله. پس از خرید، دسترسی شما به محتوای دوره طبق شرایط اعلامشده در سایت فعال خواهد بود و میتوانید در مسیر یادگیری خود از جلسات استفاده کنید.
در طول مسیر یادگیری میتوانید سوالات خود را مطرح کنید و از راهنماییهای آموزشی و پشتیبانی دوره استفاده کنید تا با اطمینان بیشتری مسیر را ادامه دهید.
بله. برای افرادی که فقط به یک مهارت یا تکنولوژی خاص نیاز دارند، فصلهای دوره به صورت جداگانه نیز قابل تهیه هستند.
اما اگر قصد دارید مسیر فرانتاند را به صورت کامل و اصولی طی کنید، خرید نسخه جامع دوره انتخاب اقتصادیتری است؛ زیرا با تهیه کامل دوره میتوانید تا ۵۰٪ صرفهجویی نسبت به خرید جداگانه فصلها داشته باشید و تمام مسیر یادگیری را یکجا در اختیار داشته باشید.
مسیر یادگیری فرانتاند برای افراد مختلف میتواند متفاوت باشد. اگر احساس میکنید بعضی فصلها در حال حاضر برای شما ضروری نیستند یا قبلاً آن مباحث را یاد گرفتهاید، میتوانید با حذف فصلهای موردنظر، نسخه شخصیسازیشده دوره را با هزینه کمتر تهیه کنید.
به این ترتیب فقط برای مباحثی هزینه میکنید که واقعاً به آنها نیاز دارید و همچنان میتوانید مسیر یادگیری خود را متناسب با هدفتان ادامه دهید.