- Job Title: Software Engineer (Frontend)

- Country: UNITED KINGDOM

- Experience: Mid-Senior level

- Tags: #python #react #typenoscript #nosql #postgresql #ai #figma #responsive #ui #ux #cloud

🔗 Apply

🆔 Channel: @jobs_finding

✅ شرت کات های محبوب 𝗩𝘀 𝗖𝗼𝗱𝗲

▫️𝗖𝘁𝗿𝗹 + 𝗕
بستن و باز کردن پنجره سمت چپ
▫️𝗖𝘁𝗿𝗹 + 𝗫
کپی خطی که در آن هستید
▫️𝗖𝘁𝗿𝗹 + 𝗖
کپی خطی که در آن هستید
▫️𝗖𝘁𝗿𝗹 + 𝗩
جایگذاری آن خط
▫️𝗛𝗼𝗺𝗲
رفتن به اولین خط
▫️𝗘𝗻𝗱
رفتن به آخرین خط
▫️𝗣𝗮𝗴𝗲 𝗨𝗽
رفتن به اولین خط کد ها
▫️𝗣𝗮𝗴𝗲 𝗗𝗼𝘄𝗻
رفتن به آخرین خط کد ها
▫️𝗖𝘁𝗿𝗹 + ➡️ 𝗢𝗿 ⬅️
  کلمه به کلمه عقب یا جلو رفتن
▫️𝗖𝘁𝗿𝗹 + 𝗦𝗵𝗶𝗳𝘁 + ➡️ 𝗢𝗿 ⬅️
انتخاب کلمات جلو یا عقب
▫️𝗖𝘁𝗿𝗹 + 𝗗𝗲𝗹𝗲𝘁𝗲
پاک کردن کلمه به کلمه
▫️𝗙1
باز کردن پنجره بالا
▫️𝗦𝗵𝗶𝗳𝘁 + 𝗛𝗼𝗺𝗲
انتخاب انتهای متن با ابتدا
▫️𝗦𝗵𝗶𝗳𝘁 + 𝗘𝗻𝗱
انتخاب ابتدا و انتهای کد
▫️𝗖𝘁𝗿𝗹 + 𝗗
تغییر چند متن پشت هم(کلمات یکسان)
▫️𝗖𝘁𝗿𝗹 + 𝗦𝗽𝗮𝗰𝗲
آوردن پیشنهاد ها
▫️𝗖𝘁𝗿𝗹 + /
کامنت کردن
▫️𝗖𝘁𝗿𝗹 + 𝗟
انتخاب خط به خط کد ها
▫️𝗖𝘁𝗿𝗹 + 𝗣
جابه‌جایی فولدر ها
▫️𝗖𝘁𝗿𝗹 + 𝗙
پیدا کردن یک نام یا کلمه
▫️𝗖𝘁𝗿𝗹 + 𝗧𝗮𝗯
جا به جایی بین فایل
▫️𝗔𝗹𝘁 + ⬆️ 𝗢𝗿 ⬇️
جابه‌جایی کد
▫️𝗖𝘁𝗿𝗹 + 𝗔𝗹𝘁 + ⬇️ 𝗢𝗿 ⬆️
ویرایش چند کد همزمان
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

تایپ‌اسکریپت رو دارن با Go باز نویسی می‌کنن و تا الان ۱۰ برابر سریع‌تر از قبل شده. چیزی که خیلی جالبه اینه که تیم توسعه‌اش با C# خیلی نزدیکه (چون پشت جفتشون مایکروسافته) و حتی سازنده‌اشونم یکیه. اما با این حال با وجود رقابتی که الان بین C# و Go هست، اومدن Go رو انتخاب کردن.
این اتفاق به نظرم خیلی حرفا داره برای گفتن، اگه بخوایم سطحی نگاه کنیم اینطور نتیجه می‌گیریم که گولنگ > سی‌شارپ. ولی نتیجه معقولی که تو بحثا هست اینه که آدمای باتجربه و بزرگ دنبال ابزار درست برای حل مشکل می‌گردن و حتی اگه اون زبان رو خودشون ساخته باشن روش تعصب ندارن که بهترینه :)

🔗 لینک پست معرفی
🔗 لینک بحث توی گیت‌هاب
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

🔸 یک سایت کاربردی برای دور زدن فیلترینگ سایت های فیلتر

🔻 این سایت به عنوان پروکسی عمل میکند لینک سایت فیلتر رو بهش میدید یک لینک جدید تولید می‌کنه که فیلتر نیست .

🔹https://www.blockaway.net/
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

https://github.com/viraptor/reverse-interview?tab=readme-ov-file

اینم سوالات مربوط به مصاحبه مهم که شما میتونید بپرسید از مصاحبه کنندتون

🔸 اگه می‌خوای اندازه Bundle پروژه‌ات رو کم کنی و سرعت لود سایت رو به شدت بالا ببری، باید چندتا نکته کلیدی رو رعایت کنی. 🚀

