آموزش برنامه ی
Multimedia builder

یک آموزش تصویری تهیه شده با برنامه ی Flash و قابل اجرا روی ویندوز، برای یادیگری برنامه ی مالتی مدیا بیلدر با آموزش دقیق:
-آرایش صفحات و زمینه
- ساخت اتوران دیسک
- منو و موزیک زمینه
- پخش کننده و پلیر دکمه ای
- افکت تغییر صفحات

#multimedia #codegenerator

آشنایی با MultimediaBuilder

در این ویدیو روش نصب، و منوهای برنامه به خوبی آموزش داده می شوند. منتظر آموزش ساخت چند پروژه ی نمونه با این ابزار قدرتمند باشید.

#multimedia #codegenerator

ذخیره و بازیابی فایل در Node.js
پیش از این فیلم نصب نُد و آشنایی با اون رو دیدین. همینطور روش ساخت سِرور با اون و معرفی. در این متن به طور کامل تر در یک توضیح علمی و فنی دقیق با امکانات کدنویسی و ذخیره ی فایل توسط اون آشنا خواهید شد.

#nodejs #javascript #server #book

افزونه ی Easy digital در وردپرس

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

#wordpress #shop

نسخه ی جمع و جور Photoshop

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

#graphics #webdesign #tools

مبانی کاربردی برنامه نویسی

کتاب مبانی برنامه نویسی سی شارپ
و اصول بانک های اطلاعاتی رابطه ای با استاندارد آموزش در مدارس.

#csharp #database #access #book

برنامه ی جادویی PHP maker

پیش از این برنامه ی ASP maker و روش استفاده توضیح داده شد. حالا همان شیوه این بار با بانک اطلاعاتی MySQL و زبان PHP شدنی است. یعنی تنها با یک کلیک بعد از معرفی بانک خود به این برنامه در ویندوز، تمام صفحات و کدهای شما نوشته می شوند! مزیت این نسخه ی قدیمی تر در آن است که نیازی به دانلود چیزی پس از نصب ندارد. روش کار با PHP و MySQL رو هم پیش از این گفتیم.

#php #codegenerator

اجرای PHP و My-SQL در آندروید!

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

#php #mysql #database
#server #android

نمونه سوال استخدام کارشناس آی تی

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

#skill

تبدیل کننده ی ویدیو Bigasoft

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

#graphics #video #sound #tools

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

#javascript #vue #spa

ویژوال کامپوزر - صفحه ساز وب
بی نیاز از دانش برنامه نویسی!

خیلی میشنوی که بالای ۱۰۰ میلیون سایت که حدود نصف سایتهای جهان میشه رو با نرم افزار وردپرس بالا آوردن. برنامه ای که کار کردن با اون بعد از نصب، کاری نداره و چیزی در حد کار با اتوماسیون اداریه! طبیعیه که افزونه های مربوط به اون هم به همون راحتیه. Visual composer کمک میکنه که صفحات پیچیده ای رو با المان های زیبا مثل اسلایدر یا باکس های رنگی و انیمیشن های فوق العاده تنها با کشیدن و انداختن بسازید. یعنی همونطور که در این فیلم خواهید دید محیط معمولی ویرایش یا ایجاد صفحه ی شما تبدیل به یک محیط جادوگری میشه که اگر قرار بود با کدنویسی کار بکنه ساعتها وقت و هزینه های هنگفت رو به شما تحمیل میکرد ..

#wordpress #codegenerator

مرجع HTML 5

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

#webdesign #html #book

نمونه ی قرارداد کار

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

#tools #skill

واژه نامه ی پارسی دستورات برنامه

در این فایل کم حجم به بیشتر دستوراتی که برای ساخت اپلیکیشن فارسی خود نیازمند هستید بر میخورید. انگیزه ی اصلی ساخت چنین فایلی وادار کردن PHP-maker به ساخت برنامه های فارسی تحت وب بود که با تغییر یک فایل XML در آن میسر شد. شما هم می توانید امتحان کنید.

#code #tools

تعریف ساده ی کتابخانه ی کد و فریم ورک

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

#vue #javascript #framework

صفحات Responsive یا واکنشگرا
در نرم افزار تحت وب یا سایت

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

- اپ تبلیغات یا ویروس میاره.
- اپ ممکنه باعث هک و دسترسی غیرمجاز بشه.
- اپ یعنی برای هر سیستم عامل یک نسخه ی خاص.
- اپ روی گوشی ها جا اشغال میکنه.
- اپ برای آپدیت نیاز به نصب مجدد داره.
- اپ ممکنه هنگ کنه و پشتیبانیش سخته ..

داستان اینه که از ۱۵ سال پیش ایده ی نمایش محتوا در موبایل به عنوان در دسترس ترین کامپیوتر برای همه به ذهن کارشناس ها رسیده بود که چهار سال بعد یعنی حوالی سال ۲۰۰۹ پخته تر شد و تصمیم بر این گرفته شده که طراحی برنامه های تحت وب (سایت ها) طوری انجام بشه که نمایش اونها در تبلت و موبایل با لپ تاپ و دسکتاپ فرق کنه.

