برگزاری دوره‌های خصوصی و آنلاین برنامه نویسی فرانت اند
این دوره‌ها مستقل از فعالیت اصلی کانال است.
آدرس کانال تلگرام ، لینکدین و اینستاگرام:
@alithecodeguy
آیدی مستقیم ادمین:
@codewithali
#alithecodeguy #programming #javascript #html #css #react #reactjs

لینک موجود در تصویر:
https://www.coinex.com/register?refer_code=gmx7p
#alithecodeguy #coinex #cryptocurrency #eosc #bitcoin #dogecoin

دورهمی آنلاین بلاکچین
آدرس گروه اسکایپ
https://join.skype.com/NHTfedcvwpD0
آدرس گروه تلگرامی جهت هماهنگی و مشاهده سایر فعالیت‌ها:
https://t.iss.one/alithecodeguy
لینک گوگل کلاندر :
https://calendar.google.com/event?action=TEMPLATE&tmeid=N2twZ2J2aWpxZTRsaWlmcGYyYXFuNGpzbnQgZTNiNGptbGJjYzI4ZmM1NWRydmdqZzVucW9AZw&tmsrc=e3b4jmlbcc28fc55drvgjg5nqo%40group.calendar.google.com
----
#blockchain #alithecodeguy #بلاکچین

آموزش ساخت و انتشار کتابخانه برای ریکت

https://youtu.be/UaVGJYPPv-E

#react #alithecodeguy #npm #ریکت

آدرس گیت هاب:
https://github.com/alithecodeguy/persian-javascript.info
#alithecodeguy #codewithali #javascript

بخش ۳۳ ترجمه های جاوا اسکریپت اضافه شد.
https://github.com/alithecodeguy/persian-javascript.info
#alithecodeguy #codewithali #javascript

دورهمی آنلاین TailwindCSS
لینگ اسکایپ :
https://join.skype.com/FvWDY3cABOmw
لینک گروه تلگرام :
https://t.iss.one/alithecodeguy
لینک یوتیوب:
https://www.youtube.com/c/alithecodeguy
لینک گوگل کلندر:
https://calendar.google.com/event?action=TEMPLATE&tmeid=MDJjdWthbmpvdTdiZjhuaDA5NnVvbW9vZ3QgZTNiNGptbGJjYzI4ZmM1NWRydmdqZzVucW9AZw&tmsrc=e3b4jmlbcc28fc55drvgjg5nqo%40group.calendar.google.com
#tailwind #tailwindcss #meeting #alithecodeguy

اگر میخواهید برای height از transition استفاده کنید حواستون باشه نمیتونید از چیزایی مثل height auto یا height full استفاده کنید. بلکه مقدار height دقیق باید مشخص بشه. شکل بالا تفاوت این دو روش رو نشون میده.
این یه مشکل شناخته شدست که سعی میکنن با max-height برطرفش کنن ولی همیشه کارساز نیست.
#tailwind #css #web_programming #html #alithecodeguy

دورهمی آنلاین TailwindCSS
لینگ اسکایپ :
https://join.skype.com/FvWDY3cABOmw
لینک گروه تلگرام :
https://t.iss.one/alithecodeguy
لینک یوتیوب:
https://www.youtube.com/c/alithecodeguy
لینک گوگل کلندر:
https://calendar.google.com/event?action=TEMPLATE&tmeid=MDJjdWthbmpvdTdiZjhuaDA5NnVvbW9vZ3QgZTNiNGptbGJjYzI4ZmM1NWRydmdqZzVucW9AZw&tmsrc=e3b4jmlbcc28fc55drvgjg5nqo%40group.calendar.google.com
#tailwind #tailwindcss #meeting #alithecodeguy

چه جوری fetch request رو توی جاوا اسکریپت کنسل کنیم؟
#js #fetch #javascript #alithecodeguy

تلمتری در نکست جی اس چیست و چرا باید به ان توجه داشته باشیم؟

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

#alithecodeguy #react #nextjs @alithecodeguy

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

این لینک هم میتونه کمکتون کنه :
https://stackoverflow.com/questions/5905492/dynamic-function-name-in-javascript/40918734#40918734

#js #javascript #dynamic #alithecodeguy @alithecodeguy

در صفحات عادی وب ، lang رو باید به تگ html اضافه کنیم. برای NextJs که تگ html در دسترسمون قرار نداره چیکار کنیم؟
میتونیم چندتا خط بالا رو به next.config.js اضافه کنیم. این روش روی ورژن ۱۰ به بالا کار میکنه. برای ورژن های پایین تر از _document باید استفاده کرد.
حالا lang به چه دردی میخوره؟ برای SEO و Accessability بسیار مهمه.
#js #nextjs #react #alithecodeguy @alithecodeguy

پترن regex برای استفاده در پسووردها :

"^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]?).{8,}$"

- at least 8 character
- at least one lower case
- at least one upper case
- at least one number
- symbols are optional

#regex #password #alithecodeguy @alithecodeguy

جاب گای مدتیه جمع شده. برای دوستانی که نمیدونن عرض کنم جایی بود که همه میرفتن نظراشون رو راجع به شرکت های مختلف مینوشتن و کسانی که میخواستن برن جایی مشغول شن میرفتن اونجا یه سر میزدن.
یه بنده خدایی اومده دیتاهاش رو جمع کرده و برای استفاده گذاشته.
https://tajrobe.github.io/
#job #jobguy #alithecodeguy @alithecodeguy

دوره فشرده و پروژه محور فرانت اند ( آنلاین )
طراحی بخشی از سایت دیوار با React

ظرفیت : ۴ نفر
هزینه دوره : ۱.۵ میلیون تومان ( ۲۰ درصد تخفیف با پرداخت رمز ارز )
زمان : ۸ بهمن ۱۴۰۰ ساعت ۱۰ الی ۲۰

موضوعات :
ReactJs , NextJs , TypeScript , ReduxToolkit , TailwindCSS

پیش نیاز :
HTML , CSS , JavaScript

راه ارتباطی :
کانال تلگرامی : https://t.iss.one/alithecodeguy
لینکدین : https://www.linkedin.com/in/alithecodeguy

#course #js #react #javascript #nextjs #redux #tailwind #typescript #programming #frontend #alithecodeguy @alithecodeguy

شاید فکرکنید اونور خیلی گل و بلبله ولی این آماریه که از ۱۵ تا آگهی استخدام ریکت توی استک اورفلو درآوردم.
عملا باید بک اند و سرور هم بلد
باشید.
پاورقی : برای سمت سنیور
#react #job #alithecodeguy #stackoverflow #frontend

اسکرول نرم با سرعت متفاوت بدنه و عکس پس زمینه هدر
به شکل یه پروژه ساده اچ تی ام الی روی گیت هاب قرارش دادم. دمو هم تهیه کردم. باشد که مفید واقع شود.
لینگ گیت هاب:
https://github.com/alithecodeguy/smooth_parallax
دمو:
https://smooth-parallax.vercel.app/
#parallax #css #alithecodeguy #frontend

وبینار فرانت اند با محوریت React
اطلاعات بیشتر در تصویر.
لینک اسکایپ :
https://join.skype.com/K6vkgkVUtzED
#react #alithecodeguy #webinar #frontend

مطالب مقدماتی سایت ریداکس رو به صورت خلاصه درآوردم ، مثال‌هاش رو یه کم اصلاح کردم و برای هر کدوم مخزن ساختم.

از این مخزن برای آموزش به دوستان استفاده میشه. امیدوارم برای شما هم مفید واقع شه

https://github.com/alithecodeguy/redux-class

#redux #react #alithecodeguy