Sorry, no posts matched your criteria.

این سایت در ستاد ساماندهی ثبت شده و تابع قوانین جمهوری اسلامی میباشد

آموزش Jquery Mobile – بخش پنجم دوره صد روز تا Developer شدن

۲۸ آذر ۱۳۹۷
بدون نظر


آموزش Jquery Mobile – بخش پنجم دوره صد روز تا Developer شدن

در بخش اول “آموزش جامع صد روز تا Developer شدن” مفاهیم HTML و HTML5 را آموختیم.

مشاهده آموزش HTML و HTM5

در بخش دوم “آموزش جامع صد روز تا Developer شدن” آموزش CSS را داشتیم.

مشاهده آموزش CSS

در بخش سوم “آموزش جامع صد روز تا Developer شدن” آموزش جاوااسکریپت را گفتیم.

مشاهده آموزش JavaScript

در بخش چهارم “آموزش جامع صد روز تا Developer شدن” مفاهیم JQuery را آموختیم.

مشاهده آموزش Jquery

 

در این بخش از “آموزش جامع صد روز تا Developer شدن” آموزش Jquery Mobile  را خواهیم داشت. در بخش های بعدی آموزشPhonegap , Cordova , VueJS , Rect ,  ReactNative , AngularJS , Ionic را ادامه خواهیم داد.

 

معرفی دوره آموزش Jquery Mobile :

 در این دوره، به برنامه‌نویسی جی کوئری موبایل که پنجمین مجموعه از سری آموزش «صد روز تا Developer شدن »  است، پرداخته‌شده که در آن با فریم ورک Jquery Mobile و همچنین مفاهیم جدیدی از زبان html  که پایه و اساس برنامه‌نویسی تحت وب است  به‌صورت پروژه محور و با بیانی ساده،  آشنا می شوید.

در بخش های قبل، سایت شخصی خود را با زبان  htmlبه‌صورت قدم‌به‌قدم ایجاد کرده و به شما مفاهیم زبان html را آموزش دادیم و سپس در بخش Css سایت را زیباسازی کردیم. همچنین با زبان قدرتمند جاوا اسکریپت و با قابلیت‌های منحصر به فرد آن در حوزه وب آشنا شدیم . حال در این مجموعه با فریم ورک جی.کوئری موبایل، آشنا و با قابلیت‌های این مجموعه که یکی از ابزارهای  بسیار اساسی در توسعه اپلیکیشن های موبایل  است، آشنا خواهیم شد.

شما پس‌ازاین دوره به‌راحتی می‌توانید با کتابخانه جی.کوئری موبایل، یک اپلیکیشن موبایلی با زبان html ایجاد نمایید.

پیش‌نیازهای این دوره:

  • آشنایی با Html
  • آشنایی با Css
  • آشنایی با جاوا اسکریپت

Jquery Mobile , توسعه وب و موبایل ,Jquery

آنچه در دوره آموزش Jquery Mobile خواهید آموخت:

شروع کار با جی کوئری موبایل

  • معرفی دوره جی کوئری موبایل
  • معرفی بیشتر دوره و نیازمندی‌های آن
  • اضافه کردن نسخه‌های جی کوئری موبایل به سایت و شروع برنامه‌نویسی
  • ایجاد یک صفحه در جی کوئری موبایل و معرفی متا تگ viewport
  • توضیح نقش‌ها
  • اضافه کردن صفحات
  • معرفی دیالوگ و نحوه انتقال صفحه

دکمه‌ها در جی.کوئری موبایل

  • دکمه‌ها
  • دکمه‌های خطی و اضافه کردن انواع آیکن در دکمه

ابزارها در جی کوئری موبایل

  • popup ها
  • دیالوگ‌ها
  • نوارابزار
  • نوارهای ناوبری (Navigation)
  • پنل ها
  • قطعه جمع‌شوها

جدول، شبکه، لیست و فیلتر

  • جدول در جی کوئری موبایل
  • استایل دهی به جدول در جی کوئری موبایل
  • شبکه بندی (Grid) در جی کوئری موبایل
  • لیست‌ها در جی کوئری موبایل
  • تصاویر بند انگشتی و آیکن در لیست‌ها

فرم‌ها در جی کوئری موبایل

  • فرم در جی کوئری موبایل
  • دکمه‌های فرم در جی کوئری موبایل
  • یک فرم نمونه در جی کوئری موبایل
  • عناصر مختلف ورودی فرم
  • سایر عناصر مختلف ورودی فرم
  • تم‌های پیش فرض
  • اضافه کردن تم جدید
  • ابزار ThemeRoller

رویدادها در جی کوئری موبایل

  • معرفی رویدادها
  • انواع رویدادها و ارائه یک مثال عملی

سورس پروژه در اختیار شما قرار خواهد گرفت.

در بخش های بعدی این دوره جامع، آموزش Phonegap , Cordova , VueJS , Rect , ReactNative , AngularJS و Ionic را خواهیم داشت.

منتظر انتشار دوره های بعدی باشید…

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.


بخش هشتم آموزش ساخت فروشگاه با ASP MVC و طراحی اپ موبایل با Xamarin

۲۶ آذر ۱۳۹۷
بدون نظر


آموزش ساخت فروشگاه با ASP.Net و طراحی اپ موبایل با Xamarin

در بخش اول مروری بر پیش نیازها داشتیم.

بخش اول آموزش طراحی سایت و اپلیکیشن موبایل

در فصل دوم شروع ساخت پروژه فروشگاه سمت وب با ASP MVC و تحلیل و پیاده سازی دیتابیس بررسی شده است.

بخش دوم آموزش طراحی سایت و اپلیکیشن موبایل

در فصل سوم پنل ها و تنظیمات اصلی را یاد گرفتیم.

