#دعوت_به_همکاری

#Frontend_developer

#ادوایزد یک پلتفرم تبلیغات دیجیتال بر بستر اینترنت و تلفن‌های همراه هوشمند است. ما فعالیت خود را از سال 95 آغاز کردیم. در این راه ما در راستای توسعه زیرساخت‌های فنی برای تجمیع و ارائه خدمات دیجیتال در مدت کوتاه گام های بزرگی برداشته‌ایم و به این واسطه موفق به ایجاد بستری برای تبلیغات بر روی انبوهی از رسانه‌های دیجیتال شده‌ایم.
#ادوایزد از دوستان توسعه نرم افزار در حوزه فرانت اند #دعوت_به_همکاری می نماید.

#Frontend_developer
در صورت تمایل به همکاری رزومه خود را به آی دی یا ایمیل زیر ارسال نمایید:
@adwised_hr
hr@adwised.com

نقشه راه فرانت‌اند 🗺💻

اگر تصمیم داری که یه فرانت‌اند کار بشی، حتما این ویدیو رو ببین 👇
🌐 https://youtu.be/_kLm8UgoJf0

سابسکرایب + لایک + کامنت انگلیسی رو فراموش نکنید 😉❤️

#video #programming #frontend #roadmap
➿➿➿➿➿➿➿
@programmers_gathering

💥 ایده برای UI از کجا بیاریم؟!

✅ Dribbble
✅ Behance
✅ Mobbin
✅ Awwards
✅ Screenlane
✅ Google Design

سایت دیگه‌ای هم میشناسین؟ توی کامنت‌ها بگین...

#tips #introduction #ui #design #frontend #front_end
➿➿➿➿➿➿➿➿
@programmers_gathering

چک لیست یادگیری برای فرانت‌اند 📜

⭕️ HTML
⭕️ CSS
⭕️ JavaScript (Basic)
⭕️ Responsive Web Design
⭕️ JavaScript (Pro)
⭕️ React / Angular
⭕️ GIT

#roadmap #frontend #web
➿➿➿➿➿➿➿➿
@programmers_gathering

چک لیست فرانت ‌اند 💫

اگر میخواین فرانت اند دولوپر بشین، این چک لیست رو یه جایی ذخیره کنید یا یادداشت کنید و به ترتیب این موارد رو یاد بگیرین 😍💫

#roadmap #checklist #frontend
➿➿➿➿➿➿➿➿
@programmers_gathering

ایده پروژه برای فرانت اند ✨

- وبسایت رزومه شخصی
- یک To Do list ساده
- برنامه هواشناسی
- ماشین حساب
- سخن بزرگان

#frontend #front_end #idea
➿➿➿➿➿➿➿➿
@programmers_gathering

ایده پروژه برای فرانت اند ✨

- بلاگ
- گالری عکس
- بازی حافظه
- محاسبه BMI
- تایمر CountDown

#frontend #front_end #idea
➿➿➿➿➿➿➿➿
@programmers_gathering

بخش‌های مختلف وبسایت رو میشه با این عکس شناخت و درک کرد!

#web #frontend #backend
➿➿➿➿➿➿➿➿
@programmers_gathering

6 نکته که باید در طراحی DarkMode در نظر بگیرید:

❌ از سیاه خالص و سفید خالص استفاده نکنید⁠
❌ سطوح بزرگ و روشن ایجاد نکنید⁠
❌ به سایه‌ها اعتماد نکنید⁠
❌ از رنگ‌های بیش‌اشباع استفاده نکنید⁠
❌ فرض نکنید همه افراد حالت تاریک را ترجیح می‌دهند⁠
❌ از رنگ‌های تاکیدی سوءاستفاده نکنید ⁠

#frontend
➿➿➿➿➿➿➿➿
@programmers_gathering

مخزن تمپلیت‌های بوت استرپ 😱
اگه توی پروژه تون از بوت استرپ استفاده میکنید، این سایت‌ها حتما نیاز میشه:

1. https://ayroui.com

2. https://mdbootstrap.com

3. https://tabler.io/admin-template

#bootstrap #css #frontend
➿➿➿➿➿➿➿➿
@programmers_gathering

دقت کنید این تنها راه نیست، یه مسیر پیشنهادیه ☺️

#frontend
➿➿➿➿➿➿➿➿
@programmers_gathering

5 بازی برای یادگیری طراحی‌ وب‌سایت 🎮

1️⃣ Codédex
2️⃣ Designercize
3️⃣ User Inyerface
4️⃣ Elevator Saga
5️⃣ Coding Fantasy

📌 توضیحات بیشتر: اینجا کلیک کنید

#frontend
➿➿➿➿➿➿➿➿
@programmers_gathering

یه راهنمای کاربردی و تصویری از flex box 👌

#flexbox #frontend
➿➿➿➿➿➿➿➿
@programmers_gathering

7 اسنیپت HTML که به دردت می‌خوره 🤌

1. Favicon
نمایش آیکون اختصاصی برای تب مرورگر

<link rel="icon" href="icon.png" type="image/png">

2. Viewport
ریسپانسیو کردن صفحه برای موبایل و تبلت

<meta name="viewport" content="width=device-width, initial-scale=1.0">

3. Theme-Color
تغییر رنگ نوار آدرس در مرورگر موبایل (مثل Chrome)

<meta name="theme-color" content="#317EFB">

4. Call & SMS Links
ایجاد لینک مستقیم برای تماس یا ارسال پیامک

<a href="tel:+989123456789">تماس بگیر</a>  
<a href="sms:+989123456789">پیامک بده</a>

5. HTML Redirect
ریدایرکت کاربر به صفحه‌ی دیگه بعد از چند ثانیه

<meta http-equiv="refresh" content="5;url=https://example.com">

6. Async Load JS
لود کردن فایل جاوااسکریپت به‌صورت async برای بهبود سرعت

<script src="script.js" async></script>

7. Noopener & Noreferrer
افزایش امنیت لینک‌های بازشونده در تب جدید

<a href="https://example.com" target="_blank" rel="noopener noreferrer">باز کن</a>

#html #frontend
➿➿➿➿➿➿➿➿
@programmers_gathering