Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب – Telegram
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب
9.18K subscribers
657 photos
354 videos
90 files
813 links
اگر با جاوااسکریپت مشکل داری، این چنل مخصوص خودته 🤝

دوبله بهترین دوره های جاوااسکریپت و ریکت دنیا رایگان:
https://news.1rj.ru/str/DeepDevs/2166

تبلیغات و تبادل نداریم

گروه اصلی برای پرسش و پاسخ:
@DeepDevsGpOriginal

گروه چت:
@InstaDevsGp
Download Telegram
Forwarded from Amir Ali Manzar
💡💡💡💡💡💡💡💡
🍸🍿. ❤️❤️❤️.   🍿🍸
🍉🍉🍉🍉🍉🍉🍉🍉
Please open Telegram to view this post
VIEW IN TELEGRAM
51🕊5😡4
فرانت کارا چرا بک اند کار نشدین؟🤔

پ.ن: بک اند کارام میتونن عکسشو بگن

Channel | Group | YouTube
🤝11👍3
Forwarded from BSLA Technologies
روزگارتون به شادی و آرامش باشه

شرکت BSLA Technologies مشتاقانه از متخصصان با انگیزه و با تجربه برای پیوستن به تیم در حال رشد خود در مشهد دعوت به همکاری می‌کند. این فرصت‌های شغلی به صورت تمام‌وقت و حضوری، شامل موارد زیر است:

• برنامه‌نویس ارشد بک‌اند (Senior Back-End Developer)
• برنامه‌نویس ارشد فرانت‌اند (Senior Front-End Web Developer)
• برنامه‌نویس ارشد فول‌استک (Senior Full-Stack Developer (React & Node.js))
• مهندس تضمین و کنترل کیفیت (Quality Assurance Engineer)
• برنامه‌نویس ارشد آی‌او‌اس (Senior iOS Developer)
• ‌اسکرام ماستر (Scrum Master)

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

https://lnkd.in/gBc4NJKr

www.bsla.dev

@bsla_technologies | گروه نرم افزاری BSLA
👍5❤‍🔥21
دوستان روند چنل همونطور که بوده ادامه پیدا میکنه، از این بابت مشکلی نیستش.

به امید موفقیت همه‌تون👏❤️

با افتخار، فعلا
HTML
21👍3😡1
دوستان به نظر سایت به مشکل خورده

برای اینکه دیگه مطمئن باشم دیگه هیچوقت به مشکل نمیخوره (و البته هزینه ای هم بابتش نیاز نباشه پرداخت کنم!)، لینک های دانلود رو توی تلگرام هم امروز میذارم که دیگه از اینجا بتونید راحت بردارید همیشه

هم جاوااسکریپت و هم ریکت رو میذارم امروز لینک های دانلودشون رو
👌33👍6❤‍🔥4🤝21
🔥8317👍141💔1🤝1🆒1
Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب pinned «لینک های دانلود دوبله دوره جاوااسکریپت جوناس: فصل اول - فصل دوم - فصل سوم - فصل چهارم - فصل پنجم - فصل ششم - فصل هفتم - فصل هشتم - فصل نهم - فصل دهم - فصل یازدهم - فصل دوازدهم - فصل سیزدهم - فصل چهاردهم - فصل پانزدهم - فصل شانزدهم - فصل هفدهم - فصل هجدهم…»
برنامه‌نویسی،تلاش برای بهتر کردن آینده است.

1⃣آسان‌تر کردن کارها برای هم‌تیمی‌هایمان
2⃣اشتباه کردن و توانایی بازگشت به آن
3⃣ایجاد عادات خوب
4⃣درک ابزارهایمان
و... است!

کدنویسی فقط بخشی از دنیای برنامه‌نویس بودن است🧐

📣این جامعه بسیار متفاوت از جوامع دیگری است

⚠️لازمه آن✔️تعهد منحصر به فرد به یادگیری و✔️تمرین است که هم روح بخش و هم ترسناک است.