بخش سوم آموزش طراحی سایت و اپلیکیشن موبایل

در فصل چهارم پنل ها و تنظیمات اصلی آن را توضیح دادیم.

بخش چهارم آموزش طراحی سایت و اپلیکیشن موبایل

در بخش پنجم برندها و گروه ها را بررسی کردیم.

بخش پنجم آموزش طراحی سایت و اپلیکیشن موبایل

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

بخش ششم آموزش طراحی سایت و اپلیکیشن موبایل

در بخش هفتم نحوه ثبت سفارش را به طور کامل توضیح دادیم.

بخش هفتم آموزش طراحی سایت و اپلیکیشن موبایل

هر بخش از این دوره آموزشی در یکشنبه های هر هفته به مدت ۱۵ هفته منتشر می شود.

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

همچنین هر هفته جمعه ساعت ۱۸ تا ۱۹ به صورت آنلاین و در ارتباط زنده با مدرس آموزش جناب آقای عامری می توانید اشکالات خود را مطرح و رفع کنید.

 

پیش نیازهای دوره آموزش طراحی سایت و آموزش زامارین چیست؟

  • آموزش مقدماتی سی شارپ (درک و آشنایی با گرامر و ساختارهای سی شارپ)
  • آشنایی با تگ‌های HTML و دستورات ساده CSS
  • آشنایی مقدماتی با چهارچوب MVC

 

نرم افزارهای مورد استفاده کدام موارد هستند؟

  • Visual Studio 2017
  • SQL Server 2014

 

تکنولوژی‌های استفاده شده در دوره آموزش طراحی سایت و آموزش زامارین چیست؟

  • C#.NET
  • ASP.NET MVC
  • Entity Framework (Code First)
  • Bootstrap (Html, CSS, Javascript)
  • JSon, JQuery
  • WebAPi, Web Service

ASP.Net MVC , Entity Framework Code First , بوتسترپ , فروشگاه اینترنتی

 

در بخش هشتم آموزش ساخت فروشگاه با ASP.Net و طراحی اپ موبایل با Xamarin چه یاد خواهیم گرفت؟

عنوان فصل : تکمیل سایت + راه اندازی

  • قسمت اول : تکمیل فروش (کسر موجودی)
  • قسمت دوم : نمایش پرفروش ترین محصولات
  • قسمت سوم : گزارش گیری (بخش اول)
  • قسمت چهارم : گزارش گیری (بخش دوم)
  • قسمت پنجم : اندازه تصاویر
  • قسمت ششم : پابلیش وب سایت
  • قسمت هفتم : معرفی کنترل پنل Plesk
  • قسمت هشتم : راه اندازی وب سایت

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.


بخش نهم آموزش ساخت فروشگاه با ASP MVC و طراحی اپ موبایل با Xamarin

۲۶ آذر ۱۳۹۷
بدون نظر


آموزش ساخت فروشگاه با ASP.Net و طراحی اپ موبایل با Xamarin

در بخش اول مروری بر پیش نیازها داشتیم.

بخش اول آموزش طراحی سایت و اپلیکیشن موبایل

در فصل دوم شروع ساخت پروژه فروشگاه سمت وب با ASP MVC و تحلیل و پیاده سازی دیتابیس بررسی شده است.

بخش دوم آموزش طراحی سایت و اپلیکیشن موبایل

در فصل سوم پنل ها و تنظیمات اصلی را یاد گرفتیم.

بخش سوم آموزش طراحی سایت و اپلیکیشن موبایل

در فصل چهارم پنل ها و تنظیمات اصلی آن را توضیح دادیم.

بخش چهارم آموزش طراحی سایت و اپلیکیشن موبایل

در بخش پنجم برندها و گروه ها را بررسی کردیم.

بخش پنجم آموزش طراحی سایت و اپلیکیشن موبایل

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

بخش ششم آموزش طراحی سایت و اپلیکیشن موبایل

در بخش هفتم نحوه ثبت سفارش را به طور کامل توضیح دادیم.

بخش هفتم آموزش طراحی سایت و اپلیکیشن موبایل

در بخش هشتم سایت را تکمیل و پیاده سازی کردیم.

بخش هشتم آموزش طراحی سایت و اپلیکیشن موبایل

 

در این بخش از آموزش، مباحث زامارین و پیاده سازی اپلیکیشن موبایل شروع می شود.

 

در بخش نهم آموزش ساخت فروشگاه با ASP.Net و طراحی اپ موبایل با Xamarin چه یاد خواهیم گرفت؟

عنوان فصل : مقدمات زامارین

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

ASP.Net MVC , Entity Framework Code First , Xamarin.Android , Xamarin.iOS , فروشگاه اینترنتی , Xamarin.Form

 

پیش نیازهای دوره آموزش طراحی سایت و آموزش زامارین چیست؟

  • آموزش مقدماتی سی شارپ (درک و آشنایی با گرامر و ساختارهای سی شارپ)
  • آشنایی با تگ‌های HTML و دستورات ساده CSS
  • آشنایی مقدماتی با چهارچوب MVC

 

نرم افزارهای مورد استفاده کدام موارد هستند؟

  • Visual Studio 2017
  • SQL Server 2014
  • SQLite

 

تکنولوژی‌های استفاده شده در دوره آموزش طراحی سایت و آموزش زامارین چیست؟

  • C#.NET
  • ASP.NET MVC
  • Entity Framework (Code First)
  • Bootstrap (Html, CSS, Javascript)
  • JSon, JQuery
  • WebAPi, Web Service
  • Xamarin.Android
  • Xamarin.iOS
  • Xamarin.Form
  • XAML

 

– هر بخش از این دوره آموزشی در یکشنبه های هر هفته به مدت ۱۵ هفته منتشر می شود.

