اگه قصد دارین فرانت اند دولپر بشین و نمیدونید از کجا شروع کنید این پست برای شماست(پارت۲):
•پارت۱•
🔖Html/Css templates:
✨inovatik.com
✨templated.co
✨tooplate.com
✨html5up.net
✨mobirise.com
✨uideck.com
✨freehtml5.co
🔖UI inspiration:
✨Siteinspire.com
✨UImovement.com
✨uigarage.net
✨collectui.com
✨behance.net
✨awwwards.com
✨sitesee.co
✨onepagelove.com
✨dribbble.com
🔖Docs :
✨Cssreference.io
✨Cssvalues.com
✨Devdocs.io
✨Developer.mozilla.org/en-US/docs/Web/Css
✨W3schools.com/cssref
🔖Glossary:
✨Codecademy.com/articles/glossary-html
✨Codecademy.com/articles/glossary-css
🆔 @IranCoderz | 👩💻🧑💻
•پارت۱•
🔖Html/Css templates:
✨inovatik.com
✨templated.co
✨tooplate.com
✨html5up.net
✨mobirise.com
✨uideck.com
✨freehtml5.co
🔖UI inspiration:
✨Siteinspire.com
✨UImovement.com
✨uigarage.net
✨collectui.com
✨behance.net
✨awwwards.com
✨sitesee.co
✨onepagelove.com
✨dribbble.com
🔖Docs :
✨Cssreference.io
✨Cssvalues.com
✨Devdocs.io
✨Developer.mozilla.org/en-US/docs/Web/Css
✨W3schools.com/cssref
🔖Glossary:
✨Codecademy.com/articles/glossary-html
✨Codecademy.com/articles/glossary-css
🆔 @IranCoderz | 👩💻🧑💻
📌چطوری کار دلاری بگیریم؟
من زیاد بلد نیستم ولی هرچی ممد بهم گفته و خودم بلدم رو میخوام بهتون بگم!
مرحله اول اینه که دنبال Community زبانی بگردیم که بلدیم و میخوایم کار کنیم. گاهی اینا تو ریپوی های Awesome ---- پیدا میشه. (مثلا سرچ کنید Flutter Awesome و دنبال بخش Community باشید)
غیر اون تو گوگل سرچ کنید.
معمولا دیسکورد و اسلک جای خوبی هستش. چندین تا چنل دارن و مهم ترین کار تو اینجا ارتباط برقرار کردنه.
اگر بلدید سوال رو جواب بدید! کار هایی که کردید رو تو چنل Show Off Your Work بذارید.
تو چنل For-Hire خودتون رو معرفی کنید.
جاب های چنل Hiring رو بخونید.
فقط هم محدود به اینا نیست. سعی کنید شبکه سازی تو LinkedIn انجام بدید. دنبال Recruiter ها باشید و Connect بشید.
هرچی جاهای بیشتری رو چک کنید، احتمال این که کار بگیرید بیشتره!
تو میتینگ های کامیونیتی و Zoom که میذارن شرکت کنید. کار هاتو Show Off کنید. سوال جواب بدید و ...
بعد از اینا برید سراغ سایت های "جابینجا" خارجی :)
Angel.co
Indeed.com
StackOverflow.com/jobs
و سایت های مشابه!
* SamadiPour *
🆔 @IranCoderz | 👩💻🧑💻
من زیاد بلد نیستم ولی هرچی ممد بهم گفته و خودم بلدم رو میخوام بهتون بگم!
مرحله اول اینه که دنبال Community زبانی بگردیم که بلدیم و میخوایم کار کنیم. گاهی اینا تو ریپوی های Awesome ---- پیدا میشه. (مثلا سرچ کنید Flutter Awesome و دنبال بخش Community باشید)
غیر اون تو گوگل سرچ کنید.
معمولا دیسکورد و اسلک جای خوبی هستش. چندین تا چنل دارن و مهم ترین کار تو اینجا ارتباط برقرار کردنه.
اگر بلدید سوال رو جواب بدید! کار هایی که کردید رو تو چنل Show Off Your Work بذارید.
تو چنل For-Hire خودتون رو معرفی کنید.
جاب های چنل Hiring رو بخونید.
فقط هم محدود به اینا نیست. سعی کنید شبکه سازی تو LinkedIn انجام بدید. دنبال Recruiter ها باشید و Connect بشید.
هرچی جاهای بیشتری رو چک کنید، احتمال این که کار بگیرید بیشتره!
تو میتینگ های کامیونیتی و Zoom که میذارن شرکت کنید. کار هاتو Show Off کنید. سوال جواب بدید و ...
بعد از اینا برید سراغ سایت های "جابینجا" خارجی :)
Angel.co
Indeed.com
StackOverflow.com/jobs
و سایت های مشابه!
* SamadiPour *
🆔 @IranCoderz | 👩💻🧑💻
📌قابلیت تماس صوتی گروهی در گروه های تلگرام در ورژن 7.3.0 تلگرام بتا فعال شد🤩
دانلود تلگرام بتا:
لینک مستقیم
@tgfiles
🆔 @IranCoderz | 👩💻🧑💻
دانلود تلگرام بتا:
لینک مستقیم
@tgfiles
🆔 @IranCoderz | 👩💻🧑💻
IranCoderz
📌قابلیت تماس صوتی گروهی در گروه های تلگرام در ورژن 7.3.0 تلگرام بتا فعال شد🤩 دانلود تلگرام بتا: لینک مستقیم @tgfiles 🆔 @IranCoderz | 👩💻🧑💻
- همچنین در این نسخه قابلیت تغییر محل پیشفرض ذخیره سازی فایل های تلگرام فراهم شده
- وقتی یه پک استیکر رو باز میکنید تا زمانی که استیکر ها لود بشن با یه سایه شکل کلی اون استیکر رو نشون میده
- یه منوی جدید هم برای ویرایش تصاویر پیام ها بهش اضافه شده
- انیمیشن باز کردن پروفایل کاربر هم دستخوش تغییراتی شده
و چند تغییر دیگه که اینا مهماش بودن
🆔 @IranCoderz | 👩💻🧑💻
- وقتی یه پک استیکر رو باز میکنید تا زمانی که استیکر ها لود بشن با یه سایه شکل کلی اون استیکر رو نشون میده
- یه منوی جدید هم برای ویرایش تصاویر پیام ها بهش اضافه شده
- انیمیشن باز کردن پروفایل کاربر هم دستخوش تغییراتی شده
و چند تغییر دیگه که اینا مهماش بودن
🆔 @IranCoderz | 👩💻🧑💻
🕹بازی هایی که میتونید باهاشون برنامهنویسی رو یاد بگیرید و مهارت های خودتون رو افزایش بدید
(پارت ۱)
- https://codemonkey.com/
این وبسایت با استفاده از زبان Coffenoscript کدزدن رو به شما آموزش میده و بهتون یاد میده چطوری تو HTML 5 برای خودتون بازی بسازید. هرچند این وبسایت بیشتر برای بچه ها طراحی شده ولی برای افراد بزرگ سال هم میتونه مفید و سرگرم کننده باشه
- https://www.codingame.com/start
این وبسایت با پیشنهاد دادن بازی های رایگان به شما در یادگیری 25 زبان مختلف از جمله Ruby,, Javanoscript و... کمک میکنه. زبان مورد علاقتون رو انتخاب میکنید و اون هم بازی هارو به شما پیشنهاد میده
- http://flexboxfroggy.com/
- http://www.flexboxdefense.com/
با استفاده از این دو وبسایت میتونید flexbox رو خیلی راحت و سریع یاد بگیرید
- https://codecombat.com/
این وبسایت بیشتر برای دانش اموزها و معلما طراحی شده ولی هر کسی میتونه ازش استفاده کنه
🆔 @IranCoderz | 👩💻🧑💻
(پارت ۱)
- https://codemonkey.com/
این وبسایت با استفاده از زبان Coffenoscript کدزدن رو به شما آموزش میده و بهتون یاد میده چطوری تو HTML 5 برای خودتون بازی بسازید. هرچند این وبسایت بیشتر برای بچه ها طراحی شده ولی برای افراد بزرگ سال هم میتونه مفید و سرگرم کننده باشه
- https://www.codingame.com/start
این وبسایت با پیشنهاد دادن بازی های رایگان به شما در یادگیری 25 زبان مختلف از جمله Ruby,, Javanoscript و... کمک میکنه. زبان مورد علاقتون رو انتخاب میکنید و اون هم بازی هارو به شما پیشنهاد میده
- http://flexboxfroggy.com/
- http://www.flexboxdefense.com/
با استفاده از این دو وبسایت میتونید flexbox رو خیلی راحت و سریع یاد بگیرید
- https://codecombat.com/
این وبسایت بیشتر برای دانش اموزها و معلما طراحی شده ولی هر کسی میتونه ازش استفاده کنه
🆔 @IranCoderz | 👩💻🧑💻
🔖5 تا از Plugin های کاربردی Figma
✨1) Able. Plugin will show you color contrast ratio between two layers you select due WCAG rules.
✨2) Adjustments. These HSL color adjustments allow you to tweak hue, saturation and lightness values of multiple selected objects at once.
✨3) Favvy. Export production ready favicons for your website or PWA from Figma in seconds.
✨4) Autoflow. Autoflow makes it easy to draw flows.
✨5) Bannerify. Animate and export production ready banners from Figma to HTML, GIFs and Videos.
⠀
🆔 @IranCoderz | 👩💻🧑💻
✨1) Able. Plugin will show you color contrast ratio between two layers you select due WCAG rules.
✨2) Adjustments. These HSL color adjustments allow you to tweak hue, saturation and lightness values of multiple selected objects at once.
✨3) Favvy. Export production ready favicons for your website or PWA from Figma in seconds.
✨4) Autoflow. Autoflow makes it easy to draw flows.
✨5) Bannerify. Animate and export production ready banners from Figma to HTML, GIFs and Videos.
⠀
🆔 @IranCoderz | 👩💻🧑💻
📌از این وبسایت ها میتونید برای طراحی UI ایده بگیرید:
- collectui.com ✨
- thefwa.com
- savee.it
- dribble.com
- behance.net
- awwwards.com
- designspiration.com
- logoinspirations.co
- collectui.com
🆔 @IranCoderz | 👩💻🧑💻
- collectui.com ✨
- thefwa.com
- savee.it
- dribble.com
- behance.net
- awwwards.com
- designspiration.com
- logoinspirations.co
- collectui.com
🆔 @IranCoderz | 👩💻🧑💻
👍1
📌چند shortcut کاربردی VS Code که سرعت کدزدن شما رو بالا میبرن:
(پارت 1)
- Ctrl + Shiftt + ⬆️ یا ⬇️
یکی کپی از خطی که توش هستید رو در در خط بالا یا پایین قرار میده
- Ctrl + Shift + [
کد شما رو fold میکنه(همون تا کردن). با استفاده ازش میتونید مثلا تابع هایی که کدشون خیلی زیاده رو fold کنید و تو ادیتور فقط اسم تابع با سه نقطه رو میبینید و وقتی لازمشون داشته باشید با استفاده از
Ctrl + Shift + ]
میتونید اونا رو unfold کنید.
- Ctrl + \
صفحه ادیتور رو به دو بخش تقسیم میکنه و میتونید تو هر پنجره یک فایل متفاوت رو باز کنید. هر بار این رو بزنید به تعداد پنجره های باز شما یکی اضافه میکنه.
- Ctrl + D
یک کلمه رو با موستون انتخاب کنید و سپس این دکمه هارو بزنید. کل کلمات مشابه کلمه انتخابی شما رو در فایل انتخاب میکنه و میتونید همزمان همشونو با هم تغییر بدید.
- Ctrl + B
سایدبار یا همون اکسپلورر VS Code رو باز میکنه و اگه باز باشه اون رو میبنده
- Ctrl + Backspace
کلمه قبلی که نوشتید رو پاک میکنه
🆔 @IranCoderz | 👩💻🧑💻
(پارت 1)
- Ctrl + Shiftt + ⬆️ یا ⬇️
یکی کپی از خطی که توش هستید رو در در خط بالا یا پایین قرار میده
- Ctrl + Shift + [
کد شما رو fold میکنه(همون تا کردن). با استفاده ازش میتونید مثلا تابع هایی که کدشون خیلی زیاده رو fold کنید و تو ادیتور فقط اسم تابع با سه نقطه رو میبینید و وقتی لازمشون داشته باشید با استفاده از
Ctrl + Shift + ]
میتونید اونا رو unfold کنید.
- Ctrl + \
صفحه ادیتور رو به دو بخش تقسیم میکنه و میتونید تو هر پنجره یک فایل متفاوت رو باز کنید. هر بار این رو بزنید به تعداد پنجره های باز شما یکی اضافه میکنه.
- Ctrl + D
یک کلمه رو با موستون انتخاب کنید و سپس این دکمه هارو بزنید. کل کلمات مشابه کلمه انتخابی شما رو در فایل انتخاب میکنه و میتونید همزمان همشونو با هم تغییر بدید.
- Ctrl + B
سایدبار یا همون اکسپلورر VS Code رو باز میکنه و اگه باز باشه اون رو میبنده
- Ctrl + Backspace
کلمه قبلی که نوشتید رو پاک میکنه
🆔 @IranCoderz | 👩💻🧑💻
⚡️کوییز: خروجی کد بالا چی میشه؟
زبان javanoscript
زبان javanoscript
Anonymous Quiz
45%
[1, 3, 9, 15, 150, 280, 500, 1500 ]
17%
[1500, 500, 280 ,150 , 15, 9, 3, 1]
30%
[1, 15, 150, 1500, 280, 3, 500, 9]
7%
[1, 3, 15, 150, 500, 280, 9, 1500]