۱. تجزیه و تحلیل Bundle 🧐
چی کار می‌کنه؟
قبل از هر کاری، بفهم که چه چیزایی توی Bundle فضا رو می‌گیرند. ابزارهایی مثل Bundle Analyzer با نمودارهای تصویری کمک می‌کنن تا جزئیات و بخش‌های سنگین کد رو به راحتی شناسایی کنی.

۲. حذف وابستگی‌های غیرضروری ✂️
چرا مهمه؟
توی پروژه‌هات ممکنه dependency هایی وجود داشته باشه که یا اصلاً استفاده نمی‌شن یا به بهینه‌ترین شکل نوشته نشده‌اند. حذف یا جایگزینی این وابستگی‌ها می‌تونه اندازه Bundle رو خیلی کاهش بده.

۳. استفاده از Code Splitting 🔀
مفهوم کلی:
به جای اینکه کل کد رو توی یه فایل بزرگ بریزی، اون رو به قسمت‌های کوچکتر تقسیم کن.
مزایا:
- فقط بخش‌هایی که کاربر نیاز داره در ابتدا لود می‌شه.
- زمان بارگذاری اولیه کمتر می‌شود.
- تجربه کاربری بهتری فراهم می‌شود.
❗️تصور کن یه کتاب ضخیم رو بخونی؛ به جای اینکه کل کتاب رو یکجا بخونی، فقط فصل یا بخش مورد نیازت رو می‌خونی!

۴. استفاده از Tree Shaking 🌳
هدف این تکنیک:
حذف قسمت‌های غیرضروری کد که هرگز اجرا نمی‌شن، به طوری که فقط کدهای واقعی و کاربردی داخل Bundle بمونن.
نتیجه:
یک Bundle تمیزتر و بهینه‌تر که باعث بهبود عملکرد برنامه می‌شه.

💡 نتیجه‌گیری:
کاهش حجم Bundle باعث می‌شه سایت یا اپلیکیشن شما سریع‌تر، کارآمدتر و بهینه‌تر عمل کنه. این تغییرات نه تنها رضایت کاربران رو بالا می‌بره، بلکه از نظر SEO هم به بهبود رتبه سایت کمک می‌کن.
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

مدارک مورد نیاز سفارت آمریکا، آپدیت سال ۲۰۲۶

⬅️ برای دانشجویانی که فاند دارند یا استاد آن‌ها هنوز مشخص نیست، یا فاند ندارند:
1. RA: Research Plan
2. TA: Study Plan

⭐️ مدارک مورد نیاز:
3- اصل پاسپورت به همراه حداقل شش ماه اعتبار
تذکر: اصل پاسپورت دارای حداقل شش ماه اعتبار بعد از تاریخ شروع برنامه نیاز هست.

4- فرم‌های ویزا:
DS-2019: برای متقاضیان ویزای J
I-20: برای متقاضیان ویزای F
پرینت فرم‌های DS-2019 و/یا I-20 کفایت می‌کند و نیازی به ارسال فیزیکی آن توسط دانشگاه نیست.

5- تمکن مالی (Bank Statement - BS) برای دانشجویانی که فول‌فاند نیستند.
برای سفارت گردش حساب نیاز نیست و تنها مانده حساب (حتی مانده یک روزه) کفایت می‌کند.
اگر با ارز دولتی تهیه شده باشد، بهتر است تمکن حدود ۱.۵ تا ۲ برابر مقدار عنوان شده در DS-2019 و/یا I-20 باشد.
در صورتی که با ارز آزاد تهیه می‌کنید، مقدار عنوان شده در نامه DS-2019 و/یا I-20 کفایت می‌کند.

6- رسید پرداخت MRV
7- رسید پرداخت SEVIS Fee (I-901)
8- تأییدیه سابمیت فرم DS-160

9- تأییدیه وقت سفارت
هنگام ورود به سفارت، معمولا از دانشجو درخواست می‌شود که این تأییدیه را ارائه کند.

10- نامه فاند دانشجو (در صورت جدا بودن نامه فاند)

11- مدارک سوشال تای
تای (Tie) چیست؟ سندی برای این‌که کشور مقصد را ترک خواهید کرد.

12- رزومه یا CV متقاضی
13- رزومه یا CV استاد راهنما (در صورت داشتن استاد)
14- انگیزه‌نامه یا SOP
15- اصل شناسنامه و کارت ملی به همراه ترجمه
16- ریز نمرات و مدارک دانشگاهی به همراه ترجمه

17- سند ازدواج، ترجمه مدارک مربوط به ازدواج، به همراه عکس از مراسم عروسی و یا عقد (بسیار توصیه می‌شود)
برای متأهلینی که به‌صورت F1-F2 و/یا J1-J2 اپلای کرده‌اند.

18- اصل کارت پایان خدمت به همراه ترجمه و یا نامه معافیت از تحصیل و یا رسید وثیقه
برای دانشجویانی که وثیقه خروج قرار داده‌اند یا هر مدرکی که وضعیت خدمت آقایان را نشان دهد.

19- دو قطعه عکس ۵*۵ چاپ شده در پنج ماه اخیر
20- آفر لیبل برای دانشجویان ویزای J

نکته‌ی مهم درباره همه‌ی مدارک این است که هیچ نیازی به دریافت مهر وزارت خارجه و/یا دادگستری نیست و تنها مهر مترجم برای تمام مدارک کفایت می‌کند.
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

Master Javanoscript :

The JavaScript Tree 👇
|
|── Variables
| ├── var
| ├── let
| └── const
|
|── Data Types
| ├── String
| ├── Number
| ├── Boolean
| ├── Object
| ├── Array
| ├── Null
| └── Undefined
|
|── Operators
| ├── Arithmetic
| ├── Assignment
| ├── Comparison
| ├── Logical
| ├── Unary
| └── Ternary (Conditional)
||── Control Flow
| ├── if statement
| ├── else statement
| ├── else if statement
| ├── switch statement
| ├── for loop
| ├── while loop
| └── do-while loop
|
|── Functions
| ├── Function declaration
| ├── Function expression
| ├── Arrow function
| └── IIFE (Immediately Invoked Function Expression)
|
|── Scope
| ├── Global scope
| ├── Local scope
| ├── Block scope
| └── Lexical scope
||── Arrays
| ├── Array methods
| | ├── push()
| | ├── pop()
| | ├── shift()
| | ├── unshift()
| | ├── splice()
| | ├── slice()
| | └── concat()
| └── Array iteration
| ├── forEach()
| ├── map()
| ├── filter()
| └── reduce()|
|── Objects
| ├── Object properties
| | ├── Dot notation
| | └── Bracket notation
| ├── Object methods
| | ├── Object.keys()
| | ├── Object.values()
| | └── Object.entries()
| └── Object destructuring
||── Promises
| ├── Promise states
| | ├── Pending
| | ├── Fulfilled
| | └── Rejected
| ├── Promise methods
| | ├── then()
| | ├── catch()
| | └── finally()
| └── Promise.all()
|
|── Asynchronous JavaScript
| ├── Callbacks
| ├── Promises
| └── Async/Await
|
|── Error Handling
| ├── try...catch statement
| └── throw statement
|
|── JSON (JavaScript Object Notation)
||── Modules
| ├── import
| └── export
|
|── DOM Manipulation
| ├── Selecting elements
| ├── Modifying elements
| └── Creating elements
|
|── Events
| ├── Event listeners
| ├── Event propagation
| └── Event delegation
|
|── AJAX (Asynchronous JavaScript and XML)
|
|── Fetch API
||── ES6+ Features
| ├── Template literals
| ├── Destructuring assignment
| ├── Spread/rest operator
| ├── Arrow functions
| ├── Classes
| ├── let and const
| ├── Default parameters
| ├── Modules
| └── Promises
|
|── Web APIs
| ├── Local Storage
| ├── Session Storage
| └── Web Storage API
|
|── Libraries and Frameworks
| ├── React
| ├── Angular
| └── Vue.js
||── Debugging
| ├── Console.log()
| ├── Breakpoints
| └── DevTools
|
|── Others
| ├── Closures
| ├── Callbacks
| ├── Prototypes
| ├── this keyword
| ├── Hoisting
| └── Strict mode
|
| END
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

منبع خوب و کامل برای انیمیشن های CSS:
https://gradienty.codes/animations
https://animate.style/
https://animejs.com/
https://www.minimamente.com/project/magic/
https://zzz.dog/
https://elrumordelaluz.github.io/csshake/
https://ianlunn.github.io/Hover/
https://anijs.github.io/
https://animista.net/
https://github.com/anater/tachyons-animate
https://domyassignments.com/blog/sequencejs-com/
https://tilomitra.github.io/infinite/
https://tholman.com/obnoxious/
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

📈صنعتی با وسعت 42 تریلیون دلار
صنعت فریلنسری بین المللی...📈
------------------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

✔️ مدل کاری فریلنسری در دو دقیقه
-------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

🔹 مخاطبین فریلنسری دلاری
🔹 کیا میتونن توی مسیر فریلنسری دلاری وارد بشن!

تو این وُیس چهار دسته مخاطب اصلی فریلنسری دلاری معرفی شدن؛ اینکه این حوزه اصلا به درد کیا میخوره و به درد کیا نمیخوره!
-------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101

🔺مسیر فریلنسری دلاری
🔺تجربه شخصی علی سیاه‌کلاه از ۷ سال کار فریلنسری بین المللی

🔺تو این وُیس با تحربه شخصی ۷ سال سابقه علی سیاه کلاه در مسیر فریلنسری دلاری بیشتر آشنا می شوید.
-------------------------
پُروکُد، جایی که‌ برنامه‌نویسای حرفه‌ای متولد میشن🧑🏻‍💻👇🏽

https://news.1rj.ru/str/ProCode0101