🔵مسابقه #Front_end با فریمورک #React (کوئرا - FE/React)

🕓جمعه همین هفته ۲۲ آذر ساعت ۱۶:۰۵
🎁همراه با جوایز مثل، کیبورد مکانیکی، هدفون بی سیم سامسونگ، رزبری پای، فلش و ...

🔹ثبت‌نام از طریق:
🔗 quera.ir/contest

🔷برای دیدن سوالات مشابه و آشنایی با سیستم داوری پروژه‌ای و جزئیات مسابقه به بلاگ کوئرا سربزنید:

🔗 quera.ir/blog
➖➖➖➖➖➖➖➖
@Quera_ir

🕹ابزارها و تکنولوژی‌های مورد نیاز برای برنامه‌نویسی Front-End

#infographic #tips #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

📚 منابع آموزشی رایگان برای Front-End در سال 2021

هرچیزی که برای یادگیری نیاز داشته باشید در این پست به شما معرفی شده 👇

+|برای دیدن منابع کلیک کنید|+

#article #front_end #developer #road_map
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

🖥9 کتابخانه/فریم‌ورک برتر جاوا‌اسکریپت در پاییز 2020

🔻در مقاله زیر کتابخانه‌ها و فریم‌ورک‌های برتر جاوااسکریپت برای برنامه‌نویسان فرانت‌اند را مشاهده میکنید...
+|برای مشاهده مطلب کلیک کنید|+

#article #js #java_script #front_end #introduction
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

8 ایده کدنویسی فرانت‌اند که کدنویسی را به شما الهام میکند... 🤓

برای دیدن این ایده ها از لینک زیر استفاده کنید 👇
+|برای دیدن ایده‌ها کلیک کنید|+

#article #idea #front_end #web #programming
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

100 نمونه آماده برای ساخت منو با HTML/CSS +به همراه کد 🧩

+|برای دیدن این نمونه‌ها کلیک کنید|+


#article #learn #html #css #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

#برنامه_نویسی #استخدام #بازارکار #استخدام_برنامه‌نویس #Front_end

🔸استخدام Front-end توسعه‌دهنده در افراپویش تیام #تهران

🔹نوع همکاری: تمام‌وقت
🔹سطح: جوان (Junior)
مزایا: 🔹یادگیری و رشد 🔹بیمه تامین اجتماعی و بیمه تکمیلی

ارسال درخواست از طریق:👇
🔗 https://quera.ir/r/8x4KEe
➖➖➖➖➖➖➖➖➖
🔸استخدام توسعه‌دهنده Front-end در ترای آل #تهران

🔹نوع همکاری: تمام‌وقت
🔹سطح: ارشد (Senior)
🔹حقوق تا ۱۲ میلیون تومان

ارسال درخواست از طریق:👇
🔗 https://quera.ir/r/QvgT5q
➖➖➖➖➖➖➖➖➖
🔸استخدام Front-end Software Developer (Canada) در Rambody (Farosa Technologies)

🔹نوع همکاری: تمام‌وقت
🔹سطح: ارشد (Senior)
🔹حقوق بیش از ۱۲ میلیون تومان
مزایا: 🔹عدم محدودیت در پرداخت حقوق 🔹ساعت کاری منعطف 🔹دور کاری

ارسال درخواست از طریق:👇
🔗 https://quera.ir/r/PEWhhR
➖➖➖➖➖➖➖➖➖
@programming_tips

6 تگ HTML که ممکنه تا حالا اونا رو نشناخته باشید 😶

+|برای مطالعه کلیک کنید|+

#learn #html #web #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

#خبر_خوب_برای_دانشجویان_کوئرایی 🎉

📣 همکاری کوئرا کالج با دانشگاه‌ها برای گذراندن دوره‌های برنامه‌نویسی بعنوان واحد #کارآموزی در زمینه‌های (#Django #Front_End #Laravel) و ...

🔆 در این کارآموزی ‌می‌توانید علاوه بر گذراندن یکی از دوره‌های برنامه‌نویسی کوئرا کالج، امکان استفاده از #منتورشیپ رایگان در کنار بقیه امکانات دوره را داشته باشید.

🔮 تا کنون دانشکده‌های مهندسی #کامپیوتر دانشگاه‌های زیر به‌ صورت رسمی برای دوره‌های مشخص به ما تایید داده‌اند:
➖ دانشگاه صنعتی شریف
➖ دانشگاه توس مشهد
➖ دانشگاه ارشاد دماوند و ...

✅ برای اطلاع از درخواست گذراندن واحد کارآموزی و مراحل ثبت‌نام حتما لینک زیر را مشاهده کنید:
🔗 https://quera.ir/r/hz9e8