– لینک گروه تلگرامی پرسش و پاسخ برای سوالات دانشجویان این دوره آموزشی، پس از خرید همراه با لینک ها ی آموزش در اختیارتان قرار می گیرد.

– همچنین هر هفته جمعه ساعت ۱۸ تا ۱۹ به صورت آنلاین و در ارتباط زنده با مدرس آموزش، جناب آقای عامری، می توانید اشکالات خود را مطرح و رفع کنید.


آموزش ساخت آپلودسنتر با فریم ورک سیمفونی- فصل ۱ تا ۳

۲۳ آذر ۱۳۹۷
بدون نظر


آموزش ساخت آپلودسنتر با فریم ورک سیمفونی- فصل ۱ تا ۳

شاید بارها در سایت‌هایی که خدمات آپلود رایگان در اختیار کاربران قرار می‌دهند فایل آپلود کرده باشید. روزانه هزاران کاربر در سایت‌های آپلودی فایل آپلود می‌کنند،شاید برای شما این سؤال پیش بیاید که این آپلود سنتر ها هزینه پرداخت این فضا را چگونه به دست می آورند. ممکن است در یک روز در یک سایت آپلود سنتر ۱۰۰ گیگ فایل آپلود شود، خرید هاست با این فضای بالا هزینه زیادی دارد اما سایت‌های آپلودی از چه سیستمی استفاده می‌کنند؟

مثلاً یکی از آپلود سنتر های قدرتمند کشور picofile است. ما در این دوره آموزشی یک سایت قدرتمند آپلود سنتر را طراحی و پیاده‌سازی خواهیم کرد، خیلی قدرتمندتر از سایت picofile تا شما بتوانید با تکنیک‌هایی که وجود دارد با کم‌ترین هزینه آپلود سنتر قدرتمند را طراحی و پیاده‌سازی کنید. شرکت در این دوره برای هر توسعه‌دهنده‌ای لازم است چون حتی اگر قصد طراحی آپلود سنتر را نداشته باشید راهکارهایی را یاد خواهید گرفت که هزینه‌های سایت خود ار تا حد قابل توجه ای پایین  بیاورد و سایت های خود را با هاست های ارزان قیمت آپلودی ارتباط دهید که مجبور  به پرداخت هزینه های سنگین هاست نباشید .

آموزش ساخت آپلودسنتر با فریم ورک سیمفونی

پیش نیاز آموزش :

  • آشنایی با زبان برنامه نویسی PHP

فصل اول :

در این فصل با نحوه پیاده سازی سیستم و بیس کار آشنا خواهید شد که بتوانید قواعد و قوانین ساخت یک دیتابیس بهینه و پیاده‌سازی دیتابیس با نرم‌افزار محبوب MySQL Workbench رو یاد بگیرید. اگر قصد وارد شدن به دنیای حرفه‌ای‌ها را دارید یک فریم ورک خوب برای ادامه فعالیت خودتان انتخاب کنید تا در آینده پشیمان نشوید.  همچنین در این فصل از آموزش با راه‌های مختلف نحوه نصب فریم ورک سیمفونی و همچنین خود این فریم ورک به‌صورت کامل آشنا خواهید شد و درنهایت تبدیل کردن جداول ساخته‌شده به entity و ارتباط بین جداول کامل آشنا خواهید شد.

سرفصل‌ها ازاین‌قرار هستند:

  • ایجاد دیتابیس سیستم با نرم‌افزار MySQL Workbench
  • نصب پیش‌نیازهای پروژه
  • انتخاب بهترین فریم ورک برای کار با پروژه
  • نصب فریم ورک سیمفونی با دو روش موجود در سایت سیمفونی
  • بررسی خطاهای رایج سیمفونی در هنگام نصب
  • تبدیل جداول و دیتابیس ساخته‌شده به ENTITY
  • آموزش کامل ایجاد روابط بین جداول در پروژه
  • بررسی کامل نحوه ساخت یک دیتابیس بهینه

فصل دوم:

داشتن یک قالب بهینه برای یک سایت مهم‌ترین فاکتور است چون قالب بهینه در سرعت سایت و بالا آمدن سایت در موتورهای جستجو اهمیت زیادی دارد. یک اشتباه می‌تواند خیلی گران تمام شود و شاید کل سایت را از نتایج گوگل حذف کند. همچنین ترفندهایی وجود دارد که می توان رقیبان خود را پشت سر گذاشت و به رتبه‌های بالاتری رسید. در این فصل آموزش با پیاده‌سازی یک قالب بهینه با سیستم قدرتمند مدیریت قالب twig آشنایی پیدا خواهید کرد و با قواعد و قوانین سئو و بهینه‌سازی آشنا می‌شوید همچنین توانایی بخش بندی قالب و مدیریت کردن آن را به دست میاورید تا بتوانید یک قالب فوق‌العاده را ایجاد کنید.

سرفصل‌ها ازاین‌قرار هستند:

  • آموزش ساخت قالب با سیستم قدرتمند TWIG
  • طراحی قالب سایت
  • رعایت کردن نکات مهم در طراحی قالب برای بهینه‌سازی و سئو سایت
  • بهینه کردن قالب سایت و تست قالب در سایت‌های آنلاین مثل gtmetrix

فصل سوم:

