1400-06-20 11:08 معرفی سایت ها ، ابزار ها و اکستنشن ها ( extensions ) مرتبط با طراحی و برنامه نویسی
رضا اکبری استرآبادی

 
سلام و عرض ادب
سعی می کنم تو این تاپیک سایت ها و ابزار های یا حتی extensions مرتبط با برنامه نویسی رو که کاربردی هستن بهتون معرفی کنم . امیدوارم مسمر ثمر واقع بشه .
1400-06-20 11:22 کانال های چالشی برنامه نویسی - top coding challenge website - رقابتی - مسابقه
رضا اکبری استرآبادی

 
کانال های چالشی برنامه نویسی - top coding challenge website

1- topcoder
2- hackerrank تمرین برنامه نویسی و بحث وچالش در مورد سوالات برنامه نویسی
3- codechef سایتی هندی هاست در رابطه با برنامه نویسی
4- projecteuler
5- leetcode
6- coderbyte
7- exercism برای 52 زبان برنامه نویسی چالش و سوال داره
8- codewars تمرین برنامه نویسی هم آنلاین جواب میدی هم تو بحث شرکت می کنی
9- edabit
10- codingame برای بازیت کد بزن . بازی کن و برنامه نویسی کن البته زبانهای برنامه نویسیش زیاد نیست ولی #C داره...
1400-06-20 11:41 مفید ترین ابزارهای برنامه نویسی
رضا اکبری استرآبادی

 
مفید ترین ابزارهای برنامه نویسی
1- vscode
2- github
3- git
4- stackoverflow
5- postman
6- slack
7- trello
...
1400-06-20 13:05 سایت های کمکی برای برنامه نویسان - آیکن -کوتاه کنند آدرس - اشتراک گذاری تصاویر -فتوشاپ - حجم عکس - کیفیت عکس - پشت عکس - کگراند عکس - ایلستریشن - ایلاستریتور
رضا اکبری استرآبادی

 
مجموعه سایت های مفید برای برنامه نویسان
1- hiddentools
2- music for programming
3- programming language convertor
4- icons cout کلی آیکن و ... برای طراحی داره
5- flaticon آیکن های فوق العاده ای داره .فعلا فیلتره ...
6- letsenhance کیفیت عکس رو بالا میبره
7- tinypng حجم عکس رو بدون تغییر کیفیت پایین میاره
8- remove bg پشت عکس یا همون بکگراند عکس را حذف می کنید
9- bitly کوتاه کنند آدرس های url طولانی
10- photopea مثل همون فتوشاپ خودمون میمونه ولی آنلاین
11- carbon ایجاد و به اشتراک گذاری تصاویر زیبا از کد نوشته شده .
12- blobmaker یا tools blobmaker اشکال مححنی دلخواه را svg ذخیره کن
13- storyset کلی عکس برای ایلستریشن یا ایلاستریتور که به راحتی شخصی سازی میشه .
14- CSS COLOR کد رنگ . ترکیب رنگ ها رو میده
15- zamzar هر عکس و فیلمی رو تغییر فرمت میده
16- codepen اجرای کد های فرانت اند به صورت آنلاین
17- giphy کلی گیف داره و میتونی گیف هم بسازی
18 - dimmy کلی موکاپ رایگان داره
19 - medio تبدیل فرمت فایل
20- palettegenerator عکس میگیره تمام رنگهای به کار رفته توش را بهت میده
21- similartech ابزار های وتکنولوژی بکار رفته تو سایت را بهت میده
22- coolors ترکیب رنگ ها یی را به شما پیشنهاد میکنه
23 - screensizemap برای چک کردن سایت در صفحات مختلف ( ریسپانسیو)
24- keycode
25- gitkraken کار باگیت را خیلی راحت تر یاد میده
26- giphy ساخت گیف و کلی گیف جالب
27- css2js تبدیل کد css به object java و برعکس
28- shapefest تصویر 3 بعدی داره
29- lapa وبسایتی جهت الهام گرفتن طراحی سایت
30- 30secondsofcode کلی قطعه کد آماده داره . خوبه من git و js و css را استفاده کردم . بعضی وقت ها به کار سرعت میده .
31- css-tricks سایته خوبه برای ارتقائ سطح CSS
32 - will it cors میشه ازش برای اینکه به آدرسی چیزی را ارسال کنید استفاده کنید و حتی کدشم میگه
33- css grid آموزش گرید
34- seeklogo دانلود رایگان لوگوها
35- free sound دانلود رایگان صدا
36- creatopy طراحی استورری آنلاین
37 - veed ادیت ویدیو و صدا به صورت آنلاین
38 - canva تولید محتوا به صورت آنلاین
39 - crello طراحی پست آنلاین
40- freepdfconvert هرچی بدی تبدیل به PDF می کنه .
41-

سایت هایی که Cheat Sheet زبان های مختلف را ارائه میدن :
* overapi
* htmlcheatsheet
* cheatography
* CSharpCheatSheet.PDF Download