☝️🏻فرآیند تبدیل شدن به یک برنامه‌نویس بهتر
فقط به این دلیل که شما می‌دانید چگونه کدنویسی کنید اتفاق نمی‌افتد بلکه باید با نیت و تمرین عمدی همراه باشد‼️

🔗توجه به جزئیات وتمرکز بر تمرین بسیار اهمیت دارد.

💪برنامه‌نویسی یک مهارت است که با تمرین بهتر می‌شود

📌در مورد نحوه برقراری ارتباط با هم‌تیمی‌ها، نحوه ارائه کد خود، و حتی نحوه نگه‌داشتن انگیزه در طول پروژه‌های بلندمدت صحبت خواهیم کرد

فقط بر روی کدنویسی تمرکز نخواهیم داشت!

😉زین پس راهنمایی های کامل برای تبدیل شدن به یک برنامه‌نویس بهتر در همه زمینه‌ها بهتون ارائه خواهیم کرد

👌🏻از فرداشب در مورد تمام جنبه‌های برنامه‌نویس بودن💻 صحبت می‌کنیم.
منتظر مطالب جذاب و خفن مون باشید...😎
😎14❤‍🔥65👌5👍4
☝️از مهم ترین نکات سرگرم کننده کردن کارتان هست!

مراقب باشید تعداد بسیار کمی از سوالات یک پاسخ صحیح واحد دارند. و پاسخ های متعددی میتوانید پیدا کنید


📈💻تجربیات ما به شما کمک می‌کند تا یک برنامه‌نویس بهتر شوید، چه عضو یک تیم بزرگ باشید، چه کارآفرین باشید، چه مشاور باشید. مهم نیست در چه موقعیتی باشید😎

🔺روی موضوعات عملی تمرکز می‌کنیم، بر روی استفاده از تجربه شما برای تصمیم‌گیری آگاهانه‌تر.


⚠️میدانم سخت و دشوار است ولی هر روز معجزه‌ ای کوچک انجام میدهیم!

هیچ پاسخ ساده‌ای وجود ندارد. هیچ بهترین راه حلی وجود ندارد، چه ابزار باشد، چه زبان.

📌شما نباید به هیچ فناوری خاصی وابسته باشید، اما باید دانش و تجربه کافی داشته باشید تا بتوانید در شرایط خاص، راه‌حل‌های خوبی را انتخاب کنید.

تئوری و عمل با هم ترکیب می‌کنیم تا شما را قوی کنیم!

🔰شما باید رویکرد خود را با توجه به شرایط و محیط فعلی تنظیم کنید. از تجربه خود برای تولید راه‌حل‌های مناسب استفاده کنید


این آموزش ها را به طور مداوم در حین پیشرفت کارهایتان در اختیار تان میگذاریم...🫴🫶
به ما بگویید که چه زمانی اشتباه می‌کنیم تا آن را اصلاح کنیم🙏
به عنوان یک تیم موفق کمک می‌کنیم تا کارها را به بهترین نحو انجام دهید💪
منتظر پست بعدی باشید...🤩🤓
👍6❤‍🔥51
1⃣هر روز مهارت هاتون رو اصلاح یا ارتقاببخشید
2⃣ابزارهای جدیدی به مجموعه تون اضافه کنید
📊مدتی بعد نتایج اش را خواهید دید[بهبود مداوم]💪