خیلی از سایت‌های آپلودی برای وب‌سایت خود امکان ثبت نام در سایت را فراهم کرده‌اند که خدمات بیشتری به کاربران سایت خود ارائه کنند. مثل آپلود بی‌نهایت فایل کاربران مهمان در سایت‌های آپلود محدودیت آپلود دارند و بیشتر از حجم در نظر گرفته‌شده برای آن‌ها نمی‌توانند فایل آپلود کنند تا زمانی که عضو سایت شوند. در این فصل از آموزش امکان ثبت‌نام در سایت را برای کاربران فراهم می کنیم برای کاربران مهمان محدودیت آپلود در نظر می‌گیریم و بر روی امنیت و مباحث امنیتی مانور زیادی خواهیم داد سامانه پیامکی برای سیستم راه‌اندازی خواهیم کرد. امکان فعال‌سازی حساب کاربری به‌وسیله  sms  و ایمیل رو فراهم می‌کنیم همچنین با نحوه ارسال ایمیل و طراحی صفحه یا قالب برای ایمیل‌ها آشنا خواهیم شد و …

سرفصل‌ها ازاین‌قرار هستند:

  • طراحی فرم ثبت‌نام
  • اعتبار سنجی فرم ثبت‌نام با jquery و php
  • اعتبار سنجی فرم با validation های سیمفونی
  • امکان ایجاد ثبت‌نام کاربر در سایت
  • جلوگیری از تکراری بودن مشخصات کاربران در سیستم
  • نمایش خطاهای سیستم با ajax برای کاربر
  • ایجاد سامانه پیامکی در سیستم
  • شخصی‌سازی کدهای سیستم پیامکی با oop و استفاده راحت برای ارسال sms
  • ایجاد امکان فعال‌سازی حساب کاربری به‌وسیله  sms   و ایمیل
  • ساخت صفحه اختصاصی ایمیل‌های ارسالی از سمت سیستم با twig
  • ارسال کردن sms تا به‌صورت ۱۰۰ درصد واقعی حتی در صورت خرابی یک اپراتور
  • ایجاد امکان درخواست مجدد کد فعال‌سازی برای کاربر و محدود کردن درخواست‌ها
  • ساخت سیستم فراموشی رمز عبور برای کاربران یک سیستم با امنیت بالا

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.


آموزش Bootstrap4 در قالب سه پروژه عملی و کاربردی

۲۱ آذر ۱۳۹۷
بدون نظر


“آموزش Bootstrap4 در قالب سه پروژه عملی و کاربردی”

Bootstrap چیست؟

وقتی می‌خواهیم یک صفحه وب را طراحی کنیم باید از طریق html، css ، jquary و… صفحه مورد نظر را کدنویسی کنیم، حال اگر بخواهیم یک صفحه وب را در سریع‌ترین شکل ممکن به صورت واکنش گرا طراحی کنیم بهترین گزینه استفاده از Bootstrap است چون ابزاری‌هایی را در اختیار ما قرار می‌دهد که روند طراحی و کدنویسی را سریع‌تر می‌کند.

طراحی قالب یک وبسایت از پایه زمان‌بر است حتی برای کسانی که چندین سال کار کد نویسی قالب انجام داده‌اند و به زبان‌های html، css، جاوا اسکریپت و… تسلط دارند، تعدادی از طراحان و توسعه‌دهندگان سایت معروف توییتر در جهت رفع این مشکل، فریم ورکی به نام بوت استرپ ارائه کردند که طراحی صفحات وب را برای توسعه دهندگان و طراحان وب آسان‌تر کرد که در حال حاضر تعداد زیادی از طراحان صفحات وب از فریم ورک بوت استرپ استفاده می‌کنند.

ویژگی‌های جدید Bootstrap  ورژن ۴ : 

  • اسباب کشی از LESS به SASS
  • بهبود یافتن سیستم Grid
  • پشتیبانی توکار از Flex box
  • اضافه شدن ویژگی جدید Cards
  • ثابت شدن تمام HTML Reset ها داخل یک ماژول جدید با نام Reboot
  • قابلیت سفارشی سازی مدرن
  • توقف پشتیبانی از IE8 و IE9 و استفاده از واحدهای em و rem
  • بازنویسی مجدد پلاگین‌های جاوا اسکریپت در بوت استرپ ۴
  • بهبود یافتن مکان قرارگیری خودکار tooltip و popover
  • بازنویسی تمام مستندات
  • اما در بین این ویژگی‌های اضافه شده در سیستم فریم ورک، یک ویژگی خاص برای کاربران وجود دارد که از آن می‌توان به عنوان یک ویژگی منحصر بفرد در این نسخه نام برد. بوت استرپ ۴ از بوت استرپ ۳ پشتیبانی می‌کند و کاربران می‌توانند بدون نگرانی به توسعه وب با بوت استرپ ۳ پرداخته و پس از عرضه نسخه کامل بوت استرپ ۴، کدهای خود را بهبود دهند.

 

Bootstrap
آموزش Bootstrap

سرفصل‌های دوره بوتسترپ:

-معرفی دوره:

  • معرفی دوره و توضیح پروژه ها

-تایپو گرافی:

  • کلاس هدر و display و فونت ها و…
  • ایجاد معماری فانکشنال برای پروژه و واکشی اطلاعات از دیتابیس
  • کلاس float , fixtop و …
  • کلاس های عرض و ارتفاع و border
  • آموزش ریسپانسو کردن قالب

-دکمه ها :

  • طراحی انواع دکمه ها در بوت استرپ ۴

-Navbar:

  • طراحی navbar ریسپانسیو

-List group ها:

  • لیست گروپ ها و ایجاد تب با لیست گروپ

-Form group:

  • کلاس های فرم ها و فرم گروپ ها

-جداول و alert:

  • ایجاد جداول و نمایش پیغام ها با کلاس های alert

-صفحه بندی

-Card:

  • کار با انواع card

-سیستم گرید

-Flexbox:

-Collapse-Accordion-Tooltips

-modal

-پروژه اول:

  • پروژه ساخت سایت استاتیک تک صفحه ای

-پروژه دوم:

  • پروژه ساخت پنل مدیریت

-پروژه سوم:

  • پروژه ساخت قالب رزومه شخصی

 

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.