*
سایت های آنالیز وبسایت :
* gtmetrix
* pagelocity
* tracing
* yellowlab
* yslow
* perfaudit

سایت های آموزش برنامه نویسی برای کودکان :
* scratch زبان اسکرچ یک زبان برنامه نویسی بصری هست که بهتون اجازه میدهد با اتصال بلوک های کد به هم در هین بازی برنامه بسازید

از دیگر زبانهای برنامه نویسی می توان به Blockly - python - alice - Swift playground نام برد . که هر کدام بسته به سن و سال و سلیقه ها می تونه کاربرد بهتری داشته باشه .

سایت های مربوط به رنگ ها :
* coolors
* material
* colors

سایت های مربوط به فونت ها :
* مریم سافت
* ایران فونت
* فونت یاب
* fontiran
حتما فونت های فارسی را خریداری کنید و به صورت رایگان استفاده نکنید حتی اگر دارید وگرنه آدرس و اسم سایت تون را به عنوان کسی که قانون را رعایت نکرده در سایتشون درج میشه .

سایت های مربوط به آیکن ها :
* https://app.gumroad.com/

سایت های مخصوص موکاپ :
* dimmy کلی موکاپ رایگان داره
* renderforest برای خودت موکاپ بساز
* smartmockups
* mediamodifier
* mockupbro
* mockupworld

کانال های یوتیوب YouTube آموزش برنامه نویسی :
* Academind
* The Codeing Train
* Dev Ed
* Traversy Media
* Microsoft Developer
* google chrome developers
* programming with mosh
* the net ninja
* simplilearn
* freecodecamp.org
* logrocket



هرچی دیتابیس هست کانکشن استرینگ ش اینجا هست :
connection strings
1400-06-20 13:59 اکستنشن های کاربردی - extensions برای مرورگرها
رضا اکبری استرآبادی

 
معرفی اکستنش های مفید extensions
1- CSS Viewer
2- Window Resizer
3- Json Viewer
4- Page Ruler
5- React DEV Tool
6- Whats Runs
7- AdBlock Plus تبلیغات صفحه را به روش های مختلف حذف می کند .
8- Last Pass ذخیره سازی پسوردهای خود در فضای ابری
9- Alexa
...
1400-06-20 14:07 سایت های آموزشی برای برنامه نویسان
رضا اکبری استرآبادی

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

1- sololearn آموزش مفاهیم برنامه نویسی
2- javatpoint اسمش غلط اندازه ولی در رابطه با همه زبان ها آموزش داده - فوق العاده است
3- free code camp غیر از اینکه برنامه نویسی یاد میده بهتون مدرکم میده
4- geeksforgeeks آموزش به همراه کوییز و امتحان
5- w3schools
6- programmr
7- udemy
8- programiz
9 - study tonight
1400-06-23 19:06 معرفی اکستنشن - Extention - VS Code - ShortCut
رضا اکبری استرآبادی

 
معرفی یکسری Extention برای VS Code

* Regex Previewer برای مچ کردن Regex هست . که نشان میده مچ شده یا نه
* cdnjs جهت جستجوی لایبراری هاست
* Polacode از کدتون اسکرین شات میگیره
* Prettier تو رفتگی های کد را درست می کند . همون فرمت داکیمنت خودمون هست
* Bookmarks
* Rainbow Brackets
* Footsteps
* Tabout
* Codetour
* winddown
* ESLint
* Debug Visualiser
* Coddx
* Grokjs
* Live Server
* Gitlens
* Bracket Pair Colorizer
* Error Lens
* Auto Rename Tag
* Bable javascript
* styled Components
* Better Comments
* Colorize
* Codesnap
*rest client
* Color highlight
* Css Peek
* code time
* Code spell Checker
* Setting Sync
* Material Icon Theme
* Path Intellisense
* Quokka
*peacock
* NPM
* Beautify
* Github Extension
* Emmet
* VSCode Icon


چند شورت کات ( ShortCut ) برای VS Code :

Ctrl + Shift +T : تب یا فایلی رو که بستی رو باز می کنه .
Ctrl+D : انتخاب (select) به صورت عمودی و تغییر تمام سطرها در ستون انتخاب شده . !
Ctrl + W : روی هر تب یا فایلی که باز هست حرکت می کنه .
Ctrl+P : جستجو میان فایلهای پروژه با نام فایل
Ctrl+B : قسمت سمت چپ منو را باز بسته می کنه
ALT + Click : اگر می خواهید کرسر Cursor موس در چند جا فعال بشن کافیه Alt نگه دارید و بعد اونجا هایی که می خواهید کلیک کنید . حالا هرچی بنویسید تو تمام جاهایی که کلیک کردید نوشته میشه .
?/+Ctrl : کامنت کردن یک یا چند خط
20 روز پیش Best CSS Frameworks - بهترین فریم ورک های CSS
رضا اکبری استرآبادی

 
Best CSS Frameworks - بهترین فریم ورک های CSS

1- tailwind css
2- bootstrap
3- bulma
4- foundation
5- materialize css
6- semantic ui
7- vuejs