برنامه ی "رویاپرداز" یا Dreamweaver از شرکت ادوبی که نرم افزار جادویی فتوشاپ رو ساخته یکی از بهترین محیط های تولید صفحات وب هست که با خاصیت WYSIWYG مختصر شده ی "وات یو سی ایز وات یو گت" کار میکند و همیشه پیش نمایش کار شما را در زمان کدنویسی یا طراحی مقابل چشم شما قرار می دهد. علاوه بر این بسیاری از کارها را تنها با خاصیت Drag & drop یا بکش و بنداز میسازد و خروجی های بسیار دقیق و واکنشگرا (Responsive) برای نمایش در موبایل فراهم میکند. در این فیلم با محیط کلی آن و شیوه ی ایجاد یک پروژه ی جدید آشنا خواهید شد.

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

آشنایی با MIT App inventor

کدنویسی برنامه ی موبایل اون هم ویژوال و به صورت بکش و بنداز! (Drag & drop) یک ویژوال استودیوی تحت وب و به صورت باورنکردنی کامل. برای ورود به این محیط داشتن یک اکانت گوگل کافیست و البته نسخه های پرتابل و بدون اینترنت آن هم برای اجرا روی کامپیوتر خودتون پیدا میشن:

https://ai2.appinventor.mit.edu

#appinventor #android #ide

آشنایی با محیط App inventor

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

#appinventor #ide #android

برنامه ی پرتابل Dreamweaver

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

#ide #webdesign #dreamweaver

نوشتن و اجرای سی شارپ

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

این برنامه در آندروید تمام قابلیت های خودتکمیلی ویژوال استودیو (اینتلسنس) رو به همراه کتابخانه های ضروری و شبیه سازی محیط کنسول به شما میده! و اگر کتاب آموزش سی شارپ برای دانش آموزان رو در دست دارین به راحتی میشه کدهای اون رو در گوشی اجرا کرد.

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

#csharp #ide #android #tools

آشنایی سریع با Appypie

قبل از این با برنامه ی ایرانی جوآپ برای ساخت اپلیکیشن های موبایلی آشنا شدیم. همینطور یک محیط کدنویسی تصویری به نام App-inventor را هم دیدیم. اما سایتی که در این ویدیو معرفی می شود با یک ثبت نام ساده امکانات بیشماری را برای ساخت اپلیکیشن موبایل به صورت مستقل یا از روی سایت و حتا صفحه ی فیسبوک شما در اختیارتان می گذارد. نسخه ی رایگان این سایت تا 24 ساعت اجازه ی تغییرات و ذخیره را هم میدهد و اگر نخواستید می توانید به صورت مجانی برنامه ی خود را ساخته و برای نصب روی دستگاهها مختلف ارسال کنید.

#ide #codegenerator #android #beginner

لینک روی دماغ چهره یا یک استان روی نقشه!

ممکن است در طراحی وب به این چالش برخورد کنید که هر بخش از عکس به جایی متفاوت لینک شود. در واقع محدوده هایی به شکل نامنظم که باید به دقت دور تا دور آنها علامت گذاری و انتخاب شده باشند. چنین قابلیتی با تگ map در HTML به دست می آید در حالی که اعداد نوشته شده در این دستور به راحتی به دست نمی آیند. راهکار بهتر استفاده از ابزاری به نام Polygonal hotspot در نرم افزار طراحی وب مایکروسافت به نام Expression web است! با این ابزار به راحتی می توان مثلاً در نقشه ی ایران هر استان را به صفحه ی مشخصی لینک داد. البته در ویرایشگرهای کد دیگر هم مثل Dreamweaver چنین امکانی را می توانید جستجو کنید.

#ide #webdesign #tools

بیسیک کوچولو Small BASIC

یاد آور خاطرات شیرین استفاده از ساده ترین زبان برنامه نویسی دنیا، بیسیک است. سایتی که علاوه بر ارائه ی برنامه جهت دانلود و نصب و آموزش کامل برای برنامه نویسی های سریع و دم دستی، یک محیط آنلاین را برای برنامه نویسی، بی نیاز از نصب هیچ نرم افزاری فراهم کرده است:
www.smallbasic.com
با یک جستجوی ساده می توانید آموزش های فارسی خوبی هم برای آن بیابید. اولین زبان برنامه نویسی ساده و نزدیک به زبان انسان که روی ماشین حساب های مهندسی هم هنوز کار میکند!

#ide #basic #beginner

آشنایی با Small BASIC

برای شروع برنامه نویسی هیچ زبانی نمی تواند به سادگی بیسیک باشد. یعنی کافیست منطق کار را یاد بگیرید تا به راحتی زبانهای دیگر را درک کنید. در اینجا ضمن آشنایی با محیط این برنامه که قبل از این سایت آن و امکانات کدنویسی آنلاین معرفی شد، اولین برنامه ی معمول هر زبان یعنی Hello world نوشته می شود.

#ide #basic #beginner

دسترسی به مطالب کانال:
مبتدی #beginner
گرافیک #graphics
بانک #database
کدها #code
محیط #ide
ابزارها #tools
بازی #game
کتاب #book
آندروید #android
وب #webdesign
کدساز #codegenerator
راهنما #skill

همینطور زبان و تکنولوژی های کدنویسی:
#csharp #php #javascript #vue
#sql #access #asp #server #spa
#typescript #html #css #nodejs
#xampp #mysql #wordpress

ساختن ساز بلز
با App inventor

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

#appinventor #android #ide #musics

همهردم WYSIWYG

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

#skill #ide #webdesign