⚠️باهاتون که حرف میزنیم،نگران و ناامید شدید
⁉️
1.بعضی هاتون احساس می‌کنید که در شغل یا حیطه خودتون خود رکود کرده‌اید
2.بعضی تکنولوژی و آپدیت شدن حوزه هاتون رو فراموش کردید!
3.بعضی حس می‌کنند که مورد قدردانی قرار نمی‌گیرید
4.بعضی میگن حقوق کافی نمی‌گیریم
5.بعضی میگن تیم‌مون سمی هست!
6. شاید به فکر مهاجرت هستید شایدم دورکاری و کار در خونه🤷🏻‍♂️
و...
📣و پاسخی که همیشه یک چیزه👇
"چرا نمی‌تونید اون رو تغییر بدید؟"
بیشتر تون تغییر کردن رو سخت میدونید‼️
🔺 گاهی وقت ها به دلایل خوب، گاهی اوقات به دلیل بی‌حالی محض🔺شایدم توسعه ندادن و رشد ندادن مهارت های نرم؟🔺شایدم تقویت نکردن مهارت های فنی و نرم مشکل تون باشه🔺شایدم بی برنامه بودن و چیزهای دیگه😬🧑🏻‍🦯
🔗برنامه‌نویسان حرفه ای میدونند فقط به مراقبه روزانه و استمرار به یادگیری و تمرین نیاز دارن!

📍یادگیری یک فرآیند مداوم و پیوسته است
فکر کنم که بعضی هاتون در برابر تغییر مقاومت می‌کنید🔒

اینطور نیست🤨⁉️نظرشما چیه؟
#مهارت_های_نرم #چالش_تغییر #توسعه_فردی@DeepDevs
👍129🕊2
عادات بد یک برنامه نویس😬🤦🏻‍♂️

1.نتونستن ارتباط گرفتن با مدیر پروژه،اعضای تیم و مشتری
بالابردن سطح روابط اجتماعی،مطالعه📚،افزایش فعالیت ها در جامعه🏃 و تعامل با آدم ها خیلی در حل این مشکل کمک کننده است!
2.نداشتن انعطاف و خشک و سرد رفتار کردن با افراد مختلف🫨

3.مشارکت نداشتن درست در انجام کار،و سلیقه ای عمل کردن!و بی توجهی به کارگروه تشکیل شده یا نظر جمع یا همان گروه!⚠️
[در این مورد جداگونه بازهم صحبت خواهم کرد]


4.دوری از گزارش دادن و عملکرد آتی خود به علت علاقه مند نبودن به آن!🤯
ولی باید بدونیم مدیر پروژه یا کسی که سطح بالاتری از ما هست و بخشی از اون تیم حساب میشیم باید نسبت به کار ما اطلاع داشته باشه که متاسفانه خیلی از این کار دوری میکنند و ما نسبت به افزایش بهره وری مون در اثر نداشتن تعامل زیاد،کوتاهی میکنیم‼️
5.علاقه نداشتن به مشارکت در جلسات کاری و حوصله سر بر دونستن اونها🚶

6.اهمیت ندادن به سلامت جسمانی و کار زیاد 😮‍💨
که در نهایت نتیجه معکوس میده و بازده فرد رو پایین میاره
مثلا دیر خوابیدن،زیاد قهوه خوردن،ورزش و تحرک نداشتن،نخوردن غذاهای سالم و میان وعده های سالم و مفید،استراحت ندادن چشم و...
7.نخوندن کتاب و فاصله نگرفتن از دنیای تکنیکال برنامه نویسی📙


نظر شما چیه🤔؟چه تجربیاتی دارید در این مورد🤷🏻‍♂️؟خوشحال میشیم نظرات ارزشمندتون رو پایین همین پست به اشتراک بگذارید...
ریکشن فراموش نشه!
#توسعه_فردی #تجربه@DeepDevs
1👍15
تفاوت طراح وب🪄و توسعه دهنده وب💻

طراح وب:بیشتر با ابزارهای بصری کار میکنند و هیچ وقت کد نمی‌نویسند📏
ایجاد رابط کاربری با ابزارهای گرافیکی مثل فیگما،ادوبی ایکس دی🖋🖌
تنظیم بندی رنگ،لایه بندی وب سایت،تایپوگرافی و...
📏📐
به طور کل:هرآنچه قرار وب سایت ما رو ایجاد کنه در محیط هایی که عرض کردم ایجاد میکنند؛البته به این سادگی و استراکچرهای پیچیده ای رو با جزئیات زیاد باید پیاده سازی کنند!برای هر رابط که قابلیت کلیک داره و یا از لینک استفاده‌ شده،باید بدونند به چه صفحه ای میرن و ساختار اون صفحه رو هم باید پیاده سازی کنند با در نظر گرفتن تطابق رنگ،محتوا و...
🔰پس باید به دلیل نزدیک بودن به مخاطب هدف،ساختار رو جوری پیاده سازی کنه که:☝️🏻
روانشناسی رنگ ها،شیوه طراحی قالب و تطابق اون با موضوع هدف،تایپوگرافی(خلاصه اش اینه که هر محتوایی که می‌بینیم چه فرمت و سبک فونتی،سایز و وزن فونت داشته باشه!)و...رو در نظر بگیره
⚠️توجه:بعضی وب سایت ها به دلیل رابط کاربری بد ایجاد شده توسط بعضی طراحان ناحرفه ای و کارنابلد،پتانسیل کامل برای استفاده از تمام ظرفیت یک وب سایت رو ندارن و تیر شون به سنگ میخوره!🫨😬

توسعه وب:به معنای پیاده سازی عملی طرح ایجاد شده توسط طراح است و ارائه اون به کاربر هست🫱🏻‍🫲🏻
که دو دسته هستند:
1⃣توسعه دهنده فرانت اند
پیاده سازی باHTML,CSS,JSوکتابخانه ها و فریم ورک های آنها که به صورت بصری هستند بخش فرانت رو پیاده سازی و ایجاد میکنه.همه انچه در فیگما مثلا طراحی شده این برنامه نویس فرانت باید پیاده سازی اش کنه
2⃣توسعه دهنده بک اند
لایه های پشت وب سایت،مدیریت درخواست های کاربر رو عهده دار هست،مثلا بعد از کلیک روی یک دکمه یا فرم،درخواست و پاسخ درست اون عملیات به عهده ایشون هست.
📌توسعه دهنده وظیفه پیاده سازی UI رو به عهده داره و دلیل اینکه چرا این مدلی و این سبک و مدل طراحی شده رو خیلی دقیق و با جزئیات نمیدونه‼️

🚨راستی شما جز کدوم دسته اید و با چه ابزارهایی کار میکنید؟از خودتون بیشتر بگید💪🤔😎😇😉

#تفاوت_ها
#توسعه_دهنده_وب
#طراح_وب
@DeepDevs
👍144🔥3
نسخه ۴.۰ فریم‌ورک Tailwind CSS منتشر شد. این نسخه جدید به طور کامل برای عملکرد بهتر و انعطاف‌پذیری بیشتر طراحی شده و تجربه‌ای بازطراحی‌شده برای پیکربندی و سفارشی‌سازی ارائه می‌دهد. این نسخه از آخرین پیشرفت‌های پلتفرم وب استفاده می‌کند. ویژگی‌های برجسته این نسخه شامل موارد زیر است:

۱. انجین با عملکرد بالا

این نسخه بازنویسی کامل شده است و زمان بیلد را به شدت کاهش داده است. برای مثال:

زمان بیلد کامل: از ۳۷۸ میلی‌ثانیه به ۱۰۰ میلی‌ثانیه کاهش یافته است.

زمان بیلد افزایشی: از ۴۴ میلی‌ثانیه به ۵ میلی‌ثانیه کاهش یافته است.

بیلدهای افزایشی بدون تغییر CSS جدید: تنها ۱۹۲ میکروثانیه زمان می‌برند.

۲. طراحی برای وب مدرن

تلویند سی اس اس v4.0 از ویژگی‌های مدرن CSS مانند cascade layers، رنگ‌های ترکیبی (color-mix)، و ویژگی‌های منطقی (logical properties) استفاده می‌کند. این ویژگی‌ها نه تنها عملکرد را بهبود می‌بخشند، بلکه پشتیبانی از طراحی RTL و انیمیشن‌های پیشرفته را نیز ساده‌تر می‌کنند.

۳. نصب ساده :

فرآیند نصب بسیار ساده‌تر شده است:


نصب از طریق npm:
npm i tailwindcss @tailwindcss/postcss 

افزودن پلاگین PostCSS:


export default { plugins: ["@tailwindcss/postcss"], }; 

ایمپورت کردن Tailwind در فایل CSS:
@import "tailwindcss"; 


۴. پشتیبانی از پلاگین Vite

پلاگین اختصاصی برای Vite فراهم شده است که استفاده از Tailwind را سریع‌تر و ساده‌تر می‌کند:

import { defineConfig } from "vite"; import tailwindcss from "@tailwindcss/vite"; export default defineConfig({ plugins: [ tailwindcss(), ], }); 


۵. شناسایی خودکار محتوا

در این نسخه، دیگر نیازی به پیکربندی فایل‌های قالب (template) به صورت دستی نیست. به طور خودکار تمام فایل‌های مورد نیاز شناسایی می‌شوند.

۶. پیکربندی مبتنی بر CSS

به جای استفاده از فایل tailwind.config.js، اکنون می‌توانید تمام تنظیمات خود را مستقیماً در فایل CSS انجام دهید:
@import "tailwindcss"; @theme { --font-display: "Satoshi", "sans-serif"; --color-primary: #3498db; } 


۷. استفاده از متغیرهای CSS

تمام مقادیر طراحی به صورت متغیرهای CSS در دسترس هستند:

:root { --font-display: "Satoshi", "sans-serif"; --color-primary: #3498db; }


این متغیرها را می‌توان در استایل‌های داخلی یا کتابخانه‌هایی مثل Motion استفاده کرد.

۸. رنگ‌های مدرن P3
پالت رنگ پیش‌فرض از RGB به OKLCH ارتقا یافته است که باعث vivid‌تر شدن رنگ‌ها می‌شود.

۹. پشتیبانی از Container Query
اکنون می‌توانید بدون نیاز به پلاگین، از کوئری‌های کانتینر استفاده کنید:

<div class="@container"> <div class="grid grid-cols-1 @sm:grid-cols-3 @lg:grid-cols-4"> <!-- محتوا --> </div> </div> 


۱۰. ابزارهای جدید برای ترنسفرم سه‌بعدی :


ابزارهایی برای انجام ترنسفرم‌های سه‌بعدی مانند rotate-x-* و scale-z-* اضافه شده است:

<div class="rotate-x-45 scale-z-125"> <!-- محتوا --> </div> 


ارتقا به نسخه ۴.۰
برای پروژه‌های موجود، یک راهنمای کامل و ابزار ارتقا فراهم شده است تا فرآیند ارتقا به این نسخه به سرعت و بدون دردسر انجام شود.
اگر به اطلاعات بیشتری نیاز دارید یا می‌خواهید این نسخه را تست کنید، می‌توانید از Tailwind Play استفاده کنید یا مستندات رسمی را مطالعه کنید.


@DeepDevs
21👍11❤‍🔥2🆒1
⚠️پادکست کوتاه امشب در مورد مهارت های نرم،ارتقا دادن خود با یک اپلیکیشن کاربری و معرفی یک سایت کاربری و فوق العاده هست.👨🏻‍💻👩🏻‍💻😎🤩😌

امیدوارم این تجربه دید خیلی خوبی بهتون بده و بتونید از این طریق به نتایج شگفت انگیزی دست پیدا کنید و در جهت ارتقای مهارت های نرم و فنی شما نقش موثری داشته باشه‼️💯

#پادکست
#مهارت_های_نرم
#اپلیکشن_کاربری
#توسعه_فردی@DeepDevs
🔥16👍85
Who Will Know (Tragedy) Shiro SAGISU [Shin Godzilla OST]
<unknown>
یه ذره روحتون رو نوازش بدید و بذارید خستگی ها خارج بشن..
❤‍🔥11👍2👌2🤯1