#Vs | #Vue | #Angular | #React

🌐 تفاوت‌های React, Angular, و Vue.js :

🖌 React :

- شبیه یه بوم نقاشیه که خودت می‌تونی هر چی دوست داری روش بکشی.

- تو با استفاده از اجزا (Components) می‌تونی قسمت‌های مختلف صفحه‌ت رو بارها استفاده کنی.

- کار باهاش راحته و جامعه‌ی بزرگی از توسعه‌دهنده‌ها دورش جمع شدن.

🧱 Angular :

- مثل یک جعبه ابزار پر از همه چیه که برای ساخت یک خونه لازم داری.

- نوشتنش با TypeScript هست که یه کم صرفه‌جویی میکنه و کمک میکنه کمتر اشتباه کنی.

- خوبه برای پروژه‌های بزرگ و سنگین.

🌟 Vue.js :

- ساده و قابل فهم، برای شروع کار عالیه.

- سبکه و سریعه، می‌تونی توی پروژه‌های کوچیک و بزرگ ازش استفاده کنی.

- کامیونیتی فعال و رو به رشدی داره.

☝️ معلومه هرکدوم ویژگی‌های خوب خودشو داره، اما انتخاب بینشون بیشتر به نیازت و سلیقه‌ت بستگی داره.
✍🏽 ¦ @DevYara

#Tailwind

👨🏻‍💻 Tailwind Cheat Sheet این امکان را به شما می دهد که به سرعت همه نام کلاس ها و ویژگی های CSS را پیدا کنید.
🔗لینک سایت:

https://nerdcave.com/tailwind-cheat-sheet

✍🏽 ¦ @DevYara

#javascript

📶 navigator.onLine JavaScript API برای بررسی وضعیت اتصال به اینترنت در مرورگر استفاده می شود. اگر مرورگر به اینترنت متصل باشد، این API true را برمی‌گرداند، در غیر این صورت false .

<div id="state">
        <div id='ofline'>No internet Connection!</div>
    </div>
    <script>
        function isOnline() {
            return navigator.onLine;
        }
        if (isOnline()) {
            state.innerHTML = "<div id='online'>Online ✅</div>"
        } else {
            state.innerHTML = "<div id='ofline'>Offline ❌</div>"
        }
    </script>

✍🏽 ¦ @DevYara

#challenge

عکس میز کار، ستاپ خودتون رو توی کامنت بفرستید، خواهشاً فقط تمیز کنید قبلش!😂
✍🏽 ¦ @DevYara

#font | #tools

• فونت وب 👨🏻‍💻

این یک وب سایتی است که برای یافتن فونت هایی که وب سایت ها استفاده می کنند و میتوانید اون فونت را دانلود کنید.

اگر می خواهید بدانید در کدام سایت از چه فونت هایی استفاده میکنند، کافیست آدرس url این سایت را وارد کنید.
🔗 https://fontofweb.com

✍🏽 ¦ @DevYara

#fun

خطرناک‌تر از کدی که کار نمیکنه، کدیه که با یک بار نوشتن کار میکنه.😂

✍🏽 ¦ @DevYara

#vue

👨🏻‍💻 Vue Cheatsheet

سایتی که اطلاعات مختصری در مورد مفاهیم اولیه Vue.js، Vue Router، Pinia ارائه می دهد.

شامل موضوعات زیر است:

v-bind, v-on, {{ }}, v-html, v-show, v-if, v-else, v-else-if, v-for, v-once, v-model, v-on, v-pre, v-memo, v-cloak و غیره.

🔗 مشاهده سایت
✍🏽 ¦ @DevYara

#JobSkills

چی برا چیه❗️

🖼️ فرانت اند:

HTML + CSS
Javascript
React
VueJs
Angular
Svelte

🔙 بک اند:

Nodejs/Express
Python/Django
PHP/Laravel
Java
C#

💽 دیتابیس:

MongoDB
MySQL
Postgres
Redis

🖥️ دسکتاپ:

Electron
Tairi
PyQt

📱گوشی:

React Native
Flutter
Swift
Kotlin

🖥️ سیستم:

Go
C++
Rust

✍🏽 ¦ @DevYara

#Extension

زیر این پست اکستنشن های که در Vs Code استفاده می‌کنید رو معرفی کنید و در صورت نیاز یک توضیح مختصری بدید! 🌟💙

✍🏽 ¦ @DevYara

#fun

هیچی نمیگم حتما ببینید خیلی خوبه!😂

✍🏽 ¦ @DevYara

#Html

👨🏻‍💻 یک مرجع رایگان HTML شامل تمام عناصر و ویژگی ها است.

htmlreference.io

✍🏽 ¦ @DevYara

#Js_Quiz

🌟 چه چیزی اینجا نشان داده میشود !؟

#tools

بازی کن و یادبگیر مناسب برای تمرین 👨🏻‍💻

1. CodeCombat📍

https://codecombat.com/

2.  CSS Diner📍

https://flukeout.github.io/

3. Flexbox Froggy📍

https://flexboxfroggy.com/

4. CheckIO and Empire of Code📍

https://checkio.org/

5. Flexbox Defense📍

https://www.flexboxdefense.com/

6. Untrusted📍

https://alexnisnevich.github.io/untrusted/

7. CodeMonkey📍

https://www.codemonkey.com/

8. CodinGame📍

https://www.codingame.com/start/

✍🏽 ¦ @DevYara

#Text

من اسم همه ی پسورد هامو گذاشتم "نادرست" که وقتی یادم میره خود برنامه بم بگه "رمز شما نادرست است" 😂

#git

🔴 برگه تقلب git (فارسی)

خیلی مرتب و کامله حتمی یکجا سیو داشته باشید مناسب برای یادآوری و...

✍🏽 ¦ @DevYara

#سوالات_مصاحبه

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

(1)-تفاوت بین null و undefined چیست؟

(2)-انواع مختلف داده در JavaScript چه هستند؟

(3)-هویزتینگ (hoisting) در JavaScript چیست!؟

(4)-تفاوت بین var، let، و const چیست؟

(5)-استفاده از حالت "strict" در JavaScript چه کاربردی دارد؟

✍🏽 ¦ @DevYara

#linkedin

لطفا این شکلی پروفایل لینکدین درست نکن چون حتی یک نفرم استخدامت نمیکنه !

✍🏽 ¦ @DevYara

#سوالات_مصاحبه

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

(ا) arrow function در JavaScript چیست؟

(2) تفاوت بین عملگرهای == و === در JavaScript چیست؟

(3) کلوژر closure در JavaScript چیست؟

(4) چگونه می‌توانید از تغییرات در خصوصیت یک شیء در JavaScript جلوگیری کنید؟

(5) تفاوت بین برنامه نویسی همگام و ناهمگام در JavaScript چیست؟

✍🏽 ¦ @DevYara