🚀 پک طراحی و توسعه وب‌سایت (UI/UX + Front-End + Wordpress)

پکیج جذاب و تخصصی طراحی و توسعه وب‌ برای علاقمندان به طراحی و توسعه وبسایت، وب اپلیکیشن و اپلیکیشن‎‌های موبایل طراحی شده است. این پک کاربردی از سه دوره طراحی وب، طراحی رابط و تجربه کاربری (UI/UX Design) و وردپرس تشکیل شده است.

🚀 پک طراحی و توسعه وب‌سایت (UI/UX + Front-End + Wordpress)

مروری بر دوره

پک کاربردی وب برای علاقمندان به طراحی و توسعه انواع وبسایت و وب اپلیکیشن‌ها گردآوری شده است که در آن سه مبحث شغلی بسیار به‌روز و جذاب به صورت کامل ارائه می‌شود. با تهیه این پک می‌توانید با یک تیر سه نشان بزنید و در سه دوره "طراحی و توسعه وب" طراحی رابط و تجربه کاربری (UI/UX Design)" و "وردپرس" شرکت کنید.

دوره جامع طراحی وب: در بخش اول این دوره با مفاهیم، اصطلاحات و ابزارهای اولیه طراحی وب آشنا می‌شوید. در بخش دوم وارد مفاهیم جامع کدنویسی قالب (فرانت‌اند) خواهیدشد. 

دوره طراحی رابط و تجربه کاربری (UI/UX Design): در این دوره به صورت کامل با نحوه طراحی رابط کاربری و نرم‌افزارهای خاص آن، از جمله فیگما، آشنا شده و در سایه مباحث تئوری و عملی این دوره خواهید توانست طراحی رابط کاربری جذاب و کاربرپسند با تجربه کاربری بی‌نظیر ایجاد کنید.

وردپرس: دوره وردپرس برای علاقمندان به این CMS جذاب و کاربردی طراحی شده است که شما صفرتاصد وردپرس، افزونه و قالب‌های آن را می‌آموزید.

.

سرفصل ها

UI/UX

  • آشنایی با عنوان طراحی محصول
  •  Design thinking & service design 
  •  Research – persona
  • معماری اطلاعات 
  • data driven design –  ux writing  
  • طراحی وایرفریم 
  •  آشنایی با مفاهیم  و ابراز های رابط کاربری
  •  رنگ شناسی
  • تاپپوگرافی و وزن های بصری 
  • طراحی دکمه و فرم ها 
  • طراحی آیکون و تصویر سازی 
  • طراحی تعاملی

 

دوره جامع طراحی وب

آشنایی با مفاهیم اولیه

  •   آشنایی با اصطلاحات
  •   آشنایی با ابزارهای لازم
  •   نکات و راه کارهای مربوط به ثبت و انتخاب دامین مناسب
  •   نکات و راه کارهای مربوط فضای میزبانی
  •   آشنایی کامل با هاست وپنل های مدیریت آنها
  •   آشنایی با تکنیک های بازاریابی
  •   بررسی قرار دادها

 