معلومه که اگه سایتی مثل ایرانکد رو با موبایل باز کنید به عنوان یک اَپ غیر واکنشگرا مجبورید دائم صفحه رو زوم کرده یا اسکرول کنید تا به همه جای اون دسترسی داشته باشید. این اتفاق برای سایت خبرگزاری ها رخ نمیده چون با تکنیک های روز از طریق کدهای CSS که چیدمان و استایل صفحه رو تعریف می کنند خودشون رو با رزولوشن و ابعاد صفحه تطبیق میدن. به طور خلاصه در حالت Responsive از اسکرول عرضی و زوم خبری نیست و همه چیز درشت نمایش داده میشن. برای تست ساده ترین حالتش کافیه خودتون با Notepad یک فایل متنی به شرح زیر بسازید:

<html>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<body>
<h2>تنظیم درگاه نمایش</h2>
<p>این مثال کار خاصی نمیکنه تنظیم نمایش</p>
</body>
</html>

بعد از ذخیره اگه پسوند فایل رو از txt. به htm. تغییر بدین و با مروگر بازش کنید شاهد نمایش ویژه ای خواهید بود. برای فهم موضوع در کامپیوتر در مروگر Chrome کلید F12 رو بزنید. در فرم مجاور کنار عبارت Element یک آیکون سوئیچ بین موبایل و دسکتاپ می بینید که میتونید حالت نمایش رو تغییر بدین. در موبایل هم داخل تنظیمات مرورگر بین حالت موبایل و دسکتاپ سوئیچ کنید.
تمام کارها رو اون تگ meta داره انجام میده که البته برای ایجاد یک پیج واکنشگرا با تمام عناصر مثل تصاویر، تکست باکسها یا کلیدها کفایت نمیکنه. ولی اگه همین تگ رو با تنظیمات داخلش از کدها حذف کنید متوجه ی تغییر میشد.
برای داشتن یک پیج کاملاً واکنشگرا مثلاً لازمه در استایل یک عکس هم عرض اون رو 100 درصد و ارتفاعش رو اتوماتیک بذاریم. یا تنظیم کنیم که از نظر عرضی عناصر مختلف در حالت موبایل چند درصد از صفحه رو بگیرن و بقیه ی اشیاء زیر اونها برن. علاوه برا اون مجموعه هایی از استایل های آماده برای صفحات نوشته شدن که امروز خیلی در ساخت نرم افزارها مورد استفاده قرار میگیرن و طیف وسیعی از تنظیمات رو در بر میگیرن که دیگه خود طراح وب لازم نیست دونه دونه برای هر عنصر استایل تعریف کنه و تنها به کلاسی که در اون مجموعه از قبل نوشته شده ارجاعشون میده. یکی از معروف ترین این استایل های آماده Bootstrap هست.

بوت استرپ که ترجمه اش چیزی شبیه "سرنخ" یا راه مفید میشه. چهار سال پیش مثل یک معجزه ظهور کرد و تا امروز که نسخه ی ۴ اون اومده بالای ۱۴ درصد از سایت های دنیا ازش استفاده میکنن! به طور خیلی ساده تعریفش اینه که تصور کنید شما به عنوان کسی که یک صفحه ی وب ساده ساختین یا حتا برنامه ی حرفه ای تحت وب نوشتین، دائم این دغدغه رو دارین که توی موبایل چطوری دیده میشه، توی تبلت چطور و حتا خود کامپیوتر. و بعد رویای اینکه بجای نوشتن صدها خط برای ساخت یک منوی ساده و رنگ آمیزی اون تنها تایپ کنید "منو-آبی" و اون بالا یه منو بیاد! همه ی اینها با افزودن فایل بوت استرپ کنار پروژه امکان پذیره. پدیده ای که گردانندگان سایت محبوب توئیتر برای اولین بار به دنیا هدیه کردن و استفاده ی اون رو از حالت اختصاصی خارج کردن!

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

#bootstrap #responsive #webdesign #skill

معرفی برنامه ساز ASP .net maker Core

سابقاً گفته میشد که آشنایی با ریاضی و زبان اصول پایه ای برای راه پیدا کردن به دنیای برنامه نویسی هستن. با توجه کاربرد عمده ای که بانک های اطلاعاتی در مراکز کاری دارن به نظر میرسه تنها یک آشنایی پایه ای با اصول ساخت یک نرم افزار مرتبط با بانک اطلاعاتی، از شما یک برنامه نویس میسازه!
سایت جالب aspnetmaker.dev با دریافت جوایز متعدد جهانی تونسته رویای برنامه نویس شدن افراد زیادی رو که تنها با اصول ابتدایی بانکهای اطلاعاتی مثل Access یا SQL آشنا هستن رو به حقیقت بپیوندانیانه و .. اینا
پیش از این هم مطالبی درباره ی برنامه ی ASP-maker و PHP-maker و همینطور روش فارسی سازی این برنامه ها ارسال کردم.

#codegenerator #csharp #asp #webdesign

نمونه کدهای کاربردی ASP, PHP, Javascript

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

#sample #code #webdesign #tools #skill

معرفی نرم افزار Adobe XD

در یک کلام طراحی UI یا رابط کاربری زیبا برای نرم افزار شما با امکان پیمایش بین صفحات که البته ظاهری بوده و معنایش ساخت نرم افزار نیست.
قیافه ی برنامه هایی که میسازید چه تحت وب و چه موبایل از اهمیت زیادی بر خورداره. این برنامه با بهره گیری از منابع و پلاگین های ویژه از جمله استفاده از استایل های ویژه ساخت اپلیکیشن مثل Material design امکان ارائه ی پیش نمایش از آنچه که برنامه در نهایت به آن تبدیل خواهد شد را فراهم میکنه.

#graphics #tools