وبینار آموزش شروع استارتاپ با ابزار Lean Canvas ( بوم ناب )

۱۹ آذر ۱۳۹۷
بدون نظر


آموزش شروع استارتاپ با ابزار Lean Canvas ( بوم ناب )

اگر به دنبال راه اندازی یک استارتاپ هستید، این وبینار را از دست ندهید.

در این وبینار “نیما الفت” ، کارشناس ارشد MBA صنعتی شریف و توسعه دهنده کسب و کارها، مشاور شتابدهنده امید و سامانه میدون و هم بنیان گذار شرکت فناوران شریف به شما یاد خواهد داد که چطور به کمک ابزار بوم ناب ، استارتاپ خود را راه اندازی کنید.

بوم ناب، قبل از شروع یک استارتاپ به منظور مشخص شدن مراحل کار، چالش ها، مشکلات، راه حل ها و نحوه مارکتینگ و درآمد نوشته می شود.

 

وبینار آموزش راه اندازی کسب و کار ، به شما کمک می کند تا در قالب مثال های عملی

کار با “بوم ناب” را یاد بگیرید و در راه اندازی استارتاپ خود از آن بهره بگیرید.

 

آنچه در وبینار آموزش شروع استارتاپ، با ابزار Lean Canvas یا بوم ناب یاد خواهید گرفت:

  • از کجا شروع کنیم؟
  •  تفاوت بین Business Plan و Business Model
  • شناخت رویکرد Lean
  • تفاوت BMC با Lean Canvas
  • آشنایی با اجزای Lean Canvas
  • تکمیل Lean Canvas در قالب مثال

بخش هشتم دوره جامع آموزش UI و UX – ساخت پروتوتایپ های کاغذی

۱۳ آذر ۱۳۹۷
بدون نظر


آموزش UI و UX – ساخت پروتوتایپ های کاغذی

اگر با سرچ کردن کلماتی مثل آموزش ساخت پروتوتایپ،پروتوتایپ کاغذی، آموزش invision، paper prototypeا، ابزار های ساخت پروتوتایپ و… وارد این صفحه شدید یا دوست دارید از اول مطالب این دوره آموزشی را دنبال کنید، پیشنهاد می کنم اینجا کلیک کنید تا سرفصل ها را به صورت کامل مشاهده کنید و تصمیم بگیرید که آیا این دوره مناسب شما است یا نه.

در جلسه قبلی چگونگی استفاده از ابزار فتوشاپ برای طراحی را یاد گرفتیم. در این بخش از آموزش به مبحث جذاب پروتوتایپ ها می پردازیم. فرایند رسیدن از ایده به محصول، فرایندی نامنظم است. یادگیری چگونگی ساخت پروتوتایپ از ارائه یک ایده، گرفتن بازخورد و تکرار این چرخه، مهمی‌ترین مهارتی است که هر کس در فکر ساخت پروتوتایپ است، باید داشته باشد. همچنین این مسئله یکی از مهم‌ترین اجزای شغل طراح UX محسوب می‌شود.

آموزش ساخت پروتوتایپ های کاغذی

پروتوتایپ‌ها در اشکال گوناگون عرضه می‌شوند، از یک رسم ساده روی کاغذ تا شبیه‌سازی تعاملی پیچیده‌ای که تجربه کار با محصول نهایی را نشان می‌دهد. این راهنما برای افراد کاملاً مبتدی نوشته شده است که می‌خواهند درکی کلی و مقدماتی از پروتوتایپ داشته باشند.

اگر بخواهیم نگاهی به سرفصل های این دوره داشته باشیم باید بگویم که در ابتدا به معرفی و تئوریات طراحی پروتوتایپ ها یا نمونه های اولیه محصولات نرم افزاری می پردازیم و سپس به صورت عملی با چگونگی خلق پروتوتایپ های کاغذی به صورت کامل آشنا خواهیم شد.

در ادامه به این مبحث خواهیم پرداخت که چگونه ابزار های ساخت پروتوتایپ را انتخاب کنیم و به معرفی ابزار های دیجیتال طراحی و ساخت پروتوتایپ ها خواهیم پرداخت.

پروتوتایپ در حقیقت یک نمونه‌ی اولیه، مدل، یا الگوی محصولی است که

برای تست یک «مفهوم/ فرایند/ محصول» و درک نکات ضروری اصلاحی ساخته می‌شود.

 پروتوتایپ یا نمونه اولیه چیست

پروتوتایپ های کاغذی نمونه های بسیار مناسبی برای تست ایده ها و ابزاری کم هزینه برای ساخت نمونه اولیه محصولات نرم افزاری هستند.

با اینکه روش کلاسیکی برای ساخت پروتوتایپ به حساب میان ولی همچنان محبوب و پر استفاده اند.

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

در دومین قسمت با تماشای یک تست از paper prototype به این پرسش پاسخ خواهیم داد که آیا ساخت نمونه اولیه با کاغذ و مقوا می تواند کاربردی باشد یا نه؟ تست ما راجع به اپلیکیشی است که برای کودکان تحت ایپد طراحی شده.

در سومین قسمت با ویژگی های یک پروتوتایپ قابل قبول آشنا می شویم  و چگونگی برسی مناسب بودن نمونه اولیه را آموزش خواهیم داد. در واقع تکنیک های آزمایش نمونه اولیه را بیان خواهیم کرد.

در چهارمین قسمت علاوه بر ادامه مبحث قبل به مبحث پروسه طراحی خواهیم پرداخت. یاد خواهیم گرفت که چه زمانی باید از اسکچ چه زمانی باید از وایرفریم چه زمانی باید از موکاپ و چه زمانی از پروتوتایپ استفاده کنیم.

