ساخت وبسایت مگا ریسپانسیو: HTML ،CSS ،JavaScript
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- اسناد HTML را با استفاده از عناصر معنایی و نشانهگذاری صحیح ایجاد و ساختاربندی کنید.
- از CSS برای استایل دادن به عناصر HTML و ایجاد طرحبندیهای ریسپانسیو مدرن و جذاب استفاده کنید.
- با استفاده از جاوااسکریپت تعاملپذیری به صفحات وب اضافه کنید.
- یک وبسایت ریسپانسیو کامل و مدرن را استقرار داده و نگهداری کنید.
پیش نیازهای دوره
- ویرایشگر متن
- مرورگر وب مدرن
- درک قوی از HTML و CSS
- دانش اولیه در JavaScript
توضیحات دوره
به دوره "ساخت وبسایت مگا ریسپانسیو: HTML ،CSS ،JavaScript سال (2024)" ما خوش آمدید، جایی که مستقیماً به بررسی جنبههای عملی توسعه وب میپردازیم. این دوره هم برای مبتدیانی که اولین قدمهای خود را در توسعه وب برمیدارند و هم برای توسعهدهندگان باتجربهای که به دنبال بهبود مجموعه مهارتهای خود هستند، طراحی شده است. تمرکز ما بر کمک به شما برای ایجاد یک وبسایت کاملاً ریسپانسیو و حرفهای بدون پرداختن عمیق به اصول HTML ،CSS و جاوااسکریپت است.
ما مستقیماً وارد عمل میشویم و با ایجاد وبسایت شما شروع میکنیم. HTML را مانند چارچوب، CSS را مانند طراحی بصری، و جاوااسکریپت را مانند قابلیت تعاملی مثل ساخت لایههای مختلف یک کیک در نظر بگیرید. شما یاد خواهید گرفت چگونه صفحات وب خود را با HTML ساختاربندی کنید و مطمئن شوید که آنها به خوبی سازماندهی شده و قابل دسترس هستند. HTML به عنوان اصولی عمل میکند که بقیه سایت خود را بر روی آن خواهید ساخت.
بعد از آن نوبت به CSS میرسد که ظاهر وبسایت شما را متحول میکند. ما طرحهای زیبا، طرح بندی ها و ویژگیهای ریسپانسیو را بررسی خواهیم کرد که سایت شما را از نظر بصری جذاب میکنند. این مهارتها تضمین میکنند که وبسایت شما در دستگاههای مختلف، از نمایشگرهای بزرگ دسکتاپ گرفته تا نمایشگرهای کوچک موبایل، عالی به نظر برسد.
سپس سفر ما به سمت جاوااسکریپت میرسد که به سایت شما تعاملپذیری و قابلیت اضافه میکند. ما به ویژگیهایی مانند فرمها، منوهای ناوبری، و محتوای پویا مسلط خواهیم شد و وبسایت شما را جذاب، تعاملی، و راهحلگرا میسازیم. اینجا است که سایت شما چیزی فراتر از یک صفحه ایستا میشود؛ به یک پلتفرم فعال تبدیل میشود که نیازهای کاربران را برطرف میکند.
در پایان این دوره، شما تخصص لازم را خواهید داشت تا اطمینان حاصل کنید وبسایت شما در دستگاههای مختلف، از دسکتاپ تا گوشیهای هوشمند، بدون مشکل کار میکند. ما به یادگیری عملی اعتقاد داریم و دوره ما تجربه عملی فراهم میکند، که به شما اعتماد به نفس لازم برای عملی کردن پروژههای وب خود را میدهد.
به طور خلاصه، این دوره بر کاربرد عملی تمرکز دارد و شما را از ابتدا تا ساخت یک وبسایت کاملاً ریسپانسیو و کاربرپسند پیش میبرد. این یک سفر هیجانانگیز است که شما را توانمند میسازد تا رویاهای توسعه وب خود را به واقعیت تبدیل کنید. چه تازه شروع کردهاید یا به دنبال گسترش مهارتهای خود هستید، به ما بپیوندید و بیایید به آرزوهای توسعه وب شما جامه عمل بپوشانیم. این دوره مسیر مستقیم شما برای ساخت یک وبسایت حرفهای است، و ما مشتاقیم که شما را در هر مرحله از راه راهنمایی کنیم.
این دوره برای چه کسانی مناسب است؟
- دانشجویانی که درک قوی از HTML و CSS و دانش اولیه جاوااسکریپت دارند. این دوره برای آموزش به دانشجویان طراحی شده است که چگونه یک وبسایت کامل و ریسپانسیو مدرن را با استفاده از جدیدترین فناوریهای توسعه وب بسازند. دانشجویان باید قبل از شرکت در این دوره، درک قوی از HTML و CSS و همچنین دانش اولیه جاوااسکریپت داشته باشند.
- دانشجویانی که میخواهند یاد بگیرند چگونه به عنوان سرگرمی یا تفریح وبسایت بسازند. حتی اگر برنامهای برای دنبال کردن حرفهای در توسعه وب ندارید، این دوره هنوز هم میتواند یک تجربه یادگیری ارزشمند باشد. به شما یاد خواهد داد چگونه وبسایتها و وب اپلیکیشن های خود را بسازید، و به شما یک اصول قوی در فناوریهای ضروری توسعه وب خواهد بخشید.
- متخصصانی که میخواهند یاد بگیرند چگونه وبسایتهایی برای کسبوکارها یا سازمانهای خود بسازند. اگر صاحب یک کسبوکار کوچک یا سازمان هستید، این دوره میتواند به شما یاد دهد چگونه وبسایت خود را بدون نیاز به استخدام یک توسعهدهنده وب بسازید. همچنین یاد خواهید گرفت چگونه وبسایت خود را خودتان بروزرسانی و نگهداری کنید، بنابراین مجبور نخواهید بود برای انجام آن به شخص دیگری وابسته باشید.
- فریلنسرها و افراد خوداشتغال که میخواهند خدمات توسعه وب را به مشتریان ارائه دهند. اگر علاقهمند به ارائه خدمات توسعه وب هستید، این دوره میتواند مهارتهایی را که برای شروع نیاز دارید به شما یاد دهد. شما یاد خواهید گرفت چگونه یک وبسایت با ظاهر حرفهای را از پایه بسازید.
- توسعهدهندگان وب که میخواهند یاد بگیرند چگونه وبسایتهای ریسپانسیو بسازند. اگر یک توسعهدهنده وب هستید که تجربه با HTML و CSS دارید، اما مطمئن نیستید چگونه وبسایتهای ریسپانسیو بسازید، این دوره برای شما است. شما یاد خواهید گرفت چگونه از CSS media queries برای ساخت وبسایتهایی استفاده کنید که در همه دستگاهها، از کامپیوترهای دسکتاپ تا گوشیهای هوشمند و تبلتها، عالی به نظر میرسند.
ساخت وبسایت مگا ریسپانسیو: HTML ،CSS ،JavaScript
-
مقدمه 04:03
-
راه اندازی 01:52
-
آغاز کار 07:01
-
تگ Header در HTML: ساختار نشانهگذاری 04:04
-
ایجاد استایلهای پیشفرض CSS 04:33
-
طراحی پسزمینههای هدر 14:55
-
طراحی بنر در هدر 08:22
-
ساخت ساختار نشانهگذاری HTML منوی ناوبری 05:41
-
طراحی لوگوی وبسایت 11:28
-
استایلدهی آیتمهای منو 08:08
-
ساخت ساختار نشانهگذاری HTML منوی کشویی اول 13:01
-
استایلدهی ویژگیها در منوی کشویی اول 10:17
-
استایلدهی خدمات در منوی کشویی اول 20:08
-
فعالسازی منوی کشویی 05:00
-
ساخت ساختار نشانهگذاری HTML منوی کشویی دوم 05:04
-
استایلدهی منوی کشویی دوم 12:56
-
ساخت ساختار نشانهگذاری HTML منوی کشویی سوم 06:06
-
استایلدهی منوی کشویی سوم 11:14
-
ساخت ساختار نشانهگذاری HTML منوی کشویی چهارم 04:00
-
استایلدهی منوی کشویی چهارم 05:31
-
ساخت ساختار نشانهگذاری HTML منوی کشویی پنجم 05:04
-
استایلدهی منوی کشویی پنجم 10:44
-
ساخت ساختار نشانهگذاری HTML بخش خدمات 07:08
-
استایلدهی بخش خدمات 21:52
-
ایجاد نوار ناوبری چسبنده هنگام اسکرول 12:04
-
ساخت ساختار نشانهگذاری HTML پروژهها 07:49
-
استایلدهی هدر پروژهها و منوی فیلتر 11:37
-
استایلدهی بستههای وبسایت 09:16
-
فعالسازی ناوبری فیلتر 12:09
-
ساخت ساختار نشانهگذاری HTML بخش قالبها 04:46
-
مدلدهی بخش قالبها 23:55
-
ساخت ساختار نشانهگذاری HTML پخشکننده ویدئو 11:08
-
استایلدهی پخشکننده ویدئو 21:50
-
فعالسازی دکمه پخش یا مکث 05:38
-
بروزرسانی نوار پیشرفت 06:13
-
رد کردن جلو و عقب ویدئو 03:59
-
کار بر روی دکمه حجم صدا 07:06
-
کار بر روی اسلایدر حجم صدا 06:09
-
کنترل گزینههای سرعت 14:30
-
حالت تصویر در تصویر و حالت تمام صفحه 05:19
-
کار روی تایم لاین ویدئو 17:20
-
ساخت نوار پیشرفت Draggable 11:51
-
پنهان و ظاهر کردن کنترلها 12:38
-
ساخت ساختار نشانهگذاری HTML بخش عضویت 04:34
-
استایلدهی بخش عضویت 16:34
-
ساخت ساختار نشانهگذاری HTML پاورقی 08:35
-
استایلدهی پاورقی 11:02
-
ساخت اسکرول بار سفارشی 03:19
-
سفارشیسازی نوار ناوبری 08:45
-
ساخت ساختار نشانهگذاری HTML بخش نظرات مشتریان 11:19
-
استایلدهی بخش نظر مشتریان 22:21
-
ساخت ساختار نشانهگذاری HTML صفحه محصولات 11:27
-
بخش استایلدهی محتوای محصولات 19:43
-
استایلدهی بخش تبلیغاتی محصولات 27:44
-
ساخت ساختار نشانهگذاری HTML صفحه تماس 10:54
-
استایلدهی بخش تماس 27:39
-
ساخت ساختار نشانهگذاری HTML صفحه حساب کاربری 08:27
-
استایل بخش حساب کاربری 18:34
-
ساخت ساختار نشانهگذاری HTML صفحه قیمتگذاری 12:33
-
استایلدهی شکل ها 07:20
-
استایلدهی هدر 07:27
-
استایلدهی کارتهای قیمت 16:16
-
تعاملی کردن پروژه برای صفحههای بزرگ 12:49
-
تعاملی کردن پروژه برای صفحات کوچک - قسمت 1 06:59
-
تعاملی کردن پروژه برای صفحات کوچک - قسمت 2 11:41
-
تعاملی کردن پروژه برای صفحههای کوچک - قسمت 3 19:41
-
ساخت منوی همبرگر - قسمت 1 15:42
-
ساخت منوی همبرگر - قسمت 2 10:35
-
فعالسازی منوی همبرگر 23:34
-
تعاملی کردن پروژه برای تبلتها 29:09
-
تعاملی کردن پروژه برای تلفنهای همراه 51:14
-
استقرار وبسایت 05:11
مشخصات آموزش
ساخت وبسایت مگا ریسپانسیو: HTML ،CSS ،JavaScript
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:همه سطوح
- تعداد درس:72
- مدت زمان :14:14:37
- حجم :10.97GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy