مروری بر دوره
پک کاربردی وب برای علاقمندان به طراحی و توسعه انواع وبسایت و وب اپلیکیشنها گردآوری شده است که در آن سه مبحث شغلی بسیار بهروز و جذاب به صورت کامل ارائه میشود. با تهیه این پک میتوانید با یک تیر سه نشان بزنید و در سه دوره "طراحی و توسعه وب" طراحی رابط و تجربه کاربری (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 ها
- جمع بندی دوره، معرفی وب سایت ها و ابزارها و تعیین نقشه راه
به عنوان اولین نفر، نظر خود را بنویسید!