در پنجمین ویدیو از بخش اول معایب و مزایای ساخت نمونه اولیه کاغذی را مطرح و به پرسش های زیادی در رابطه با خلق paper prototype ها پاسخ خواهیم داد.

آموزش ساخت پروتوتایپ های کاغذی و استفاده از آن

در اولین ویدیو از بخش دوم این آموزش به معرفی ابزار های مورد نیاز برای ساخت پروتوتایپ های کاغذی می پردازیم.

در دومین ویدیو به مبحث پروسه User-Centered Design (UCD) خواهیم پرداخت.

در سومین ویدیو اولین پروتوتایپ کاغذی را ایجاد می کنیم.

در چهارمین ویدیو چگونگی آزمایش پروتوتایپ های کاغذی را می آموزیم.

آموزش ساخت پروتوتایپ های کاغذی

ویدیو اول از بخش سوم این آموزش شما را با تمامی ابزار های دیجیتالی که برای تلفن همراه خودتان و رایانه نیاز دارید آشنا می کنم، بعضی از ابزار هایی که راجع به آن ها توضیح می دهیم مثل marvel و invision و axure  و Adobe Preview یا UXPIN و…

در دومین ویدیو از بخش سوم به شما چگونگی ساخت پروتوتایپ های تعاملی به وسیله ابزار های آنلاین را آموزش خواهیم داد. برای این کار از ابزار invision به صورت مختصر استفاده می کنیم.

Prototype

 

به همراه این جلسه آموزشی دوره آموزشی ابزار Flinto و دوره طراحی اسکچ گوگل به همراه کتاب فارسی آموزش axure قرار داده شده است.

همچنین کاغذ های مخصوص طراحی اسکچ و وایرفریم نیز در کنار دوره قرار گرفته است.

invision and prototype

 

آنچه در بخش هشتم دوره جامع آموزش UI و UX – ساخت پروتوتایپ های کاغذی یاد خواهید گرفت:

بخش اول پروتوتایپ چگونه ساخته می شود؟

  •  معرفی بخش اول دوره؛ پروتوتایپ چیست؟
  • پروتوتایپ کاغذی، آری؟ یا نه؟ (نمایش کاربردی بودن پروتوتایپ های کاغذی)
  •  ویژگی های یک پروتوتایپ خوب – بخش اول
  •  ویژگی های یک پروتوتایپ خوب – پروسه طراحی
  •  معایب و مزایای نمونه های اولیه کاغذی

بخش دوم محصولات کاغذی!!!

  •  آنچه که قراره خلق کنیم!
  •  پروسه User-Centered Design یا UCD
  • ساخت عملی اولین پروتوتایپ کاغذی
  • تست نمونه های اولیه کاغذی

بخش سوم جعبه ابزار ساخت پروتوتایپ

  • معرفی تمامی ابزار هایی که برای ساخت پروتوتایپ نیاز دارید
  •  آموزش تبدیل PSD به پروتوتایپ با کمک invision

 ویدیو های کمک آموزشی زبان اصلی

  •  آموزش اسکچ – گوگل
  • آموزش کار با ابزار آنلاین Flinto

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.


بخش هشتم آموزش ساخت فروشگاه با ASP MVC و طراحی اپ موبایل با Xamarin

۴ آذر ۱۳۹۷
بدون نظر


آموزش ساخت فروشگاه با ASP.Net و طراحی اپ موبایل با Xamarin

در بخش اول مروری بر پیش نیازها داشتیم.

بخش اول آموزش طراحی سایت و اپلیکیشن موبایل

در فصل دوم شروع ساخت پروژه فروشگاه سمت وب با ASP MVC و تحلیل و پیاده سازی دیتابیس بررسی شده است.

بخش دوم آموزش طراحی سایت و اپلیکیشن موبایل

در فصل سوم پنل ها و تنظیمات اصلی را یاد گرفتیم.

بخش سوم آموزش طراحی سایت و اپلیکیشن موبایل

در فصل چهارم پنل ها و تنظیمات اصلی آن را توضیح دادیم.

بخش چهارم آموزش طراحی سایت و اپلیکیشن موبایل

در بخش پنجم برندها و گروه ها را بررسی کردیم.

بخش پنجم آموزش طراحی سایت و اپلیکیشن موبایل

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

بخش ششم آموزش طراحی سایت و اپلیکیشن موبایل

در بخش هفتم نحوه ثبت سفارش را به طور کامل توضیح دادیم.

بخش هفتم آموزش طراحی سایت و اپلیکیشن موبایل

هر بخش از این دوره آموزشی در یکشنبه های هر هفته به مدت ۱۵ هفته منتشر می شود.

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

همچنین هر هفته جمعه ساعت ۱۸ تا ۱۹ به صورت آنلاین و در ارتباط زنده با مدرس آموزش جناب آقای عامری می توانید اشکالات خود را مطرح و رفع کنید.

 

پیش نیازهای دوره آموزش طراحی سایت و آموزش زامارین چیست؟

  • آموزش مقدماتی سی شارپ (درک و آشنایی با گرامر و ساختارهای سی شارپ)
  • آشنایی با تگ‌های HTML و دستورات ساده CSS
  • آشنایی مقدماتی با چهارچوب MVC

 

نرم افزارهای مورد استفاده کدام موارد هستند؟

  • Visual Studio 2017
  • SQL Server 2014

 

تکنولوژی‌های استفاده شده در دوره آموزش طراحی سایت و آموزش زامارین چیست؟

  • C#.NET
  • ASP.NET MVC
  • Entity Framework (Code First)
  • Bootstrap (Html, CSS, Javascript)
  • JSon, JQuery
  • WebAPi, Web Service

ASP.Net MVC , Entity Framework Code First , بوتسترپ , فروشگاه اینترنتی

 

