جهت اطلاع از وضعیت دوره ها و دوره های جدید آکادمی برنامه نویسان در کانال تلگرام ما عضو شوید .
عضویت در کانال تلگرام آکادمی برنامه نویسان

دوره آموزش طراحی سایت پیشرفته

دوره آموزش طراحی سایت پیشرفته
  • مدرس : -
  • شروع دوره : -
  • طول دوره : -
  • روزهای برگزاری : -
  • شهریه :

شرح مختصری از دوره

در این دوره امکانات جدید HTML5 و CSS3 آموزش داده و تکنیک طراحی یک سایت Responsive و استفاده از زبان برنامه نویسی Less برای استایل ها کار خواهد شد.
برنامه نویسی سمت کلاینت یکی دیگر از آموزش های این دوره می باشد که بصورت کامل به آن پرداخته خواهد شد.

مخاطبان دوره

  • طراحان و برنامه نویسان وب سایت
  • دوستداران برنامه نویسی سمت کلاینت (jQuery)
  • دوستداران یادگیری فرم ورک Angular JS
  • دوستداران استایل نویسی با کمک زبان برنامه نویسی Less
  • علاقه مندان به طراحی صفحات Responsive

پیشنیاز دوره

  • آشنایی کامل به HTML و CSS
  • آشنایی با Javascript و jQuery

عناوین مهم دوره

  • آشنایی با المنت های جدید HTML5
  • آشنایی با امکانات جدید CSS3
  • معرفی انواع وروردی های جدید از قبیل date , time , email, color , range , ...
  • اعتبار سنجی فرم ها
  • رسم اشکال هندسی چون مثلث و کمان و ... با استفاده از Canvas
  • استفاده از تگ SVG برای رسم اشکال
  • بررسی CSS3 بصورت کامل و تخصصی
  • آشنایی و برنامه نویسی استایل ها (Less)
  • استفاده از ابزارهای jQuery
  • آموزش Angular JS
  • طراحی یک سایت تک صفحه ای HTML5 ، CSS3 و Responsive
  • طراحی یک سایت چند صفحه ای HTML5 و CSS3