و برای اضافه کردن نام دانشگاه به لیست، با آیدی @Quera_info ارتباط بگیرید.
➖➖➖➖➖➖➖➖
@Quera_ir

وبسایت‌های فوق کاربردی مخصوص فرانت‌اند کارها🚀

فرانت‌اند کارها حتما این وبسایت‌ها را در بوکمارک خودشان داشته باشند...! 👇
+|برای مشاهده لیست وبسایت‌ها کلیک کنید|+

#article #front_end #introduction
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

منابع CSS که حتما باید آنها را بوکمارک کنید! ⭐️

+|برای مشاهده کلیک کنید|+

#article #introduction #css #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

ابزارهایی برای افزایش بهره‌وری توسعه‌دهندگان وب 🤓✏️

🔸 GitHub Copilot
🔸 VS Code
🔸 Front-End Checklist
🔸 WakaTime
🔸 HoppScotch
🔸 LambdaTest
🔸 Animator by Haiku
🔸 Sass

#tips #introduction #developer #web #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

یادگیری فرانت‌اند در 100 روز 🔥

البته این فقط برای یادگیریه، برای اینکه به این مفاهیم مسلط بشین باید تمرین هم بکنید 🤓

#tips #roadmap #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

جعبه‌ابزار فرانت‌اند 🧰

#tips #front_end #developer
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

🔰4 وبسایت که مهارت‌های Front-End شما را بهتر میکند:

🔹 Frontend Mentor ( https://www.frontendmentor.io )
🔹 100 Days CSS ( https://100dayscss.com )
🔹 Codier ( https://codier.io )
🔹 Codewars ( https://www.codewars.com )

#introduction #website #front_end #frontend
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

بهترین وبسایت‌ها برای یادگیری فرانت‌اند 🪅

🔗 freeCodeCamp (Go to website)
🔗 w3schools (Go to website)
🔗 roadmap.sh (Go to website)
🔗 udemy (Go to website)
🔗 developer.mozilla.org (Go to website)

#tips #introduction #front_end #frontend
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

🎨 معرفی افزونه CSS Viewer

با این افزونه میتونید کد CSS عناصر مختلف توی وبسایت ها رو ببینید و ازشون استفاده کنید. این افزونه خیلی میتونه به درد توسعه‌دهندگان وب، مخصوصا فرانت‌اند کار ها بخوره ❤️

🟠 برای فایرفاکس: +کلیک کنید+
🔵 برای کروم: +کلیک کنید+

#introduction #developer #css #front_end #frontend
〰️〰️〰️〰️〰️〰️〰️
@programming_tips

5 افزونه ضروری VsCode برای فرانت‌اند کارها ✨

1. Live Server
این افزونه به شما امکان می‌دهد تا یک سرور توسعه محلی برای پروژه خود راه‌اندازی کنید و به صورت خودکار تغییرات را در مرورگر مشاهده کنید. با این ابزار، دیگر نیازی به رفرش دستی صفحه ندارید.

2. ESLint
افزونه ESLint برای تحلیل کد و شناسایی خطاها و الگوهای اشتباه در کدهای جاوااسکریپت استفاده می‌شود. این افزونه به شما کمک می‌کند تا کد تمیزتر و با کیفیت‌تری بنویسید و از استانداردهای کدنویسی تبعیت کنید.

3. Prettier - Code Formatter
یک افزونه برای فرمت کردن خودکار کدها بر اساس قوانینی که شما تعیین می‌کنید. این ابزار کمک می‌کند تا کدهای شما خوانا و مرتب باشند و همه اعضای تیم از یک سبک نگارش پیروی کنند.

4. IntelliSense for CSS class names in HTML
این افزونه به شما کمک می‌کند تا کلاس‌های CSS خود را به راحتی در HTML و JSX به کار ببرید. این ابزار کلاس‌های تعریف شده در فایل‌های CSS، Sass، و Less را تشخیص داده و به شما پیشنهاد می‌دهد.

5. GitLens — Git supercharged
برای مدیریت Git در پروژه‌ها، GitLens ابزاری فوق‌العاده است که تغییرات، تاریخچه، و تعارضات را به‌صورت کاملاً شفاف نمایش می‌دهد. این افزونه به شما کمک می‌کند تا بهتر تغییرات کد خود را مدیریت کنید.

این افزونه‌ها می‌توانند تجربه‌ی توسعه فرانت‌اند شما را در وی‌اس‌کد بهبود بخشند و به افزایش سرعت و دقت شما کمک کنند.

#vscode #front_end
〰️〰️〰️〰️〰️〰️〰️
@programming_tips