در بخش هشتم آموزش ساخت فروشگاه با ASP.Net و طراحی اپ موبایل با Xamarin چه یاد خواهیم گرفت؟

عنوان فصل : تکمیل سایت + راه اندازی

  • قسمت اول : تکمیل فروش (کسر موجودی)
  • قسمت دوم : نمایش پرفروش ترین محصولات
  • قسمت سوم : گزارش گیری (بخش اول)
  • قسمت چهارم : گزارش گیری (بخش دوم)
  • قسمت پنجم : اندازه تصاویر
  • قسمت ششم : پابلیش وب سایت
  • قسمت هفتم : معرفی کنترل پنل Plesk
  • قسمت هشتم : راه اندازی وب سایت

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.


پکیج جامع آموزش React Native – آموزش ساخت اپلیکیشن اینستاگرام فارسی

۳ آذر ۱۳۹۷
بدون نظر


آموزش React Native – آموزش ساخت اپلیکیشن اینستاگرام فارسی

React Native چیست ؟

یکی از قدیمی‌ترین زبان‌های برنامه نویسی زبان جاوا اسکریپت می‌باشد. کاربردهای اولیه جاوا اسکریپت به علت ساده بودن این زبان و سبک بودن آن به استفاده در مرورگرها محدود می‌شد. پس از ارائه اکما اسکریپت ۶ که نسخه‌ای از جاوا اسکریپت بود که در آن اصولشی گرایی نیز مطرح و استفاده شده بود این زبان محبوبیت بیشتری پیدا کرد و در دهه جدید به دنبال رشد سریع زبان‌های برنامه نویسی، جاوا اسکریپت نیز مورد توجه توسعه دهندگان زیادی قرار گرفت و به همین دلیل فریم ورک های زیادی برای این زبان نوشته شدند.

یکی از این توسعه دهندگان شرکت بزرگ فیس بوک بود که فریم ورک React را بر مبنای زبان جاوا اسکریپت و برای ساخت برنامه‌های وب تک صفحه‌ای ساخت. پس از آن فیس بوک به دنیال توسعه React Native رفت. این فریم ورک از جاوا اسکریپت، برای ساخت اپلیکیشن های موبایل نوشته شد. با استفاده از این فریم ورک می‌توان با زبان جاوا اسکریپت اپلیکیشنی را برای دو سیستم عامل اندروید و IOS نوشت. به علت پشتیبانی شرکتی بزرگ مانند فیس بوک و سادگی زبان جاوا اسکریپت، این فریم ورک در این سال‌ها توسعه و محبوبیت بیشتری یافت. برای درک این که این فریم ورک چه قدرتی دارد کافیست به این نکته اشاره کنیم که برنامه قدرتمند و محبوبی مثل اینستاگرام با این فریم ورک نوشته شده است.

در سالیان قبل وقتی می‌خواستیم یک اپلیکیشن موبایل بنویسیم باید ابتدا به زبان جاوا مسلط می‌شدیم و برنامه اندروید را به این زبان می‌نوشتیم و در ادامه زبان Objective C یا سویفت را یاد گرفته و برنامه‌ای برای گوشی‌های آیفون می‌نوشتیم. اما امروزه با استفاده از React Native و برخی دیگر از فریم ورک های زبان‌های دیگر مانند زامارین می‌توان فقط به وسیله یک زبان و یک بار نوشتن کد، برنامه‌ای طراحی کرد که بر روی هر دو سیستم عامل اندروید و IOS اجرا شود. مزیت React Native نسبت به زامارین و بقیه فریم ورک ها شبیه بودن برنامه نوشته شده به برنامه Native است که باعث می‌شود به عنوان مثال عملکرد برنامه‌ای که با این فریم ورک برای اندروید نوشته شده با برنامه‌ای که به زبان جاوا برای اندروید نوشته شده تفاوتی نداشته باشد.

همانطور که گفتیم برنامه محبوب اینستاگرام با فریم ورک React Native نوشته شده است. پس ما اگر با این فریم ورک برنامه‌ای شبیه ایسنتاگرام بسازیم، می‌توان گفت که به مفاهیم آن مسلط شده‌ایم و آن را یاد گرفته‌ایم.

 

خلاصه ای از آنچه در این دوره خواهید آموخت:

در بخش اول دوره آموزش ساخت اپلیکیشن اینستاگرام با React به مباحث مقدماتی و پایه‌ای که برای شروع دوره پروژه محور نیاز هست پرداخته‌ایم و سعی کرده‌ایم مفاهیم را با مثال‌ها و کاربردهای آن‌ها بیان کنیم.

مشاهده سرفصل بخش اول آموزش React Native

توضیح دادیم که React Native چیست و چطور از آن برای ساخت اپلیکیشن های موبایل استفاده می شود.

در بخش دوم دوره آموزش ساخت اپلیکیشن اینستاگرام با React Native به مباحث پیشرفته تری پرداختیم و پروژه ایسنتاگرام فارسی را شروع کردیم.

مشاهده سرفصل بخش دوم آموزش React Native

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

در بخش سوم آموزش هم از عبارات باقاعده، لینیر گرادینت و لیست‌ها برای طراحی بخش‌های مختلف اپلیکیشن استفاده کردیم.

مشاهده سرفصل بخش سوم آموزش React Native

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

در فصل چهارم صفحات مختلف اپلیکیشن مثل صفحه لایک، نظرات و چت را به‌طور کامل طراحی و چند کامپوننت برای این کار معرفی کردیم.

مشاهده سرفصل بخش چهارم آموزش React Native

ساخت قسمت استوری ها و اصولی کردن ساختار پروژه را انجام دادیم.

در فصل پنجم نحوه ساخت استوری و موارد مربوط به آن را کامل توضیح دادیم.