سرفصل دوره

  • مقدمه ای بر طراحی سایت
    • مروری بر زبان نشانه گذاری
    • مروری بر جاوااسکریپت
    • معرفی HTML5 و CSS3
    • کشف قابلیت های HTML5 و CSS3
  • مهاجرت از HTML4/XHTML به HTML5
    • تغییر doctype
    • تغییر Encoding
    • اضافه کردن اسکریپت برای پشتیبانی از HTML5
    • حذف کردن تگ head
    • آشنایی با المنت های معنی دار
      • header
      • nav
      • footer
      • article
      • section
  • قابلیت های جدید HTML5
    • وروردی های جدید
      • Date
      • Time
      • Email
      • Color
      • Range
      • Slide
    • اعتبار سنجی
    • Canvas و SVG
      • تفاوت بین تگهای Canvas و SVG
      • کار با تگ SVG
        • رسم دایره
        • رسم مستطیل
        • رسم مستطیل با گوشه های گرد
        • رسم ستاره
        • رسم لوگو
      • المنت Canvas جهت طراحی گرافیکی
        • طراحی توسط javascript
        • رسم خط
        • رسم دایره
        • رسم متن
        • رنگ کردن اشکال با طیف رنگها
        • نمایش و رسم تصویر
    • نمایش و اجرای فایل های چند رسانه ای
      • Video
      • Audio
  • کار با CSS3 و قابلیت های جدید آن
    • Advanced Selectors
    • گرد کردن گوشه ها - Rounded Corners
    • حاشیه تصویری - Border Image
    • سایه ها - Box Shadow & Text Shadow
    • رنگ ها - Colors
      • RGBA
      • Gradient
    • Transform (چرخش ، جابجایی و ...)
    • قاب های چند ستونی - Multicolumn Layout
    • استفاده از فونت در وب - Web Fonts
    • متحرک سازی اجزای صفحه - Animations and Transitions
    • محاسبه مقدارها توسط calc()
    • ایجاد متن و شمارنده - Generated Content and Counters
    • Box Sizing
    • Media Queries
    • پس زمینه - Background
      • پس زمینه های متعدد - Multiple Backgrounds
      • background-size
      • background-clip
      • background-origin
    • خاصیت های جدید برای Text ها
      • text-overflow
      • word-wrap
      • word-break
  • زبان برنامه نویسی استایل ها (Less)
    • بیشتر بدانیم
    • تفاوت های Less و Sass
    • آشنایی و شروع کار با Less
      • تنظیمات اولیه برای استفاده از Less
      • متغیر ها در Less
      • استایل های ترکیبی در Less
      • استایل های تو در تو در Less
      • استفاده از اپراتورها در Less
      • استفاده از توابع در Less
      • محدوده در Less
      • ترکیب کردن چند فایل استایل در Less
    • کامپایل کردن فایل های Less
  • انجام چند تمرین
    • ایجاد نوار پیشرفت با CSS3
    • ایجاد منو و زیر منوهای شناور با CSS3
    • ایجاد دکمه و برچسب های مختلف
    • ساخت یک اسلایدشو تنها با استفاده از CSS3
    • نحوه طراحی سایت های Responsive و قابل اجرا در تبلت و موبایل و ...
    • طراحی یک سایت ساده Responsive
    • ساخت یک گالری تصویر
  • نکات مهم درباره استاندارد بودن کدهای HTML و CSS
  • آشنایی و استفاده از ابزارهای jQuery و jQuery UI
    • کار با jQuery
      • انتخابگرها / Selectors
        • انتخابگرهای پایه
        • انتخابگرهای وراثتی
        • انتخابگرهای اصلی
        • انتخابگرهای فرزند
        • انتخابگرهای محتوی
        • فیلتر های فرم
      • ویژگی ها / Attributes
        • متد .attr()
        • متد .html()
        • متد .prop()
        • متد .removeAttr()
        • متد .removeProp()
        • متد .val()
      • CSS
        • متد .css()
        • متد .width()
        • متد .height()
        • متد .position()
        • متد .offset()
        • متد .scrollTop()
        • متد .scrollLeft()
        • متد .addClass()
        • متد .hasClass()
        • متد .removeClass()
        • متد .toggleClass()
      • Effects
        • ساده
          • متد .hide()
          • متد .show()
          • متد .toggle()
        • محو شدن
          • متد .fadeIn()
          • متد .fadeOut()
          • متد .fadeTo()
          • متد .fadeToggle()
        • کشویی
          • متد .slideDown()
          • متد .slideUp()
          • متد .slideToggle()
        • سفارشی
          • متد .animate()
          • متد .queue()
          • متد .dequeue()
          • متد .clearQueue()
          • متد .delay()
          • متد .stop()
          • متد .finish()
      • رویدادها / Events
        • رویدادهای فرم
          • متد .blur()
          • متد .change()
          • متد .focus()
          • متد .select()
          • متد .submit()
          • متد .scroll()
        • رویدادهای کیبورد
          • متد .keydown()
          • متد .keypress()
          • متد .keyup()
        • رویدادهای موس
          • متد .click()
          • متد .dblclick()
          • متد .hover()
          • متد .mousedown()
          • متد .mouseenter()
          • متد .mouseleave()
          • متد .mousemove()
          • متد .mouseout()
      • Filtering
        • فیلتر .first()
        • فیلتر .last()
        • فیلتر .eq()
        • فیلتر .filter()
        • فیلتر .slice()
        • فیلتر .has()
        • فیلتر .not()
        • فیلتر .is()
  • آموزش Angular JS
    • مقدمه
    • معرفی Angular
    • توسعه دادن HTML توسط Angular
    • آشنایی با زبان Angular
      • دستور ng-init
      • اصطلاحات
      • کنترلرها
      • اعداد
      • رشته ها
      • اشیاء
      • آرایه ها
    • تکرار المنتهای HTML
    • متدها
    • متدهای خارجی
    • فیلتر ها
    • اضافه کردن فیلتر به دستورات جدید
    • XML
    • جدول ها
    • HTML DOM
    • رویداد ها
    • ماژول ها
    • زمان بارگزاری کد های Angular
    • ایجاد فایلها برنامه
    • فرم ها
    • اعتبار سنجی اعضای یک فرم
    • جمع بندی و بررسی مطالب بحث شده
  • انجام پروژه عملی
    • طراحی سایت تک صفحه ای - Single Page Website
    • طراحی سایت چند صفحه ای با استفاده HTML5 و CSS3 - Multi Page Website
  • جمع بندی کلیه مباحث