گشتم و گشتم و یه ui, ux دیزاینر آوردم براتون اونم از نوع خفنش😍💪

مصحابه با ابراهیم فرجامی و پاسخ به سوالات شما
پروداکت منیجر در اوتوموبی | ابراهیم فرجامی

- حق با برنامه نویس هستش یا یوآی یوایکس دیزاینر ؟
- چه خصوصیاتی میتونه توی تبدیل شدن به یک یوآی، یوایکس دیزاینر خوب تاثیر گذار باشه ؟
- 3 تا نکته مثبت درباره ui, ux دیزاینری و این مسیر شغلی ؟
- 3 تا نکته منفی درباره ui, ux دیزاینری و این مسیر شغلی ؟
- چجوری وارد این حوزه کاری شدی ؟
و ...

https://www.youtube.com/watch?v=A-r2I0EGy6E&list=PLAS8sE7zBqC-Kdq5IGNsk79VAWNjAiWsn

#youtube #uiux

Channel | YouTube | Instagram

#event

دورهمی امروز هم به اتمام رسید 😍🔥

مرسی از همه بچه هایی که اومدن و حضور داشتن تو این دورهمی، واقعا خیلی عالی بود و حسابی خوش گذشت بهمون

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

مرسی که هستین ❤️

لینک کانال تلگرام فرانت چپتر : https://news.1rj.ru/str/frontChapterGroup

Channel | YouTube | Instagram

سلام دوستان امیدوارم حالتون خوب باشه
همایش فرانت چپتر امسال واقعا همایش خفنی بود و از همینجا از همه رفقای فرانت چپتری تشکر میکنم بخاطر این اتفاق خفنی که رقم زدند

من از کل این رویداد مثل سفر و اتفاقات خفنی که در کنار هم رقم زدیم یه ولاگ تهیه کردم که ایشالا امروز اپلود میشه داخل چنل یوتوبم و میتونید ببینید ❤️🔥

این هم چنل یوتوب من هستش

https://youtube.com/@CoolyCode

به محض منتشر شدن لینک ویدیو رو داخل همین گروه میفرستم

اینم از ولاگ تولد مهران عزیز 💪😍

یکی از آدمای خفن زندگیم که همیشه ازش یادگرفتم و خوشحالم که توی مسیرم قرار گرفته و امیدوارم که روز به روز به موفقیتای خفن تری برسه ❤️

Channel | YouTube | Instagram

#vlog

بریم برا یه ولاگ دیگه 😎
اینبار پیش به سوی شمال، پدر بزرگ من یه خونه تو شمال داره که ما اکثر تعطیلات میریم اونجا

https://www.instagram.com/reel/C6R-jfKrjjV/?igsh=MTkxYmE5bzNkcGFxaw==

راستی ما عید ۱۴۰۳ ام شمال بودیم که ولاگ کاملش رو گذاشتم و داخل چنل یوتوب گذاشتم حتما ببینید اگر دوست داشتید 🤩💪

لینک ویدیو کامل ولاگ شمال

#ولاگ #vlog

Channel | YouTube | Instagram

ولاگ رویداد هنگ‌اوت دولوپر ها😍💪

هنگ‌اوت دولوپر ها یه کامیونیتی کوچیک که ایونتای زبان انگلیسی برگزار میکنند
برنامه ام به این شکله که اول یه ارائه داریم که ارائه این هفته درباره دیزاین پترن ها بود و بعد از ارائه ام به گروهای ۷،۸ نفره تقسیم میشیم مکالمه آزاد و تخصصی داریم با بچه ها
ویدیو ولاگ برنامه این هفته رو هم میتونید از پیج ایسنتاگرام من تماشا کنید

https://www.instagram.com/reel/C6WWXIMsEGa/?igsh=NHVpdm03dng2bWRi

#NEWPost #vlog

Channel | YouTube | Instagram

#event

بعد از همایش فرانت‌چپتر امسال من تونستم کلی دوستای خفن پیدا کنم و به همین منظور با بچه ها تصمیم گرفتیم که یه دورهمی حضوری بزاریم توی باغ‌کتاب و دیداری تازه کنیم ولی خب داستان به همینجا خطم نمیشه و از اونجایی که خیلی استقبال شد از این دورهمی نزدیک 30 نفر شدیم و از بچه های خود فرانت چپتر هم اومدن پیشمون از شهرای دیگه و خیلی اتفاق خفنی بودش و تمام تلاشمون رو میکنیم که به زودی یه دورهمی حضوری خفن دیگه بزاریم برای برنامه نویسا و همگی باهم به سمت پیشرفت حرکت کنیم و بترکونیم💪

لینک ویدیو دورهمی در یوتوب :
https://youtu.be/sxAq0MYhuc8?si=gJMniOANi0Cri7od

Channel | YouTube | Instagram

#javanoscript #video

حتما برای شما ام پیش اومده که وارد یه وبسایتی میشید و مثلا یه منویی رو باز میکنید ولی به محض اینکه دکمه بک گوشیتون رو میزنید صفحه عوض میشه 😨🤦🏼‍♂️

