⚡️تفاوت css flexbox و css grid چیست؟ کدوم بهتره؟
🔸 Css Flexbox
یک سیستم طراحی یک‌بعدی است که برای تنظیم و قرار دادن عناصر در خط یا ستون استفاده می‌شود.
🔸 این مدل اجازه می‌دهد که عناصر به طور اتوماتیک و انعطاف پذیر در فضای موجود قرار بگیرند.
🔸 از Flexbox برای لیوت‌های ساده یا پیچیده تر می‌توان استفاده کرد، اما عمدتا برای چیدمان‌های یک‌بعدی استفاده می‌شود. (یعنی روی محور x یا y)

🔹 Css Grid
یک سیستم طراحی دو بعدی است که برای ایجاد چیدمان‌های شبکه‌ای استفاده می‌شود.

🔹 با CSS Grid می‌توانید چندین ردیف و ستون ایجاد کنید و موقعیت دقیق عناصر را کنترل کنید.
🔹 این تکنولوژی برای ساخت لیوت‌های پیچیده با روابط دقیق میان عناصر مورد استفاده قرار می‌گیرد. (یعنی شما میتوانید بصورت دوبعدی دسترسی داشته باشید به لیوت ها)

⚡️به طور خلاصه، Flexbox برای چیدمان‌های یک‌بعدی مناسب است،
اما Grid برای چیدمان‌های دو بعدی بهتر است.

#css #css_flexbox #flexbox #grid #css_grid

#Ah_sear

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

🎖گام‌هایی برای تبدیل شدن به یک برنامه نویس موفق🎯

☝️ در مورد صنعت و بازار مورد علاقه خودتان تصمیم گیری کنید

🤘 زبان های برنامه نویسی مورد نیاز را بشناسید

🤟 یادگیری دانشگاهی، فنی یا مستقل را آغاز کنید

👌 پروژه های خودتان را شروع کنید

🤙 شغل یابی را آغاز کنید

⚡️پنج باور نادرست در مورد تبدیل شدن به یک برنامه نویس موفق✨

🐬 باور نادرست اول:
به دانش عالی در زمینه ریاضیات نیاز دارید. درست نیست. کسانی که مهارت‌های ریاضی متوسطی دارند هم به عنوان یک برنامه نویس موفق فعالیت کرده‌اند.

🐬 باور نادرست دوم:
برنامه نویسی، مخصوص نوابغ است. باز هم دروغ است. شما می‌توانید با انجام مطالعه و تمرین لازم، در برنامه نویسی هم مثل سایر مهارت‌ها، خبره شوید. برنامه نویسی یک استعداد ذاتی نیست، بلکه آموختنی است.

🐬 باور نادرست سوم:
زنان، برنامه نویسان خوبی نمی‌شوند. این هم یک شایعه است. برخی از مدیران ارشد این صنعت که تیم‌های بزرگ برنامه نویسی را هدایت می‌کنند، زن هستند. زنان می‌توانند به خوبی مردان و حتی بهتر از آنها، برنامه نویسی کنند.

🐬 باور نادرست چهارم:
برای تبدیل شدن به یک برنامه نویس موفق نیاز به مدرک تحصیلی دارید. ضرورتی ندارد. منابع و دوره های متعددی در فضای وب وجود دارد که یادگیری برنامه نویسی را برای همه ساده می‌کند. طراحان این منابع و دوره‌ها در حوزه برنامه نویسی خبره هستند.

🐬 باور نادرست پنجم:
برنامه نویسی خسته کننده است. اصلاً این طور نیست. وقتی نتیجه کارتان برای زندگی افراد مفید واقع می‌شود، انگیزه بیشتری برای یادگیری و برنامه ریزی در این زمینه پیدا خواهید کرد.

♾ در نهایت…

برای تبدیل شدن به یک برنامه نویس موفق اول از همه علاقمندی به این حرفه را مدنظر قرار دهید. بعد باید صنعت، زبان برنامه نویسی و مهارت‌های مورد نیاز برای اشتغال در حوزه برنامه نویسی را بررسی کنید. زمان و روش یادگیری این مهارت هم اهمیت زیادی دارد

🎗 شما چه نظری در مورد یادگیری و موفقیت در این حرفه دارید؟

منابع

https://techbootcamps.utexas.edu/blog/how-to-become-a-programmer

www.springboard.com/blog/software-engineering/how-to-become-a-programmer

🚩 آیا این مطلب برای شما مفید بود؟❤️

#programming

Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

GoodNight✨️

#Music


Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

- امروز سیاه‌ترین و بدترین روز بود
- ازت می‌خوام بیخود منو متقاعد نکنی که
- لا‌به‌لای این روزا و شبا
- لحظه‌های خوبی پیدا میشه
- چشماتو باز کن
- با دقت نگاه کن
- زندگی پر از درد و سختیه
- با اینکه
- اتفاقای خوب هم به وقتش میوفته.

حالا از آخر به اول بخون.

9:00

#text


Channel ° @Cafe_Of_Code

Group ° @IRdeveloperchat

⚡️ متد toLocaleDateString در جاوااسکریپتت 🔥

مثال (متد toLocaleDateString)
برگرداندن تاریخ از شیء تاریخ مثل یک رشته معمولی :

var d = new Date();
var n = d.toLocaleDateString();

خروجی n در کد بالا

12/21/2014

تعریف و کاربرد
متد toLocaleDateString()، قسمت تاریخ از یک شیء تاریخ را تبدیل به یک رشته ی معمولی و قابل خواندن می کند.

نحوه استفاده✨

Date.toLocaleDateString()

مقدار برگشتی یک رشته که تاریخ را مشخص می کند

#پست_درخواستی
#Js #programming

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡️6 تا وبسایت برای دانلود UI و UX وبسایت

1⃣Dribble

2⃣Behance

3⃣ Ui8

4⃣Freebiesbug

5⃣Figma

6⃣Adobe Xd


#UX #UI #web #website

#Ah_sear

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

و خدایی که تو رو ببخشه خدای من نیست!

- پوتک
9:30

#text


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡️معنایی استاتوس کد های HTTP

#HTTTP #web

#Ah_sear

Channel • @Cafe_Of_Code
Group • @IRdeveloperchat

متد‌ some در جاوا اسکریپت
فرض کنید آرایه‌ای به شکل زیر داریم که می‌خواهیم بدانیم مقدار ویژگی pilot در کدام قسمت برابر True است.

var operatives = [
  { id: 12, name: 'Baze Malbus', pilot: false },
{ id: 44, name: 'Bodhi Rook', pilot: true },
  { id: 59, name: 'Chirrut Îmwe', pilot: false },
  { id: 122, name: 'Jyn Erso', pilot: false } ];
]

در حالت عادی و بدون استفاده از متد some باید کد زیر را بنویسیم.

var listHasPilots = false;

operatives.forEach(function (operative) {

if (operative.pilot) {

listHasPilots = true;

}

});

اما به یمن وجود متد Some کد ما به شکل زیر ساده و خلاصه می‌شود.

var listHasPilots = operatives.some(function (operative) {

return operative.pilot;

});

همچنین در ES6 کد ما به شکلی که در ادامه می‌بینید
تنها در یک سطر خلاصه خواهد شد.

const listHasPilots = operatives.some(operative => operative.pilot);

این متد مقدار اولین pilot را که برابر True بود را برمی‌گرداند

#Js
Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

GoodNight✨️

#Music


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

✨ امروز 16 ژوئن ، روز جهانی پدره🔥❤️

🔸احتمالاً توی پروژتون نیاز به این داشتید که اعداد انگلیسی رو تبدیل به اعداد فارسی کنید.

🔹با تکه کد زیر می‌تونید این کار رو توی جاوااسکریپت انجام بدید.

const numberFormatter = new Intl.NumberFormat('fa');

console.log(numberFormatter.format('9'));

🔸فقط دقت کنید که خروجی‌ای که بهتون برمی‌گردونه string هست و نمی‌تونید اون رو هم تبدیل به عدد بکنید.

#Tips #javanoscript

#Ah_sear

Channel @Cafe_Of_Code

Group @IRdeveloperchat

برنامه نویسی چیست؟
✨ اگر کامپیوتر رو یه موجود زنده در نظر بگیریم برای ارتباط با اون تو باید یک سری ورودی رو بهش بدی و در آخر یک سری خروجی دریافت کنی، یعنی درست همونطور که با یه آدم صحبت می‌کنی .
😍اون آدم ورودی یا صحبت‌های شما رو به مغزش که همون مموری و cpu کامپیوتره وارد، اونارو پردازش و در آخر در قالب خروجی یا جواب صحبت هات بهت تحویل میده.

