اَپ چندرسانه ای کُدنویس یکروزه
این اَپ رایگان که توسط برنامه ساز ایرانی جواَپ به عنوان مکمل کتابی به همین نام ساخته شده به شما کمک میکنه قبل از مطالعه ی کل مطالب مفصل کتاب با چکیده ی سرفصل ها آشنا شده و تصاویر رنگی، فیلم ها یا حتا کدهای مربوط به هر بخش رو اجرا کنید! ویدیوی آشنایی با کتابساز جواَپ پیش از این ارسال شد که با امکانات منحصر به فردش اجازه ی ساخت یا بسته بندی صفحات وب شما رو هم حتا به عنوان اپلیکیشن موبایل میده!
با عشق نتیجه ی سالها تجربه و اطلاعات خودم رو به شما همفکران و علاقه مندان تکنولوژی تقدیم میکنم. به امثال ما Geek گفته میشه که ترجمه ی فارسیش خوره ی علم میشه.
#skill #book #codegenerator
این اَپ رایگان که توسط برنامه ساز ایرانی جواَپ به عنوان مکمل کتابی به همین نام ساخته شده به شما کمک میکنه قبل از مطالعه ی کل مطالب مفصل کتاب با چکیده ی سرفصل ها آشنا شده و تصاویر رنگی، فیلم ها یا حتا کدهای مربوط به هر بخش رو اجرا کنید! ویدیوی آشنایی با کتابساز جواَپ پیش از این ارسال شد که با امکانات منحصر به فردش اجازه ی ساخت یا بسته بندی صفحات وب شما رو هم حتا به عنوان اپلیکیشن موبایل میده!
با عشق نتیجه ی سالها تجربه و اطلاعات خودم رو به شما همفکران و علاقه مندان تکنولوژی تقدیم میکنم. به امثال ما Geek گفته میشه که ترجمه ی فارسیش خوره ی علم میشه.
#skill #book #codegenerator
Quick-App.zip
531.1 KB
تبدیل سریع HTML به APK
با این روتین ساده که در ویندوز کار میکند، به راحتی قبل از طراحی اپ موبایلی، فایلهای HTML و جاوااسکریپت خودتون رو سریع به یک اپ آندرویدی تبدیل می کنید! هر چند قبل از این برنامه ی جوآپ معرفی شده بود که امکانات بیشتری داشت. ولی این نمونه هم در نوع خودش برای کاربری های محدود جالب است.
#codegenerator #android #webdesign
با این روتین ساده که در ویندوز کار میکند، به راحتی قبل از طراحی اپ موبایلی، فایلهای HTML و جاوااسکریپت خودتون رو سریع به یک اپ آندرویدی تبدیل می کنید! هر چند قبل از این برنامه ی جوآپ معرفی شده بود که امکانات بیشتری داشت. ولی این نمونه هم در نوع خودش برای کاربری های محدود جالب است.
#codegenerator #android #webdesign
This media is not supported in your browser
VIEW IN TELEGRAM
آشنایی سریع با Appypie
قبل از این با برنامه ی ایرانی جوآپ برای ساخت اپلیکیشن های موبایلی آشنا شدیم. همینطور یک محیط کدنویسی تصویری به نام App-inventor را هم دیدیم. اما سایتی که در این ویدیو معرفی می شود با یک ثبت نام ساده امکانات بیشماری را برای ساخت اپلیکیشن موبایل به صورت مستقل یا از روی سایت و حتا صفحه ی فیسبوک شما در اختیارتان می گذارد. نسخه ی رایگان این سایت تا 24 ساعت اجازه ی تغییرات و ذخیره را هم میدهد و اگر نخواستید می توانید به صورت مجانی برنامه ی خود را ساخته و برای نصب روی دستگاهها مختلف ارسال کنید.
#ide #codegenerator #android #beginner
قبل از این با برنامه ی ایرانی جوآپ برای ساخت اپلیکیشن های موبایلی آشنا شدیم. همینطور یک محیط کدنویسی تصویری به نام App-inventor را هم دیدیم. اما سایتی که در این ویدیو معرفی می شود با یک ثبت نام ساده امکانات بیشماری را برای ساخت اپلیکیشن موبایل به صورت مستقل یا از روی سایت و حتا صفحه ی فیسبوک شما در اختیارتان می گذارد. نسخه ی رایگان این سایت تا 24 ساعت اجازه ی تغییرات و ذخیره را هم میدهد و اگر نخواستید می توانید به صورت مجانی برنامه ی خود را ساخته و برای نصب روی دستگاهها مختلف ارسال کنید.
#ide #codegenerator #android #beginner
karaokeh.zip
3.8 MB
کد کارائوکه ی ایرانی!
می توانید در مورد اینکه کارائوکه چیه بیشتر تحقیق و سرچ کنید. به طور خلاصه آهنگ بدون کلام خواننده رو میذارن و شعر در لحظه ی خوندن ظاهر میشه و شما باید از روی متن بخونین!
#javascript #code #tools
می توانید در مورد اینکه کارائوکه چیه بیشتر تحقیق و سرچ کنید. به طور خلاصه آهنگ بدون کلام خواننده رو میذارن و شعر در لحظه ی خوندن ظاهر میشه و شما باید از روی متن بخونین!
#javascript #code #tools
برنامه ی To-Do List با Vue.js
داریم میریم هایپراستار یا حتا سوپرمارکت سر کوچه. کمترین ابزاری که برای یه خرید خوب داشتیم، یه قلم و کاغذ بود که قبلش لیست اقلام رو نوشته بودیم و با برداشتن و گذاشتن توی سبد روی هر کدوم یه خط میکشیدیم.
حالا با همین چند خط میشه گوشی رو به یه وسیله ی کارآمدتر از اون کاغذ تبدیل کرد. هر چند تا که بخواهیم اقلام خرید رو اضافه می کنیم و با برداشتن و گذاشتن توی سبد دکمه حذف مقابلش رو میزنیم.
غیر از این دو تا فایل همون طور که در معرفی ویو قبل از این گفتم، فایل min.vue.js رو هم باید دانلود کنید بذارید بقل پروژه تون.
با ایده پردازی بیشتر و مطالعه ی کتاب آموزش سریع Vue می تونین بخش ویرایش رو هم به این اپ اضافه کنید.
#javascript #vue #spa #webdesign
داریم میریم هایپراستار یا حتا سوپرمارکت سر کوچه. کمترین ابزاری که برای یه خرید خوب داشتیم، یه قلم و کاغذ بود که قبلش لیست اقلام رو نوشته بودیم و با برداشتن و گذاشتن توی سبد روی هر کدوم یه خط میکشیدیم.
حالا با همین چند خط میشه گوشی رو به یه وسیله ی کارآمدتر از اون کاغذ تبدیل کرد. هر چند تا که بخواهیم اقلام خرید رو اضافه می کنیم و با برداشتن و گذاشتن توی سبد دکمه حذف مقابلش رو میزنیم.
غیر از این دو تا فایل همون طور که در معرفی ویو قبل از این گفتم، فایل min.vue.js رو هم باید دانلود کنید بذارید بقل پروژه تون.
با ایده پردازی بیشتر و مطالعه ی کتاب آموزش سریع Vue می تونین بخش ویرایش رو هم به این اپ اضافه کنید.
#javascript #vue #spa #webdesign
کدنویس یکروزه
از کدام زبان برنامه نویسی شروع کنیم!؟ برای موبایل؟ وب؟ یا ویندوز؟ در اینجا یک بررسی دقیق برای پاسخی درست به این سؤال شده. مهم ترین نکته بعد از مقایسه ی این سه حوزه و قابلیت های اونها اینه که در هر زمینه ای کار می کنید باید در اون زمینه بسیار حرفه ای…
حالا با چه زبانی وب را شروع کنیم؟
بعد از توضیحات جالبی که این ویدیو در مورد اهمیت انتخاب وب به عنوان بستر برنامه نویسی داد، ما بخش های متعدد برنامه نویسی وب رو هم پیش از این توضیح داده ایم. و حالا میدونیم که بخش زیرساخت یا بک اِند رو باید یاد بگیریم تا ارتباط با بانک اطلاعاتی میسر بشه. نکته انتخاب زبان مناسب برای این باید باشه که بعضی به غلط اون رو بر اساس توانایی های زبانها به دیگران توصیه میکنن. اینها همون افرادی هستن که شناخت کافی از کدنویسی ندارن!
برای اینکه روشن بشه زبانها بر چه اساسی توسط افراد انتخاب میشن، چند زبانی رو که در بورس هستن معرفی میکنم و شما بعدش تشخیص میدین دلیل انتخاب چی میتونه باشه:
پایتون Python:
امروز پرطرفدارترین زبان در دنیا و نزدیک ترین به زبان انسان و یادگیری ساده تر از بقیه و حدود ۴۰۰۰ کتابخانه ی کد و ماژول اضافه برای انواع پروژه ها از وب گرفته تا هوش مصنوعی و آمار و داده آمایی.
ولی در نظر داشته باش هر زبانی که پرطرفدار یا ساده است، لزومن فنی تر از بقیه و با کیفیت بالاتری از نظر کار با منابع سیستمی، یا عملیات تخصصی و فنی نیست. حالا برای اینکه بگم فنی تر یعنی چی باید زبانهای دیگه رو هم توضیح بدم.
سی شارپ # C:
مایکروسافت ساخته و در واقع یه کتابخانه ی کد متشکل از کدهای ویژوال بیسیک و ++C هست. هر برنامه ای توی هر محیطی مثل وب و موبایل و غیره رو میشه نوشت. تازگی ها نوع ASP دات نت Core باعث شده امکان اجرا روی هر سیستم عامل رو هم بده.
ولی بیشتر کشورهای صنعتی غیرآمریکایی فکر میکنن چیزی که محیط توسعه اش هم اوپن سورس نیست و در انحصار قرار داره ممکنه دست مصرف کننده رو بذاره توی پوست گردو و در کل اطمینان کردن به آمریکایی های انحصارطلب سخته. همون دلیلی که آندروید رو از اپل محبوب تر کرده.
جاوااسکریپت Javascript:
که همون جاوا نیست! همین جناب تلگرام داره روی نسخه ی خاصی از این زبان تحت Node.js کار میکنه. از ۲۰۰۴ تا الان دیگه این زبان به فنی ترین زبان دنیا بدل شده و حیطه های کارهایی که میشه باهاش کرد بسیار گسترده تر از بقیه است و یکی از مهم ترین تکنیک های این زبان بحث SPA یا سایت های تک صفحه است که می بینید بدون رفرش کل پیج با کلیک رو لینک ها میشه مطالب رو عوض کرد!
کلی کتابخونه ی حرفه ای برای تولید این اپ های مدرن به اسم React, Angular و این آخری ها Vue براش درست کردن. و البته شما میتونین در هر پلتفرم که دوس دارین مثل موبایل، وب یا دسکتاپ باهاشون برنامه بسازین.
پی اچ پی PHP:
بالای ۶۰ درصد سایت های جهان و بهترین نرم افزارهای سایت ساز مثل Wodpress یا غول ترین سایت های جهان مثل ویکی پدیا یا فیسبوک هسته های اولیه شون با این زبانه. بیشترین آموزش ها و داکیومنت ها در موردش وجود دارن و باید ازش سر در آورد تا در عرصه ی وب موفق بود.
#skill
بعد از توضیحات جالبی که این ویدیو در مورد اهمیت انتخاب وب به عنوان بستر برنامه نویسی داد، ما بخش های متعدد برنامه نویسی وب رو هم پیش از این توضیح داده ایم. و حالا میدونیم که بخش زیرساخت یا بک اِند رو باید یاد بگیریم تا ارتباط با بانک اطلاعاتی میسر بشه. نکته انتخاب زبان مناسب برای این باید باشه که بعضی به غلط اون رو بر اساس توانایی های زبانها به دیگران توصیه میکنن. اینها همون افرادی هستن که شناخت کافی از کدنویسی ندارن!
برای اینکه روشن بشه زبانها بر چه اساسی توسط افراد انتخاب میشن، چند زبانی رو که در بورس هستن معرفی میکنم و شما بعدش تشخیص میدین دلیل انتخاب چی میتونه باشه:
پایتون Python:
امروز پرطرفدارترین زبان در دنیا و نزدیک ترین به زبان انسان و یادگیری ساده تر از بقیه و حدود ۴۰۰۰ کتابخانه ی کد و ماژول اضافه برای انواع پروژه ها از وب گرفته تا هوش مصنوعی و آمار و داده آمایی.
ولی در نظر داشته باش هر زبانی که پرطرفدار یا ساده است، لزومن فنی تر از بقیه و با کیفیت بالاتری از نظر کار با منابع سیستمی، یا عملیات تخصصی و فنی نیست. حالا برای اینکه بگم فنی تر یعنی چی باید زبانهای دیگه رو هم توضیح بدم.
سی شارپ # C:
مایکروسافت ساخته و در واقع یه کتابخانه ی کد متشکل از کدهای ویژوال بیسیک و ++C هست. هر برنامه ای توی هر محیطی مثل وب و موبایل و غیره رو میشه نوشت. تازگی ها نوع ASP دات نت Core باعث شده امکان اجرا روی هر سیستم عامل رو هم بده.
ولی بیشتر کشورهای صنعتی غیرآمریکایی فکر میکنن چیزی که محیط توسعه اش هم اوپن سورس نیست و در انحصار قرار داره ممکنه دست مصرف کننده رو بذاره توی پوست گردو و در کل اطمینان کردن به آمریکایی های انحصارطلب سخته. همون دلیلی که آندروید رو از اپل محبوب تر کرده.
جاوااسکریپت Javascript:
که همون جاوا نیست! همین جناب تلگرام داره روی نسخه ی خاصی از این زبان تحت Node.js کار میکنه. از ۲۰۰۴ تا الان دیگه این زبان به فنی ترین زبان دنیا بدل شده و حیطه های کارهایی که میشه باهاش کرد بسیار گسترده تر از بقیه است و یکی از مهم ترین تکنیک های این زبان بحث SPA یا سایت های تک صفحه است که می بینید بدون رفرش کل پیج با کلیک رو لینک ها میشه مطالب رو عوض کرد!
کلی کتابخونه ی حرفه ای برای تولید این اپ های مدرن به اسم React, Angular و این آخری ها Vue براش درست کردن. و البته شما میتونین در هر پلتفرم که دوس دارین مثل موبایل، وب یا دسکتاپ باهاشون برنامه بسازین.
پی اچ پی PHP:
بالای ۶۰ درصد سایت های جهان و بهترین نرم افزارهای سایت ساز مثل Wodpress یا غول ترین سایت های جهان مثل ویکی پدیا یا فیسبوک هسته های اولیه شون با این زبانه. بیشترین آموزش ها و داکیومنت ها در موردش وجود دارن و باید ازش سر در آورد تا در عرصه ی وب موفق بود.
#skill
Telegram
کدنویس یکروزه
چه زبان برنامه نویسی، کجا و برای چه؟
برنامه نویسی امروز به شکل 'وب اپلیکیشن' مطرحه چون نیاز به نصب نداره و از تلوزیون های هوشمند (مثل اپ تماشای فیلم) تا موبایل ها که رایج ترین کامپیوترها در دست مردم هستن، تنها با یک مرورگر اینترنتی و بدون نیاز…
برنامه نویسی امروز به شکل 'وب اپلیکیشن' مطرحه چون نیاز به نصب نداره و از تلوزیون های هوشمند (مثل اپ تماشای فیلم) تا موبایل ها که رایج ترین کامپیوترها در دست مردم هستن، تنها با یک مرورگر اینترنتی و بدون نیاز…
az-zire-kar-dar-raftan.html
34.1 KB
کد نمونه تست چند جوابی
در این کد به زبان جاوااسکریپت گزینه های سؤالات چک شده و در آخر کد به ازای هر گزینه یک امتیاز با امتیاز اصلی جمع می شود. به راحتی از روی این نمونه می توان تست های مختلف چندجوابی ایجاد کرد. نمونه ی کامل تر این تست ها به صورت اپ روانشناسی تهیه شده است.
#javascript #code #test #tools
در این کد به زبان جاوااسکریپت گزینه های سؤالات چک شده و در آخر کد به ازای هر گزینه یک امتیاز با امتیاز اصلی جمع می شود. به راحتی از روی این نمونه می توان تست های مختلف چندجوابی ایجاد کرد. نمونه ی کامل تر این تست ها به صورت اپ روانشناسی تهیه شده است.
#javascript #code #test #tools
جدید ترین زبان و جدید ترین فریم ورک
جدیدترین زبان برنامه نویسی Typescript رو که در سال ۲۰۱۲ اومده در اینجا خیلی سریع یاد بگیرید:
https://t.me/codinginaday/14
همینطور جدیدترین فریم ورک یعنی شبه زبان هم Vue.js که در سال ۲۰۱۴ اومده و باعث میشه کدنویسی شما ساده تر بشه از اینجا یاد بگیرین:
https://t.me/codinginaday/52
جدیدترین زبان برنامه نویسی Typescript رو که در سال ۲۰۱۲ اومده در اینجا خیلی سریع یاد بگیرید:
https://t.me/codinginaday/14
همینطور جدیدترین فریم ورک یعنی شبه زبان هم Vue.js که در سال ۲۰۱۴ اومده و باعث میشه کدنویسی شما ساده تر بشه از اینجا یاد بگیرین:
https://t.me/codinginaday/52
matne-ramzi.zip
34.6 KB
رمزنگاری متن ها
برنامه ی متن رمزی بر اساس پیشرفته ترین الگوریتم های رمزنگاری نوشته شده. کافیست هر دو طرف این برنامه را داشته باشند و کلید رمزگشایی خاص خود را در آن تعریف کنند تا متنهای شبکه های اجتماعی را با رمزنگاری خود ارسال کنند و هیچ کس از آنها سر در نیاورد! از کد کامل این برنامه لذت ببرید.
#javascript #code #tools
برنامه ی متن رمزی بر اساس پیشرفته ترین الگوریتم های رمزنگاری نوشته شده. کافیست هر دو طرف این برنامه را داشته باشند و کلید رمزگشایی خاص خود را در آن تعریف کنند تا متنهای شبکه های اجتماعی را با رمزنگاری خود ارسال کنند و هیچ کس از آنها سر در نیاورد! از کد کامل این برنامه لذت ببرید.
#javascript #code #tools
لینک روی دماغ چهره یا یک استان روی نقشه!
ممکن است در طراحی وب به این چالش برخورد کنید که هر بخش از عکس به جایی متفاوت لینک شود. در واقع محدوده هایی به شکل نامنظم که باید به دقت دور تا دور آنها علامت گذاری و انتخاب شده باشند. چنین قابلیتی با تگ map در HTML به دست می آید در حالی که اعداد نوشته شده در این دستور به راحتی به دست نمی آیند. راهکار بهتر استفاده از ابزاری به نام Polygonal hotspot در نرم افزار طراحی وب مایکروسافت به نام Expression web است! با این ابزار به راحتی می توان مثلاً در نقشه ی ایران هر استان را به صفحه ی مشخصی لینک داد. البته در ویرایشگرهای کد دیگر هم مثل Dreamweaver چنین امکانی را می توانید جستجو کنید.
#ide #webdesign #tools
ممکن است در طراحی وب به این چالش برخورد کنید که هر بخش از عکس به جایی متفاوت لینک شود. در واقع محدوده هایی به شکل نامنظم که باید به دقت دور تا دور آنها علامت گذاری و انتخاب شده باشند. چنین قابلیتی با تگ map در HTML به دست می آید در حالی که اعداد نوشته شده در این دستور به راحتی به دست نمی آیند. راهکار بهتر استفاده از ابزاری به نام Polygonal hotspot در نرم افزار طراحی وب مایکروسافت به نام Expression web است! با این ابزار به راحتی می توان مثلاً در نقشه ی ایران هر استان را به صفحه ی مشخصی لینک داد. البته در ویرایشگرهای کد دیگر هم مثل Dreamweaver چنین امکانی را می توانید جستجو کنید.
#ide #webdesign #tools
Unearth.zip
3.2 MB
قالب چند منظوره ی Unearth
علاوه بر نمونه کدهای آماده که برای استفاده در پروژه های سایت قرار دادم، این قالب تک صفحه ی جذاب با حالت واکنشگرا برای موبایل را هم در اینجا معرفی میکنم که می توانید، عکسها و مطالب آن را به دلخواه خود تغییر داده و پروژه های جدید خلق کنید. همینطور مطالعه ی کدهای آن ایده ی خوبی برای ساخت نمونه های مشابه خواهد بود. در کامپیوتر مستقیم اجرا میشود. ولی در موبایل باید از راه سرور ببینید چون اسکریپت ها در حالت آفلاین مسدود میشوند.
#code #sample #webdesign
علاوه بر نمونه کدهای آماده که برای استفاده در پروژه های سایت قرار دادم، این قالب تک صفحه ی جذاب با حالت واکنشگرا برای موبایل را هم در اینجا معرفی میکنم که می توانید، عکسها و مطالب آن را به دلخواه خود تغییر داده و پروژه های جدید خلق کنید. همینطور مطالعه ی کدهای آن ایده ی خوبی برای ساخت نمونه های مشابه خواهد بود. در کامپیوتر مستقیم اجرا میشود. ولی در موبایل باید از راه سرور ببینید چون اسکریپت ها در حالت آفلاین مسدود میشوند.
#code #sample #webdesign