توسعه وب فرانتاند - از مبتدی تا متخصص
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- به یک توسعهدهنده سی اس اس، اچ تی ام ال و جاوا اسکریپت تبدیل شوید؛ بدون اینکه به تجربه قبلی نیاز داشته باشید.
- اچ تی ام ال 5 مدرن، معنایی و قابل دسترس را بیاموزید.
- تسلط به اصول جاوا اسکریپت: بدون تجربه قبلی و از ابتدا
- تسلط به الزامات سی اس اس: مدل جعبهای، موقعیتیابی و سلکتورها
- سی اس اس پیشرفته: فلکسباکس و گرید برای طرحبندیهای پیچیده
- استفاده از Sass و SCSS برای کدنویسی سی اس اس زیبا
- فریمورک طراحی وب برای ایجاد وبسایتهای جذاب از نظر بصری
- فرآیند کامل: برنامهریزی، طراحی، ساخت، تست و بهبود وبسایتها
- ایجاد طراحیهای واکنشگرا برای دستگاههای موبایل
- استفاده از کامپوننتها و طرحبندیهای استاندارد وب
- یادگیری مستندسازی، عیبیابی و ابزارها
- کامپوننتهای قابل استفاده مجدد بسازید که در بیشتر وبسایتهای مدرن کاربرد دارند.
- ساخت 3 وبسایت منحصر به فرد با عناصر قابل استفاده مجدد
پیشنیازهای دوره
- آشنایی اولیه با کار با کامپیوتر
- اتصال به اینترنت
توضیحات دوره
به این دوره، نقطه شروع جامع شما برای تسلط به توسعه وب خوش آمدید. مدرس در این مسیر طولانی اچ تی ام ال، سی اس اس، جاوا اسکریپت و jQuery همراه شما خواهد بود.
این دوره کامل برای تبدیل شما از یک مبتدی به توسعهدهنده ماهر فرانتاند طراحی شده است که میتواند وبسایتهای واکنشگرا و پویا بسازد.
تصور کنید اولین ماشین یا قطعه مبلمان پیچیده خودتان را تکهتکه میسازید. این دوره دقیقاً همینگونه است، اما برای ایجاد وبسایتهای لایو و کاربردی میباشد. اینجا، اچ تی ام ال، سی اس اس، جاوا اسکریپت و jQuery ابزارهای شما هستند و وب کارگاه شما است.
چه با تجربه برنامهنویسی کم شروع کنید، چه از ابتدا و چه بخواهید دانش خود را در برنامهنویسی وب تثبیت کرده و گسترش دهید، این دوره به گونهای طراحی شده که شما را به مهارتهای ضروری برای تبدیل شدن به یک توسعهدهنده فرانتاند حرفهای مجهز کند.
میدانیم یادگیری برنامهنویسی چالشها و ناامیدیهای خودش را دارد که شامل سردرگمی با سینتکس کدنویسی، اشکالزدایی خطاهای مبهم و لذت درست کار کردن یک قطعه کد است. به همین دلیل این دوره را به صورت گامبهگام و با تمرینهای عملی تنظیم کردهایم که شما را در ساخت پروژههای وب از ابتدا همراهی میکند.
محتوای این دوره شامل موارد زیر است:
- اصول اچ تی ام ال و سی اس اس: با یادگیری چگونگی ساختاردهی صفحات وب با اچ تی ام ال و استایلدهی آنها با سی اس اس شروع کنید. تکنیکهای طراحی وب مدرن، معنایی و قابل دسترس را به خوبی بررسی کنید که اساس توسعه وب هستند.
- تکنیکهای پیشرفته سی اس اس: به مفاهیم پیشرفته سی اس اس از جمله فلکسباکس و گرید برای طرحبندیهای پیشرفته و همچنین انیمیشنهای سی اس اس برای عناصر تعاملی مسلط شوید.
- آشنایی با جاوا اسکریپت و jQuery: با زبان اسکریپتنویسی وب یعنی جاوا اسکریپت و همراه قدرتمند آن jQuery آشنا شوید که نوشتن اسکریپت و افزودن قابلیتها را ساده میکند.
- دستکاری پویای اچ تی ام ال: از جاوا اسکریپت و jQuery برای تغییر پویای اچ تی ام ال استفاده کنید، به تعاملات کاربر به صورت بلاردنگ پاسخ دهید.
- استایلدهی و انیمیشن با سی اس اس و jQuery: عناصر وب واکنشگرا را پیادهسازی کرده و با سی اس اس و jQuery متحرک کنید تا وبسایتهای شما متمایز شوند.
- مدیریت رویدادها و پروژههای واقعی: به رویدادهای جاوا اسکریپت و متدهای jQuery مسلط شوید تا فرمها، گالریها، اسلایدرها و موارد دیگر را با تعامل کاربری روان بسازید.
- AJAX برای مدیریت داده ناهمزمان: واکشی، نمایش و مدیریت داده با AJAX و jQuery را یاد بگیرید و عملکرد و تجربه کاربری سایت را بدون بارگذاری مجدد صفحه بهبود دهید.
چرا در این دوره شرکت کنیم؟
- یادگیری جامع: از اچ تی ام ال اولیه تا jQuery و AJAX پیشرفته،درک عمیقی از آنچه برای ساخت یک وبسایت فرانتاند از ابتدا لازم است را یاد خواهید گرفت.
- پروژهمحور: با پروژههای واقعی مانند ساخت منوی کشویی چندسطحی، گالری تعاملی و ماشینحساب رابط کاربری، شما آنچه آموختید را بلافاصله اعمال خواهید کرد.
- آموزش تخصصی: از سالها تجربه مدرس به عنوان توسعهدهنده و مدرس بهرهمند شوید تا نکات و بینشهایی بیابید که در کتابها یا آموزشها نیست.
- فرصتهای شغلی: توسعهدهندگان فرانتاند پرتقاضا هستند و تسلط به این مهارتها شانس استخدام و آینده شغلی شما را به شدت بهبود میبخشد.
آمادهاید سفر خود را از مبتدی تا متخصص توسعه وب فرانتاند شروع کنید؟ امروز با ما همراه شوید و ساخت وبسایتهای واکنشگرا و تعاملی خودتان را شروع کنید!
این دوره برای چه کسانی مناسب است؟
- افرادی که از ابتدا شروع میکنند و میخواهند به ساخت وبسایتهای حرفهای، جذاب و سازگار مسلط شوند.
- کسانی که درک اولیه از اچ تی ام ال، سی اس اس و جاوا اسکریپت دارند و میخواهند مهارتهای خود را به صورت مؤثر ترکیب کنند تا وبسایت برجستهای ایجاد کنند.
- توسعهدهندگانی که به دنبال گسترش تخصص خود در اچ تی ام ال 5، سی اس اس 3، جاوا اسکریپت و JQuery هستند.
- علاقهمندانی که میخواهند سفر توسعه وب فرانتاند خود را شروع کنند.
توسعه وب فرانتاند - از مبتدی تا متخصص
-
مقدمه 01:10
-
اچ تی ام ال، سی اس اس و جاوا اسکریپت چه هستند؟ 01:51
-
وبسایتها چگونه ارائه میشوند؟ 01:54
-
راهاندازی ویژوال استودیو کد 06:46
-
مبانی فرانتاند None
-
آشنایی با اچ تی ام ال 01:29
-
مبانی HTML 09:42
-
عناصر اولیه اچ تی ام ال 19:28
-
ویژگیهای HTML 14:08
-
تمرین مبانی، عناصر و Attributeهای اچ تی ام ال None
-
آزمون مبانی، عناصر و Attributeهای اچ تی ام ال None
-
لینکها در اچ تی ام ال 25:50
-
لیستها در اچ تی ام ال 10:48
-
جداول در اچ تی ام ال 12:33
-
تمرین لینکها، لیستها و جداول اچ تی ام ال None
-
آزمون لینکها، لیستها و جداول در اچ تی ام ال None
-
فرمهای HTML 34:16
-
عناصر رسانه در اچ تی ام ال 13:45
-
عناصر معنایی در اچ تی ام ال 5 13:21
-
استایلها در اچ تی ام ال 15:06
-
تمرین فرمها، عناصر رسانه، عناصر معنایی و استایلها در اچ تی ام ال None
-
آزمون فرمها، عناصر رسانه، عناصر معنایی و استایلها در اچ تی ام ال None
-
بهترین شیوهها در اچ تی ام ال 15:04
-
دسترسپذیری در اچ تی ام ال 06:45
-
سئو در اچ تی ام ال 09:25
-
آزمون بهترین شیوهها، دسترسپذیری و سئو در اچ تی ام ال None
-
ساخت یک وبسایت ساده اچ تی ام ال 28:41
-
آشنایی با سی اس اس 01:04
-
مبانی CSS 11:10
-
سلکتورها، ویژگیها و مقادیر 11:24
-
اختصاصی بودن سی اس اس 10:56
-
آزمون مبانی، سلکتورها، ویژگیها، مقادیر و اختصاصی بودن در سی اس اس None
-
واحدهای مطلق و نسبی 13:09
-
رنگها در CSS 10:54
-
مدل جعبهای در سی اس اس 16:49
-
آزمون واحدهای مطلق و نسبی، رنگها و مدل جعبهای در سی اس اس None
-
Float در سی اس اس - بخش 1 17:58
-
Float در سی اس اس - بخش 2 10:30
-
موقعیتیابی در سی اس اس 13:24
-
آزمون فلوت و موقعیتیابی None
-
وسط چین کردن عناصر 07:26
-
نمایش عناصر 13:12
-
شکلدهی عناصر 07:35
-
آزمون وسط چین کردن، نمایش و شکلدهی عناصر None
-
تایپوگرافی 16:29
-
پسزمینهها و گرادیانها در سی اس اس 12:54
-
آزمون تایپوگرافی و پسزمینهها None
-
تبدیلها در سی اس اس 10:20
-
ترنزیشنها و انیمیشنها در سی اس اس 17:49
-
آزمون تبدیلها، ترنزیشنها و انیمیشنها None
-
فلکسباکس در سی اس اس 21:48
-
گرید در سی اس اس 15:02
-
طراحی وب واکنشگرا 18:47
-
سیستمهای گرید در سی اس اس 17:59
-
طرحبندیهای وب - بخش 1 17:19
-
طرحبندیهای وب - بخش 2 12:39
-
پیشپردازندههای سی اس اس - SCSS 19:26
-
بهترین شیوههای سی اس اس 10:53
-
آزمون فلکسباکس، گرید و طراحی وب واکنشگرا در سی اس اس None
-
معرفی 08:00
-
کلاسهای یوتیلیتی و رایج در سی اس اس 11:25
-
ساخت عنصر هدر 30:32
-
ساخت بنر اسلایدر 23:59
-
ساخت عنصر فوتر 24:31
-
ساخت بخش درباره ما 26:17
-
ساخت بخش خدمات و فناوریها 13:29
-
ساخت بخش تیمها 13:29
-
ساخت بخشهای تماس 15:21
-
افزودن تعامل به عناصر ناوبری 16:31
-
بهینهسازی وبسایت 11:30
-
آشنایی با بوت استرپ 10:23
-
سیستم گرید، media querieها و ستونهای واکنشگرا 18:56
-
کامپوننتهای اصلی 08:01
-
فرمها و یوتیلیتیها 09:34
-
آشنایی با جاوا اسکریپت 00:45
-
مبانی جاوا اسکریپت 14:19
-
آشنایی با متغیرها 07:59
-
تمرین متغیرها 18:20
-
تمرین متغیرها None
-
آزمون متغیرها None
-
آشنایی با انواع داده 08:10
-
مبانی انواع داده 04:38
-
نوع داده رشته 11:38
-
نوع داده عدد 04:32
-
نوع داده بولی 03:40
-
انواع داده خاص 04:07
-
آشنایی با تبدیل نوع داده 05:27
-
تبدیل رشتهها به عدد 04:10
-
تبدیل اعداد به رشتهها 05:30
-
تمرین انواع داده None
-
آزمون انواع داده None
-
آشنایی با عملگرهای جاوا اسکریپت 06:09
-
عملگرهای حسابی 09:16
-
عملگرهای انتساب 04:49
-
عملگرهای مقایسه 03:58
-
عملگرهای منطقی 02:35
-
تمرین عملگرها None
-
آزمون عملگرها None
-
دستورات شرطی در جاوا اسکریپت 07:11
-
دستور if 10:04
-
دستور switch 11:28
-
عملگر شرطی سهتایی 05:12
-
تمرین دستورات شرطی None
-
آزمون دستورات شرطی None
-
آشنایی با توابع جاوا اسکریپت 06:07
-
توابع 11:21
-
توابع Arrow 05:30
-
تمرین توابع None
-
آزمون توابع None
-
آشنایی با رویدادهای جاوا اسکریپت 05:14
-
کار با رویدادها 10:02
-
رویدادهای سفارشی 05:02
-
آزمون رویدادها None
-
آشنایی با اشیاء جاوا اسکریپت 04:17
-
کار با اشیاء 09:25
-
Constructorهای اشیاء 04:45
-
تمرین اشیاء None
-
آزمون اشیاء None
-
آشنایی با آرایههای جاوا اسکریپت 08:55
-
کار با آرایهها 05:56
-
توابع آرایه 10:59
-
تمرین آرایهها None
-
آزمون آرایهها None
-
آشنایی با حلقههای جاوا اسکریپت 05:49
-
کار با حلقهها 13:16
-
دستورات break و continue 04:27
-
تمرین حلقهها None
-
آزمون حلقهها None
-
آشنایی با تاریخها 04:00
-
ایجاد، دریافت و تنظیم تاریخها 12:58
-
قالببندی تاریخها 10:58
-
مقایسه تاریخها 09:55
-
حساب تاریخها 02:18
-
تمرین تاریخها None
-
آزمون تاریخها None
-
آشنایی با شی Math 03:00
-
ویژگیهای شی Math 03:04
-
متدهای شی Math 05:08
-
تمرین شی Math None
-
آزمون شی Math None
-
آشنایی با کلمه کلیدی This 03:56
-
تمرین کلمه کلیدی This 05:33
-
آزمون کلمه کلیدی This None
-
آشنایی با مدیریت خطا در جاوا اسکریپت 02:12
-
دستورات try ،catch و finally 04:50
-
آزمون مدیریت خطا None
-
آشنایی با Fetch API در جاوا اسکریپت 02:33
-
درخواستهای GET 15:33
-
درخواستهای POST 05:04
-
آزمون Fetch API None
-
مقدمه تمرینهای اصول اولیه جاوا اسکریپت 00:43
-
تمرین آرایهها و حلقهها 11:47
-
تمرین رویدادها و Fetch API 06:44
-
تمرین اشیاء 07:47
-
تمرین ماشینحساب 07:26
-
بهترین شیوهها برای نوشتن جاوا اسکریپت 05:29
-
جاوا اسکریپت در مرورگرهای اینترنتی 09:11
-
انتخاب عناصر 06:47
-
کار با اچ تی ام ال 04:27
-
کار با سی اس اس 04:20
-
رویدادهای داخلی 03:57
-
ساخت یک ماشینحساب رابط کاربری 07:49
-
آزمون جاوا اسکریپت در مرورگرها None
-
آشنایی با JQuery 00:38
-
مبانی JQuery 03:43
-
پیادهسازی JQuery 06:31
-
انتخابگرهای JQuery 05:17
-
پیادهسازی سلکتورها در JQuery 12:21
-
اچ تی ام ال با JQuery 04:26
-
پیادهسازی اچ تی ام ال با JQuery 11:13
-
ناوبری DOM با JQuery 14:49
-
آشنایی با سی اس اس در JQuery 03:21
-
پیادهسازی سی اس اس با JQuery 06:56
-
موقعیتیابی سی اس اس در JQuery 04:10
-
رویدادهای JQuery 02:21
-
پیادهسازی رویدادهای JQuery 05:53
-
افکتها و انیمیشنهای JQuery 05:43
-
پیادهسازی افکتها و انیمیشنهای JQuery 05:06
-
JQuery AJAX 06:00
-
پیادهسازی JQuery AJAX 06:27
-
متدهای JQuery AJAX 06:28
-
فرمهای JQuery AJAX 06:16
-
اعتبارسنجی JQuery 13:52
-
آشنایی با تمرین رکوردهای فرد 02:14
-
راهحل تمرین رکوردهای فرد 13:26
-
بهترین شیوهها برای نوشتن JQuery 02:32
-
آزمون JQuery None
-
ساخت منوی کشویی چندسطحی با اچ تی ام ال 06:13
-
ساخت منوی کشویی چندسطحی با سی اس اس 11:32
-
ساخت منوی کشویی چندسطحی با جاوا اسکریپت 03:46
-
ساخت آکاردئون با اچ تی ام ال 07:31
-
ساخت آکاردئون با سی اس اس 07:12
-
ساخت آکاردئون با جاوا اسکریپت 05:10
-
ساخت اسلایدر تصویر با اچ تی ام ال 06:10
-
ساخت اسلایدر تصویر با سی اس اس 17:35
-
ساخت اسلایدر تصویر با جاوا اسکریپت 22:26
-
ساخت گالری تعاملی با اچ تی ام ال 05:49
-
ساخت گالری تعاملی با سی اس اس 16:24
-
ساخت گالری تعاملی با جاوا اسکریپت 05:21
-
ساخت جداول تعاملی با اچ تی ام ال 07:18
-
ساخت جداول تعاملی با سی اس اس 11:14
-
ساخت جداول تعاملی با جاوا اسکریپت 19:09
-
نکات پایانی 01:26
مشخصات آموزش
توسعه وب فرانتاند - از مبتدی تا متخصص
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:مقدماتی
- تعداد درس:203
- مدت زمان :27:10:32
- حجم :9.34GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy