آموزش ساخت قالب تک صفحه ای سایت شخصی با جاوا اسکریپت و css

آموزش ساخت قالب تک صفحه ای سایت شخصی با جاوا اسکریپت و css

در دوره آموزش ساخت قالب تک صفحه ای سایت شخصی قصد داریم نحوه ساخت یک قالب تک صفحه ای واگنش گرا را با استفاده از جاوا اسکریپت و css آموزش دهیم.

تریلر دوره

توضیحات کامل دوره

توضیحات "آموزش ساخت قالب تک صفحه ای سایت شخصی با جاوا اسکریپت و css" : در دوره آموزش ساخت قالب تک صفحه ای سایت شخصی قصد داریم نحوه ساخت یک قالب تک صفحه ای واگنش گرا را با اس...

توضیحات "آموزش ساخت قالب تک صفحه ای سایت شخصی با جاوا اسکریپت و css" :

در دوره آموزش ساخت قالب تک صفحه ای سایت شخصی قصد داریم نحوه ساخت یک قالب تک صفحه ای واگنش گرا را با استفاده از جاوا اسکریپت و css آموزش دهیم.

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

در این دوره قصد داریم یک سایت تک صفحه را به صورت ریسپاسیو و حرفه ای طراحی کنیم که شما می توانید از این آموزش برای طراحی سایت شخصی (personal page) استفاده کنید. در این دوره از html, css ,java script استفاده کردیم و ریسپانسیو سازی آن را بدون استفاده از بوت استرپ و با استفاده از css انجام می دهیم. در آموزش طراحی قالب تک صفحه ای یک قالب تک صفحه ای شخصی را از صفر تا صد به صورت کامل با هم پیاده سازی می کنیم که شما می توانید آن را به صورت کامل برای خودتان شخصی سازی کنید و از اطلاعات تماس نمونه کارها و ... خودتان را در آن قرار دهید.

آنچه در آموزش طراحی قالب تک صفحه ای با جاوا اسکریپت و css خواهید آموخت:

• ساخت پوشه و فایل های پروژه
• فراخوانی سند css و javascript به پروژه
• آماده سازی فایل style.css
• ریسپانسیو سازی قالب
• طراحی بخش تماس با ما، درباره ما، خدمات، نمونه کارها
• طراحی بدنه اصلی سایت
• طراحی بخش درباره ما about 
• کد نویسی کلید پرش به بالا 
• کدهای جاوا اسکریپت برای تغییر تم
• ریسپانسیو سازی قالب برای سایز 550px , 768px
• ریسپانسیو سازی قالب برای سایز بزرگتر از 992px
• ریسپانسیو سازی قالب برای سایز بزرگتر از 1200px

سرفصل‌های دوره

  • ساخت پوشه و فایل های پروژه
    رایگان ۰۰:۰۴:۵۷
  • فراخوانی سند css و javascript به پروژه
    رایگان ۰۰:۰۹:۳۷
  • آماده سازی فایل style.css
    رایگان ۰۰:۲۷:۲۴
  • کد نویسی header سایت - قسمت اول
    ۰۰:۲۶:۵۹
  • کد نویسی header سایت - قسمت دوم
    ۰۰:۲۲:۴۵
  • کد نویسی header سایت - قسمت سوم
    ۰۰:۲۰:۱۸
  • کد نویسی header سایت - قسمت چهارم
    ۰۰:۳۱:۳۶
  • کد نویسی header سایت - قسمت پنجم
    ۰۰:۱۴:۵۶
  • کد نویسی بخش main hero - قسمت اول
    ۰۰:۱۷:۴۴
  • کد نویسی بخش main hero - قسمت دوم
    ۰۰:۲۳:۲۲
  • کد نویسی بخش stats - قسمت اول
    ۰۰:۰۷:۴۳
  • کد نویسی بخش stats - قسمت دوم
    ۰۰:۲۰:۲۰
  • کد نویسی بخش درباره ما about
    ۰۰:۲۰:۳۸
  • کد نویسی بخش نمونه کارها skills - قسمت اول
    رایگان ۰۰:۱۳:۲۶
  • کد نویسی بخش نمونه کارها skills - قسمت دوم
    ۰۰:۳۲:۳۹
  • کد نویسی بخش my works - قسمت اول
    ۰۰:۱۲:۱۱
  • کد نویسی بخش my works - قسمت دوم
    ۰۰:۲۶:۳۸
  • کد نویسی بخش contact - قسمت اول
    ۰۰:۲۳:۵۸
  • کد نویسی بخش contact - قسمت دوم
    ۰۰:۲۹:۲۶
  • کد نویسی بخش contact - قسمت سوم
    ۰۰:۱۷:۱۴
  • کد نویسی بخش فوتر سایت
    ۰۰:۱۱:۱۴
  • کد نویسی کلید پرش به بالا go to top
    ۰۰:۱۰:۵۰
  • کدهای جاوا اسکریپت برای تغییر تم (light, dark)
    ۰۰:۰۵:۵۹
  • ریسپانسیو سازی قالب برای سایز بزرگتر از 550px , 768px
    ۰۰:۲۱:۲۳
  • ریسپانسیو سازی قالب برای سایز بزرگتر از 992px - قسمت اول
    ۰۰:۵۸:۰۸
  • ریسپانسیو سازی قالب برای سایز بزرگتر از 992px - قسمت دوم
    ۰۰:۱۵:۳۳
  • ریسپانسیو سازی قالب برای سایز بزرگتر از 1200px
    ۰۰:۰۹:۲۱

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

450,000 تومان
180,000 تومان
60% تخفیف

این دوره شامل:
۵۳۹ ساعت آموزش
دسترسی مادام‌العمر
سطح: تمام سطوح
گواهی پایان دوره: مشخص نیست
تاریخ انتشار: 1405/07/08
آخرین به‌روزرسانی:
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: