توییتر فرانت اند

Channel

@frontendtwitterPromote

602

subscribers

🎉 با توجه به اینکه خیلی از دوستان در توییتر فعالیت ندارن، اینجا یه سری پست های مفید فرانت اند که تو توییتر پیدا میشه رو می فرستم که برای همه قابل استفاده باشه. اگه نیازی باشه در مورد بعضی موارد هم توضیح میدم 😊ارتباط: @ho3ein_shabani

توییتر فرانت اند

یه سورپرایز ویژه براتون دارم!

دیگه برای استفاده از GPT-4o و DALL-E-3 نیازی به پرداخت دلاری نیست!😳
با این بات شما می تونید به سادگی به قویترین بات های OpenAI دسترسی داشته باشید. چی از این بهتر؟😍😎

برای اطلاعات بیشتر، این مقاله رو در ویرگول بخونید: اطلاعات بیشتر

امکان دسترسی به بروز ترین مدل های هوش مصنوعی جهان با واو

کانال: @vavai_channel
پشتیبانی: @vav_support

860 viewsHossein Shabani, 17:27

توییتر فرانت اند

جلسه نیم ساعته گپ و گفت و راهنمایی با برنامه نویس های Front-end (Entry level و Junior)

مدتیه روی یک استارتاپ تو زمینه توانمندسازی برنامه نویس ها کار میکنم که تو مرحله اول تمرکزم روی بخش Front-end قرار دادم. برای اینکه بتونم کار بهتری ارائه بدم قصد دارم با بچه هایی که در این حوزه هستند جلسه نیم ساعته ای داشته باشم و یک سری گپ و گفت باهم انجام بدیم که شامل این موارد میشه:
- مسیر ورود به بازار کار
- چجوری برنامه نویس بهتری باشیم؟
- مهمترین دغدغه های شما و ...

اگر فکر میکنید این جلسه برای خودتون یا شخص دیگری مفید هست میتونید از طریق یکی از این ۲ روش با من در ارتباط باشید:
- پرسشنامه : https://lnkd.in/gxf3WN_h
- واتساپ: https://lnkd.in/gft3n3Ky

This link will take you to a page that’s not on LinkedIn

5.4K viewsHossein Shabani, 03:39

توییتر فرانت اند

Forwarded from MapsaHR Support

📌 امروز یاد بگیر، فردا سر کار تسویه کن!

⬅️ بوت‌کمپ‌ استخدامی برنامه‌نویسی ReactJS

😷 با رعایت کامل پروتکل‌های بهداشتی
🔵 اعطای مدرک بین‌المللی
🟡 دوره کاملا پروژه-محور و مناسب بازار کار
🔵 با معرفی و ضمانت اشتغال
🟡 پشتیبانی آموزشی حرفه‌ای مستقیم توسط مدرس

📌 آدرس اینستاگرام:
@mapsahr

☎️ مشاوره:
۰۲۱-۸۸۶۲۹۴۱۵/ داخلی ۸۲۷

ثبت‌نام و اطلاع از سرفصل‌ها:

http://yun.ir/pps6q9

5.9K viewsHossein Shabani, 06:14

توییتر فرانت اند

⚡️ ویدیویی زیبا در مورد اینکه چطور react-three-fiber کار میکند و از پتانسیل ری اکت به قدرت استفاده میکند. r3f یک ابزاری قدرتمند است که از threejs در درون خود برای رندر استفاده میکند!

#js #react #tool
https://twitter.com/0xca0a/status/1433095599889559555

nothing's more stressful than giving a talk, or worse having to hear myself afterwards. i've cut all nervous uh, ah's out my recent react-finland talk about making games in react and threejs. it's a super quick 7min intro. live coding around 2:10 youtube…

4.5K viewsAsleMammad, edited 18:17

توییتر فرانت اند

⚡️ یکی از ابزار های ترند اخیر که خیلی سر و صدا کرد و باعث شد ابزار های دیگه راه و روش آن را دنبال کنند Vite بوده که از فیچر های خفنش میتوانیم به استفاده از نیتیو ترانسپایلر و ES modules اشاره کنیم.

#js #tool
https://twitter.com/vite_js/status/1361811393683537922

Here we go: just released Vite 2.0.0! dev.to/yyx990803/anno…

4.5K viewsAsleMammad, 21:09

توییتر فرانت اند

⚡️ پیاده‌سازی لاجیک شطرنج فقط با 1024 بایت جاوا اسکریپت!♟🤯

#js #game
https://twitter.com/JavaScriptDaily/status/1368901921931751426

🔥لینک وبسایت

@frontendtwitter

JavaScript Daily

The Kilobyte's Gambit is a chess engine written in 1024 bytes of JavaScript – vole.wtf/kilobytes-gamb… – can you beat it? (I couldn't.)

4.8K viewsCinna, 15:31

توییتر فرانت اند

This media is not supported in your browser

VIEW IN TELEGRAM

⚡️ یه کار فوق العاده از @abxlfazl که میتونید توی کدپن هم ببینید.

🗣 ضمنا توی نظر سنجی توییتر هم شرکت کنید که آیا دوست دارین که دوره ای با عنوان CSS Painting With Animation Course: From beginner to master ساخته بشه؟ لینک نظر سنجی

https://twitter.com/abxlfazl1/status/1361626571803561986

🔥 لینک کدپن

@frontendtwitter

5.0K viewsHossein Shabani, edited 11:55

توییتر فرانت اند

⚡️ در نسخه بتای ۸۹ کروم، تاپ لول await فعال شده و دیگر خطایی سینتکسی نمیدهد. البته denojs مدت هاست که این پروپوزال را فعال کرده بود.

#chrome #fetaure #news
https://twitter.com/addyosmani/status/1360664535120506881

@frontendtwitter