این اتفاق بخاطر هندل نکردن درست این مسئله داخل کد هستش، حالا توی این ویدیو بهتون یاد میدم که چجوری میتونید این مورد رو با جاوااسکریپت هندل کنید

Channel | YouTube | Instagram

#reactjs #youtube

داخل این ویدیو بهتون یاد دادم که چجوری میتونید بدون استفاده از هیچگونه لایبرری خاصی داخل برنامه ری‌اکتی خودتون دیتای فرم هاتون رو‌ خیلی ساده با چند خط کد جاوااسکریپت مدیریت کنید ⚡️

مشاهده کامل ویدیو داخل‌ چنل یوتوب

مشاهده ریپازیتوری گیت هاب کد های استفاده شده داخل ویدیو

Channel | YouTube | Instagram

وقتی برنامه نویسی و تولید محتوا ام میکنی ساعت انتشار ویدیو هات 😂😂😂 :

#javanoscript #video

توی این ویدیو بهتون یاد میدم که خیلی ساده با چند خط کد جاوااسکریپت از این کاردای سه بعدی خفن بسازید که با حرکت موس کاربر افکتای سه بعدی بهش اعمال بشه و تجربه خفنی رو برای کاربر رقم بزنه 🤩⚡️

لینک ریپازیتوری گیت‌هاب پروژه

Channel | YouTube | Instagram

کد های css استفاده شده داخل این ویدیو :

@import url("https://fonts.googleapis.com/css?family=Montserrat");

      html,
      body {
        height: 100%;
        margin: 0;
        font-family: "Montserrat", sans-serif;
        background: linear-gradient(45deg, #9cb169, #86bf49);
      }

      #container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      #card {
        overflow: hidden;
        display: flex;
        justify-content: start;
        align-items: center;
        padding-top: 1vw;
        position: relative;
        background: rgb(23, 22, 22);
        flex-direction: column;
        cursor: pointer;
        transition: transform 0.1s;
        border-radius: 1vw;
        box-shadow: rgb(0 0 0 / 66%) 0 30px 60px 0;
        background: #062743;
      }

      #card,
      #panel-cover {
        width: 16vw;
        height: 48vh;
        width: 15vw;
        height: 42vh;
        width: 16vw;
        height: 20vw;
      }

      #panel-cover {
        position: absolute;
        transition: transform 0.1s;
        transform: perspective(400px) rotateX(0deg) rotateY(0deg);
        transform-style: preserve-3d;
        box-shadow: 1.5rem 2.5rem 5rem 0.7rem rgba(0, 0, 0, 0.13);
        display: flex;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        transition: transform 0.1s ease 0s, width 0.1s ease 0s,
          height 0.1s ease 0s;
      }

      #panel-cover img {
        width: 100%;
        height: auto;
      }

      #panel-container {
        position: relative;

        width: 73%;
        height: 56%;
        overflow: hidden;
        border-radius: 0.3vw;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      #darkness-background {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.204);
        box-shadow: inset 0 0 1vw 0.1vw #000000;
        transition: 0.1s;
        z-index: 2;
      }

      #card:hover #darkness-background {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.024);
        box-shadow: inset 0 0 1vw 0.3vw #000000;
      }

      .panel-content {
        color: #fff;
        text-align: start;
        transform: translateZ(80px) scale(0.8);
        transform-style: preserve-3d;
        overflow-wrap: break-word;
        font-size: 2vw;
        align-self: flex-start;
        margin: 1vw 0 0 0.5vw;
      }

      .panel-content .song-noscript {
        text-shadow: -2px 2px 3px #000, -1px 3px 15px #000;
        font-size: 1em;
        font-weight: bold;
      }

      .panel-content .song-artist {
        font-size: 0.6em;
        margin-top: 1vw;
      }

#reactjs #youtube

تو این ویدیو بهتون هوک یوزافکت رو با یه مثال جالب یاد دادم و لیمیت سابمیت فرم رو با یوز افکت هندل کردم برای درک بهتر این هوک که می‌تونه جالب باشه براتون 😁⚡

آموزش کامل هوک یوزافکت در ری‌اکت با مثال کاربردی و مینی پروژه فرم با ولیدشن

Channel | YouTube | Instagram

https://youtu.be/udlqlFd4U7w?si=k2yuYWlC4et0G12B

#libarary #reactjs #javanoscript

● معرفی لایبرری react hook form ●

توی این ویدیو به طور کامل بهتون توضیح دادم که این لایبرری دقیقا چیکار میکنه و چه مزایایی داره ⚡

https://www.instagram.com/reel/C7HCXB4sfK0/?igsh=ZHRjcHVpY2ZrbG92

Channel | YouTube | Instagram

#youtube

کی سریع تر کد میزنه ؟ 😎😂

درسته توی کد زدن سرعت مهم نیست ولی چالش جالبیه که خودمون رو بسنجیم و ببینیم که چقدر سریع میتونیم کد بزنیم 😉

فکر میکنم که تاحالا همچین سبک محتوایی نبوده باشه تا جایی که من گشتم امیدوارم خوشتون بیاد 🤩💪

مشاهده ویدیو

Channel | YouTube | Instagram