مشاهده سرفصل بخش پنجم آموزش React Native

طراحی صفحات توضیحات، فعالیت‌ها و پروفایل به‌طور کامل آموزش داده شد.

در بخش ششم به معرفی Lumen و نحوه استفاده از آن،معرفی مفهوم apiها و پرداختیم.

مشاهده سرفصل بخش ششم آموزش React Native

استفاده از آن‌ها برای طراحی بخش‌های مختلف و کامل کردن پایگاه داده برنامه را آموزش می دادیم.

در بخش هفتم خروجی APIها، صفحه ورود و ثبت‌نام و پروفایل و بسیاری موارد دیگر کامل کردیم.

مشاهده سرفصل بخش هفتم آموزش React Native

دیباگ کردن پروژه و اتصال تستی پروژه به سرور را هم انجام دادیم.

در بخش پایانی آموزش React Native تمام مواردی که نیاز به تکمیل دارد مثل فالو یا آنفالو کردن کاربران،صفحات اسپلش اسکرین و پروفایل و آپلود عکس برای پست و… را انجام خواهیم داد.

مشاهده سرفصل بخش هشتم آموزش React Native

چند کامپوننت مهم را هم معرفی خواهیم کرد.

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.


بخش پایانی آموزش React Native – آموزش ساخت اپلیکیشن اینستاگرام فارسی

۱ آذر ۱۳۹۷
بدون نظر


آموزش React Native – آموزش ساخت اپلیکیشن اینستاگرام فارسی

در بخش اول دوره آموزش ساخت اپلیکیشن اینستاگرام با React به مباحث مقدماتی و پایه‌ای که برای شروع دوره پروژه محور نیاز هست پرداخته‌ایم و سعی کرده‌ایم مفاهیم را با مثال‌ها و کاربردهای آن‌ها بیان کنیم.

مشاهده بخش اول آموزش React Native

توضیح دادیم که React Native چیست و چطور از آن برای ساخت اپلیکیشن های موبایل استفاده می شود.

در بخش دوم دوره آموزش ساخت اپلیکیشن اینستاگرام با React Native به مباحث پیشرفته تری پرداختیم و پروژه ایسنتاگرام فارسی را شروع کردیم.

مشاهده بخش دوم آموزش React Native

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

در بخش سوم آموزش هم از عبارات باقاعده، لینیر گرادینت و لیست‌ها برای طراحی بخش‌های مختلف اپلیکیشن استفاده کردیم.

مشاهده بخش سوم آموزش React Native

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

در فصل چهارم صفحات مختلف اپلیکیشن مثل صفحه لایک، نظرات و چت را به‌طور کامل طراحی و چند کامپوننت برای این کار معرفی کردیم.

مشاهده بخش چهارم آموزش React Native

ساخت قسمت استوری ها و اصولی کردن ساختار پروژه را انجام دادیم.

در فصل پنجم نحوه ساخت استوری و موارد مربوط به آن را کامل توضیح دادیم.

مشاهده بخش پنجم آموزش React Native

طراحی صفحات توضیحات، فعالیت‌ها و پروفایل به‌طور کامل آموزش داده شد.

در بخش ششم به معرفی Lumen و نحوه استفاده از آن،معرفی مفهوم apiها و پرداختیم.

مشاهده بخش ششم آموزش React Native

استفاده از آن‌ها برای طراحی بخش‌های مختلف و کامل کردن پایگاه داده برنامه را آموزش می دادیم.

در بخش هفتم خروجی APIها، صفحه ورود و ثبت‌نام و پروفایل و بسیاری موارد دیگر کامل کردیم.

مشاهده بخش هفتم آموزش React Native

دیباگ کردن پروژه و اتصال تستی پروژه به سرور را هم انجام دادیم.

 

در بخش پایانی آموزش React Native تمام مواردی که نیاز به تکمیل دارد مثل فالو یا آنفالو کردن کاربران،

صفحات اسپلش اسکرین و پروفایل و آپلود عکس برای پست و… را انجام خواهیم داد.

چند کامپوننت مهم را هم معرفی خواهیم کرد.

 

آنچه در بخش هشتم و پایانی آموزش ساخت اپلیکیشن اینستاگرام فارسی خواهید آموخت:

  • قسمت اول: اتصال صفحه ویرایش پروفایل به سرور
  • قسمت دوم: کامل کردن صفحه اسپلش اسکرین
  • قسمت سوم: کنترل قسمت فالو و آنفالور کردن کاربران
  • قسمت چهارم: ارتباط با سرور و گرفتن پست‌ها و نمایش آن‌ها
  • قسمت پنجم: کنترل لایک بودن یا نبودن پست توسط کاربر
  • قسمت ششم: ارتباط با سرور قسمت نمایش لایک های هر پست
  •  قسمت هفتم: ارتباط با سرور صفحه نظرات پست‌ها
  • قسمت هشتم: معرفی کامپوننت انتخاب عکس از گوشی و دوربین
  • قسمت نهم: نوشتن API مربوط به آپلود عکس
  • قسمت دهم: انتخاب عکس و آپلود عکس
  •  قسمت یازدهم: انتخاب عکس پروفایل و آپلود عکس
  • قسمت دوازدهم: ادامه قسمت آپلود عکس پروفایل
  •  قسمت سیزدهم: تکمیل قسمت عکس پروفایل
  • قسمت چهاردهم: ساخت صفحه اضافه کردن پست و اضافه کردن پست‌ها
  •  قسمت پانزدهم:ادامه ساخت صفحه اضافه کردن پست
  • قسمت شانزدهم: معرفی چند کامپوننت مهم
  • قسمت هفدهم: رفرش کردن برنامه با کشیدن صفحه به سمت پایین (Swipe Refresh)

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.