Front-End

  •   مفهوم HTML
  •   تاریخچه HTML وبررسی نسخه های آن
  •   XHTML و تفاوت آن با HTML
  •   بررسی انواع استانداردهای صفحات وب
  •   بررسی ساختار تگ ها
  •   بررسی عناصر اصلی صفحه
  •   آشنایی با تگ های بخش عنوان
  •   قوانین صفت ها
  •   ایجاد و ذخیره اولین صفحه وب
  •   کار کردن با متن ها و اعمال تغییرات روی آنها
  •   بررسی کلی صفت ها
  •   آشنایی با سبک های فیزیکی و منطقی
  •   توضیح ها و نقل قول ها
  •   آشنایی با انواع لینک ها درHTML
  •   بررسی تگ های مربوط به لینک ها
  •   آشنایی با عناصر بلاکی ودرون خطی
  •   کار با تصاویر در HTML
  •   آشنایی با محیط های کد نویسی و مقایسه آنها
  •   تقسیم بندی اطلاعات با لیست ها در HTML
  •   کار با جداول
  •   ایجاد فرم ها وبررسی انواع فیلد ها
  •   ایجاد صفحات چند گانه در HTML
  •   بررسی خطاها و Validate کردن XHTML
  •   آشنایی با تگ div
  •   آشنایی با تگ Span
  •   قالب بندی صفحات وب با استفاده از تگ div
  •   معرفی و بررسی انواع سلکتور ها در cssنسخه های آن
  •   نحوه تعریف اصولی انواع سلکتور ها
  •   بررسی property ها و value ها در css
  •   اولویت در اعمال استایل‌ها
  •   کلاس های کاذب
  •   آشنایی با ویژگی !important
  •   بررسی مدهای رنگ در css
  •   ابعاد صفحه با css
  •   بررسی مدل جعبه ای
  •   استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
  •   بررسی مدل جعبه ای
  •   استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
  •   باکس بندی صفحه و کار با سلکتورهای class وId
  •   بررسی ویژگی float
  •   بررسی انواع position ها در css
  •   ساخت انواع منو های آبشاری با استفاده از css
  •   طراحی فرم ها و جداول پیشرفته به کمک css
  •   بررسی قواعد مربوط به چاپ
  •   بررسی خطاها و validate کدهای css
  •   معرفی HTML5
  •   مستندات HTML5
  •   تعریف ساختار صفحه
  •   بررسی عناصر مربوط به ساختار صفحه
  •   عناصر header,section,article,nav,aside,footer
  •   بررسی عناصر جدید اضافه شده
  •   فرم ها در HTML5
  •   تایپوگرافی
  •   پیوست انواع فونت دلخواه به صفحه
  •   صوت و تصویر در HTML5
  •   بررسی تگ svg
  •   بررسی تگ canvas
  •   راه کارهای هماهنگی HTML5 با تمامی مرورگرها
  •   تبدیل یک قالب با استاندارد XHTML به قالب با استاندارد های HTML5
  •   API ها
  •   معرفی CSS3
  •   بررسی ویژگی های جدید
  •   بررسی گزینش گرهای اضافه شده
  •   مرجع قوانین CSS
  •   رنگ ها در CSS3
  •   ایجاد سایه ها
  •   ایجادگوشه های گرد و اشکال هندسی
  •   توالی رنگ ها
  •   دستورات جدید تصاویر
  •   تغییر شکل ها
  •   حرکات انتقالی
  •   انیمیشن ها
  •   دستورات جدید تصاویربررسی نکات مربوط به اجرای css3 در تمامی مرور گرها
  •   بررسی طراحی واکنش گرا
  •   استفاده از Media query ها
  •   Media query ها
  • Sass
  •   آشنایی با مفاهیم جاوا اسکریپت
  •   آشنایی با مفاهیم  JQuery
  •   بررسی پلاگین های پرکاربرد
  •  آشنایی با فریم ورک های طراحی وب
  • بوت استرپ
  •  طراحی و پیاده سازی به کمک بوت استرپ
  • گیت
  • کارگاه وردپرس

 

وردپرس

  • مقدمات اولیه، پیشنیازها و آشنایی با وردپرس
  • نصب وردپرس روی لوکال و آشنایی با فایل ها و دیتابیس وردپرس
  • شروع کار با داشبورد وردپرس
  • آشنایی با برگه ها، نوشته ها، دسته ها و برچسب ها
  • آشنایی با رسانه وردپرس
  • آشنایی با دیدگاه ها در وردپرس
  • آشنایی با هاست و کنترل پنل آن
  • آشنایی با دامنه های اینترنتی
  • نصب وردپرس روی هاست
  • تنظیمات وردپرس
  • آشنایی با قالب ها و افزونه های وردپرس
  • آشنایی با فهرست ها (منو ها) در وردپرس
  • آشنایی با بخش کاربران و نقش ها در وردپرس
  • آشنایی با ابزارها یا درون ریزی و برون بری وردپرس
  • آشنایی با ابزارک های وردپرس
  • آشنایی با افزونه های آمار سایت و سئو
  • آشنایی با چند افزونه ضروری
  • ترجمه قالب و افزونه های وردپرس
  • آشنایی کامل با قالب چند منظوره Enfold و برگه ساز پیشرفته آن
  • آشنایی با افزونه برگه ساز visual composer
  • آشنایی با افزونه بکاپ گیری پیشرفته در وردپرس
  • آموزش طراحی وب سایت چند زبانه در وردپرس
  • آموزش استفاده از افزونه سرعت و امنیت در وردپرس
  • آموزش ساخت فرم های حرفه ای در وردپرس
  • آَشنایی با فروشگاه ساز ووکامرس
  • معرفی افزونه های مهم فروشگاه ساز ووکامرس
  • آشنایی با پلاگین های ساخت اپلیکیشن اندروید و آیفون
  • پروژه اول: طراحی یک وب سایت one page بر پایه وردپرس
  • پروژه دوم: طراحی یک وب سایت شرکتی بر پایه وردپرس
  • پروژه سوم: طراحی یک وب سایت فروشگاهی بر پایه وردپرس
  • بررسی فروش و کسب درآمد از قالب های طراحی شده وردپرس در marketplace ها
  • جمع بندی دوره، معرفی وب سایت ها و ابزارها و تعیین نقشه راه

پیش نیازها

این دوره پیش نیاز ندارد.

تقویم دوره

در حال حاضر تقویمی برای این دوره تعریف نشده است.

نظرات

به عنوان اولین نفر، نظر خود را بنویسید!

متن ساده

  • تگ‌های HTML مجاز نیستند.
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
  • Web page addresses and email addresses turn into links automatically.