💯 در تمام دستگاه هایی که کامپیوتر رو در خودشون دارن مثل موبایل ، کنسول‌های بازی ، ماشین لباسشویی و ... دقیقا همین اتفاق می‌افته اما این پردازش یا دریافت و ارسال ورودی و خروجی توی کامپیوتر چطور انجام میشه؟
💥 در واقع همه این عملیات با برنامه نویسی برای کامپیوتر تعریف شدن.

حالا سوال اینه که کامپیوتر که فقط زبان ماشین یا 0 و 1 رو می‌فهمه چطور از این زبان‌های برنامه نویسی و دستورات اونا سر در میاره و اونا رو اجرا می‌کنه؟
جواب کامپایلره ! زبان‌های برنامه نویسی در نهایت توسط برنامه ای به اسم کامپایلر به زبان ماشین ترجمه میشن و تمام !

#programming

Channel ° @Cafe_Of_Code

Group° @IRdeveloperchat

✨ پردرآمدترین شغل‌ها در بازار کار برنامه نویسی🔥
همواره در انتخاب یک شغل ، درآمد آن از مهم‌ترین پارامترهایی است که باید در نظر گرفته شود .

🐬 برای مشاهده‌ جزئیات درآمد برنامه ‌نویسی در ایران در جدول بالا , متوسط درآمد برنامه نویسی در ایران برای برخی از مشاغل پردرآمد در این حوزه آورده شده است ؛
منبع : جلب ویژن

⁉️موافقید با این جدول؟¿؟

#programming

Channel ° @Cafe_Of_Code

Group° @IRdeveloperchat

شی گرایی چیست؟ در جاوااسکریپت


شی گرایی (Object-oriented programming) یک روش برنامه نویسی است که بتوانید برنامه‌های خود را با ایجاد شی‌ها (objects) که دارای ویژگی‌ها (properties) و رفتارها (methods) مشخص هستند، طراحی و پیاده‌سازی کنید. در JavaScript، شی گرایی یک روش کاربردی برای ساختاردهی کد و استفاده از ویژگی‌ها و توابع در یک محیط برنامه نویسی است.

در JavaScript، شی گرایی مبتنی بر مفهوم اشیاء که شامل ویژگی‌ها (مانند متغیرها) و روش‌ها (متدها یا توابع) می‌شوند، است. کلاس‌ها به عنوان الگوهای اصلی برای ایجاد شی‌ها در JavaScript استفاده می‌شوند. همچنین، مفهوم ارث‌بری (inheritance)، چندپایه‌ایت (polymorphism) و تجزیه و تحلیل (encapsulation) نیز در شی گرایی JavaScript وارد می‌شود.

به عنوان مثال، می‌توان یک کلاس به نام "Person" ایجاد کرد که شامل ویژگی‌هایی مانند نام و سن باشد و همچنین دارای متدهایی برای تغییر و بازگرداندن این ویژگی‌ها باشد. سپس می‌توانیم اشیاء (instances) مختلفی از این کلاس ایجاد کنیم، مانند "person1" و "person2"، که هر کدام دارای ویژگی‌ها و روش‌های مشخص خود هستند.

در مجموع، با استفاده از شی گرایی در JavaScript، می‌توانید کدتان را به قطعات کوچک‌تر تقسیم کنید، از کد تکراری جلوگیری کنید، قابلیت خوانایی و نگهداری بدتر کنید و برنامه‌های خود را بهبود بخشید.

#oop #JavaScript


Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

✨ساختار المان های اچ تی ام ال✨

⚡️ در تصویر بالا می‌توانید نمونه‌ای از ساختار کلی یک المان اچ‌تی‌ام‌ال را مشاهده کنید.

ساختار المان ها و تگ های شروع و پایان در HTML 👨‍💻

💥 نکته‌ای در مورد بزرگی و کوچکی حروف در HTML
بهتر است بدانید HTML نسبت به بزرگی و کوچکی حروف حساس نیست.

بنابراین تگ‌های <P> و <p> یا <IMG> و <img> با یکدیگر تفاوتی ندارد. با این حال به شدت توصیه می‌کنیم همیشه از حروف کوچک در نام تگ‌های HTML و … استفاده کنید

#Web #Html

Channel • @Cafe_Of_Code

Group • @IRdeveloperchat

⚡️حرکت به بالای صفحه به نرمی با JavaScript

#javanoscript #smooth

#Ah_sear

Channel ° @Cafe_Of_Code
Group ° @IRdeveloperchat