Top-level await is in Chrome 89 beta. Enables using the `await` keyword outside of async functions (in the top-level of a module's code): https://t.co/ZOX34Aqlpj

3.6K viewsAsleMammad, edited 00:39

توییتر فرانت اند

⚡️ با اینلاین svg ها میتونید نشانگر موس رو داخل css کاستوم کنید و استایل های جالبی دهید!

#css #tip
https://twitter.com/i/status/1354300680807329793

@frontendtwitter

You can set your cursor to an emoji using an inline SVG in CSS #uselessfuntips #unicorncss

3.5K viewsAsleMammad, 13:13

توییتر فرانت اند

⚡️ در نسخه جدید کروم ساپورت سلکتور not: اضافه شده و میتونید با اون المنت های که فرزند برخی المنت های دیگر نیستند را تشخیص دهید و استایل اعمال کنید.

#css #tip #feature
https://twitter.com/stefanjudis/status/1354547331232894978

@frontendtwitter

I just updated Chrome and it now supports complex selectors in CSS `:not()` pseudo-classes. 😲 That means stuff like this is now possible. 👇 #devsheets Works in Chrome 88, Safari and Firefox. 🎉 ✍️ Article and live example: https://t.co/BoOCZPVMXX

3.1K viewsAsleMammad, 13:10

توییتر فرانت اند

This media is not supported in your browser

VIEW IN TELEGRAM

⚡️ تایم‌لپس فوق‌العاده‌ و باحال کشیدن تصویر ایلان ماسک با HTML+CSS 😮

🔥 لینک کدپن

#html #css #codepen
https://twitter.com/asyrafhussin4/status/1351740905821069312

@frontendtwitter

3.1K viewsCinna, 17:08

توییتر فرانت اند

⚡️ می‌دانستید برای نوشتن عددهای بزرگ، می‌توان از کاراکتر _ استفاده کرد؟ در واقع هر دوی اینها مقدار یکسانی دارند اما خوانایی روش اول بیشتر است!

- ضمنا از نماد علمی هم می‌توان استفاده کرد:

const value = 1e11

#js #tip
https://twitter.com/iam_e200/status/1350793441819680775

@frontendtwitter

Eleandro Duzentos

Javascript Tip / Dica Javascript Sometimes it’s hard to read long numbers, for this, Javascript provides a convenient that uses underscore to separate parts of the numbers value making them more readable. #javascript #javascripttip

2.7K viewsCinna, edited 21:12

توییتر فرانت اند

⚡️ سوییچ به برنچ قبلی بدون تایپ کردن اسم

#git #tip
https://twitter.com/marcelcruz/status/1348714015783059457

@frontendtwitter

Git tip 🔥 Checkout to the previous branch without typing its name #DEVCommunity #100DaysOfCode #CodeNewbie

2.2K viewsCinna, 21:03

توییتر فرانت اند

⚡️ با استفاده از شبه‌کلاس focus-within: میشه برای زمانی که خود اِلِمان یا نوادگانش در وضعیت focus قرار گرفته، استایل جداگانه‌ای تعریف کرد.
مثلا تاکید کردن رو فیلدی که کاربر پر می‌کنه، مرحله‌ای که در اون قرار داره یا هر استفاده‌ی دیگه‌ای که منجر به تجربه‌ی بهتر کاربر بشه!

#css #tip
https://twitter.com/stackblitz/status/1347205679170412552

@frontendtwitter

#CSS tip (10): Use `:focus-within` to put more visual emphasis on the part of a form that has a currently focused element. 💻 Play with the code: https://t.co/Y2bBGSdfbJ https://t.co/gmUDeiSAQy

2.3K viewsCinna, 16:36

توییتر فرانت اند

⚡️ با متود تریس میتونیم علاوه بر اینکه امکانات خود لاگ رو داشته باشیم، میتونیم استک کامل اون پرینت رو ببینیم و تجربه دیباگینگ بهتری داشته باشیم!

#js #tip
https://twitter.com/SimonHoiberg/status/1346428076473905157

@frontendtwitter

JavaScript Tip 💡 Use console.trace instead of console.log. It will show you the complete call stack when debugging.

2.3K viewsAsleMammad, 14:43

توییتر فرانت اند

⚡️ با ایندکس های یک ارایه هم میتوانیم دیستراکچرینگ انجام دهیم و از گزاشتن ویرگول های زیاد جلوگیری کنیم.

#js #tip
https://twitter.com/SimonHoiberg/status/1343825678081388544

@frontendtwitter

JavaScript Tip 💡 Did you know that you can use object destructuring on arrays? This is very convenient when we need a group of values from specific indexes.

2.4K viewsAsleMammad, 12:47

توییتر فرانت اند

⚡️ میدانستید که با دیستراکچرینگ میتوان جای دو مقدار را عوض کرد؟

#js #es #feature
https://twitter.com/oliverjumpertz/status/1342418153201131520

@frontendtwitter

Oliver Jumpertz

💛 JavaScript tip 💛 ℹ️You can use an array destructuring assignment to swap two variables. ✅It's readable, it's understandable, and it's easy to use!

1.8K viewsAsleMammad, 11:22

توییتر فرانت اند

⚡️ فیچر جدید جاواسکریپت که با استفاده از اندرلاین میتوانیم خوانایی اعداد بلند را بیشتر میکنیم.

#js #es #feature
https://twitter.com/Carlillo/status/1341369123511672833

@frontendtwitter

Carlos Caballero

#javascript tips🐸: ES2021 - Numeric separators This feature allows that numeric literals will be more readable using a visual separation (underscores) between groups of digits #typescript #angular #vue #react #100DaysOfCode #CodeNewbie

1.5K viewsAsleMammad, 11:20

توییتر فرانت اند

⚡️ با این مثال میتوان فهمید که چقدر قرار است با دیستراکچرینگ کارمان را آسان کنیم و بخش های مختلف یک ابجکت یا ارایه را به عنوان چند متغیر قرار دهیم!

#js #tip
https://twitter.com/NeisserVilla/status/1343257392994275329

@frontendtwitter

@pluriza The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables. #programming #tips #plurizatips #tipsbynei #javascript #JSTips

1.4K viewsAsleMammad, 11:16

توییتر فرانت اند

⚡️ هر متودی در یک کلاس به صورت پیشفرض پابلیک است و نیازی به گذاشتن پیشوند پابلیک در قبل هر متود نیست.

#ts #tip
https://twitter.com/SimonHoiberg/status/1340337218439827461

@frontendtwitter

TypeScript Tip 💡 Don't use the 'public' accessor. A method is public by default. Thus, the public accessor keyword is not idiomatic JavaScript. Don’t introduce unnecessary patterns to your codebase.

1.5K viewsAsleMammad, edited 16:59

Telegram Center