Deep Devs | فرانت اند | بک اند | جاوااسکریپت | برنامه نویسی | برنامه نویسی وب

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

🙄😶میکروفون و ادیتور اختصاصی نداشتم.پس محتوا رو دقت کنید نه به ادیتی که بهتره بگم خیلی حرفه ای انجام نشد!💀

✅چیزی که سبب میشه رزومه ای بسازید بس عجیب و قریب و با قدرت که هر کارفرمایی رو کامل از نظر مهارت های فنی که دارید ضربه فنی کنه و چاره ای جز این نداشته باشه که شما رو قبول کنه!💯😎

npm i tailwindcss @tailwindcss/postcss 

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

@import "tailwindcss"; 

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

@import "tailwindcss"; @theme { --font-display: "Satoshi", "sans-serif"; --color-primary: #3498db; } 

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

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

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

npm i tailwindcss @tailwindcss/postcss 

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

@import "tailwindcss"; 

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

@import "tailwindcss"; @theme { --font-display: "Satoshi", "sans-serif"; --color-primary: #3498db; } 

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

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

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

به طور کل:هرآنچه قرار وب سایت ما رو ایجاد کنه در محیط هایی که عرض کردم ایجاد میکنند؛البته به این سادگی و استراکچرهای پیچیده ای رو با جزئیات زیاد باید پیاده سازی کنند!برای هر رابط که قابلیت کلیک داره و یا از لینک استفاده‌ شده،باید بدونند به چه صفحه ای میرن و ساختار اون صفحه رو هم باید پیاده سازی کنند با در نظر گرفتن تطابق رنگ،محتوا و...

روانشناسی رنگ ها،شیوه طراحی قالب و تطابق اون با موضوع هدف،تایپوگرافی(خلاصه اش اینه که هر محتوایی که می‌بینیم چه فرمت و سبک فونتی،سایز و وزن فونت داشته باشه!)و...رو در نظر بگیره

پیاده سازی باHTML,CSS,JSوکتابخانه ها و فریم ورک های آنها که به صورت بصری هستند بخش فرانت رو پیاده سازی و ایجاد میکنه.همه انچه در فیگما مثلا طراحی شده این برنامه نویس فرانت باید پیاده سازی اش کنه

لایه های پشت وب سایت،مدیریت درخواست های کاربر رو عهده دار هست،مثلا بعد از کلیک روی یک دکمه یا فرم،درخواست و پاسخ درست اون عملیات به عهده ایشون هست.

✅بالابردن سطح روابط اجتماعی،مطالعه📚،افزایش فعالیت ها در جامعه🏃 و تعامل با آدم ها خیلی در حل این مشکل کمک کننده است!

ولی باید بدونیم مدیر پروژه یا کسی که سطح بالاتری از ما هست و بخشی از اون تیم حساب میشیم باید نسبت به کار ما اطلاع داشته باشه که متاسفانه خیلی از این کار دوری میکنند و ما نسبت به افزایش بهره وری مون در اثر نداشتن تعامل زیاد،کوتاهی میکنیم‼️

که در نهایت نتیجه معکوس میده و بازده فرد رو پایین میاره❌ مثلا دیر خوابیدن،زیاد قهوه خوردن،ورزش و تحرک نداشتن،نخوردن غذاهای سالم و میان وعده های سالم و مفید،استراحت ندادن چشم و...