Float UI

یک کتابخانه طراحی رابط کاربری است مانند « Tailwind UI » که مجموعه ایی از کامپوننت‌های آماده و مدرن را ارائه می‌دهد. این کتابخانه بر اساس « Tailwind CSS » ساخته شده و برای توسعه سریع‌تر و آسان‌تر رابط‌های کاربری طراحی شده است.

کتابخونه « Float UI » به عنوان یک جایگزین برای « Tailwind UI » و بسیاری از کتابخونه‌های دیگه توسعه پیدا کرده.

از نکات مثبت کتابخونه « Float UI » میشه به رایگان و « open source » بودنش اشاره کرد.

ویژگی‌ها:

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

مدرن و واکنش‌گرا: طراحی کامپوننت‌ها به صورت کاملا رسپانسیو انجام شده و در انواع نمایشگرها به خوبی کار میکنه :)

طراحی ساده و مدرن: تمرکز بر طراحی ساده، تمیز و مینیمال.

سازگاری با Tailwind CSS: این کتابخونه به صورت کامل با کلاس‌های « Tailwind CSS » نوشته شده.

رایگان: « Float UI » بر خلاف « Tailwind UI » رایگانه و همین باعث میشه برای پروژهای کوچیک راه حل مناسبی باشه :O

Article
Website
#tools #free #FloatUI #Tailwind
Channel: @JSKernel

https://help.openai.com/en/articles/9237897-chatgpt-search

#AI #ChatGPT #Article
Channel: @JSKernel

#Course
#Section3
#htmlcss

سکشن سوم از دوره htmlcss

دوره رو برای دوستاتون هم بفرستید 🙏⚡️

Channel: @JSKernel

قسمت های فصل سوم:

#Section3
#htmlcss

19 Start main section (sponsor banner)
20 main new section

Channel: @JSKernel

سوال و نظرات خود را در صندوق بیندازید📬

تا آخر ببین.

به صورت دیفالت فعاله اشتراک نمیخواد فقط سر تحریم با اکانتای ایران مشکل داره انگار :(

داشتم ادامه دوره رو رکورد میکردم که این گزینه non commercial use همین الان خورد به چشمم

با خودم گفتم خب حالا اگه دوره رو تو یوتوب اپلود کنم مشکل کپی رایت میخوره؟
چون خودش گفته برای استفاده غیر تجاری!

جالب اینجاس نه.
توی قوانین به این موضوع اشاره کردن :

Can I use the IDE for free to create educational courses and stream content while earning money through course sales or advertisements in the stream?
With the non-commercial license agreement, you can create any type of content, even if it involves receiving commercial benefits. Here are some examples of such content creation:

Creators of educational courses looking to sell their courses.
Content creators who share posts on platforms like YouTube and earn commissions from ads.
Podcasters and streamers who sell ad space in their content.

#jetbrains #IDE #webstorm
Article

سکشن جدید رکورد شده و امادس

ولی حس اپلودش نیس

#Course
#Section4
#htmlcss

سکشن چهارم از دوره htmlcss

حمایت فراموش نشه 🙏⚡️

Channel: @JSKernel

قسمت های فصل چهارم:

#Section4
#htmlcss

21...
22...
23...

Channel: @JSKernel

#Course
#Section5
#htmlcss

سکشن پنجم از دوره htmlcss (پارت آخر)

حمایت فراموش نشه 🙏❤️‍🔥

Channel: @JSKernel

قسمت های فصل پنچم: (فصل آخر)

#Section5
#htmlcss

24 Favourites section
25 App phone section
26 Join community section
27 Footer

Channel: @JSKernel

خب دیگه نوبتی هم باشه نوبت این پروژه خفنه

به جز فایل فیگما برای Sketch و Adobe XD هم فایلهاش هست

#figma #uikit #ui

Channel: @JSKernel

🗂فایلهای پروژه

کدها رو تمیز نوشتم تا هر بخش پروژه براتون قابل فهم باشه

بعد از پروژه طراحی قالب فروشگاهی تمرین خوبیه براتون

#project #shopping

Channel: @JSKernel

یه نکته درباره این پروژه بگم که از یه سری کتاب خونه های js هم توش استفاده شده که چیز خواصی نیس

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

🟡 راز کدنویسی تمیز: چطور کدی بنویسیم که خوانا، حرفه‌ای و قابل نگهداری باشه؟


🟢 اصول کدنویسی تمیز (Clean Code)

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


🟢 انتخاب نام‌های مناسب

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


🟢 توابع کوتاه و خوانا

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


🟢 قواعد فرمت‌بندی

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


🟢 نکات درباره کامنت‌ها

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


🟢 استفاده از DRY، KISS و YAGNI

این اصول کمک می‌کنن که کد رو ساده، بدون تکرار و بدون ویژگی‌های اضافی بنویسی. DRY یعنی "کد رو تکرار نکن"، KISS یعنی "کد رو ساده نگه دار" و YAGNI یعنی "فقط اون چیزی رو پیاده‌سازی کن که الان نیاز داری (آینده نگری نکن)".


🟢 بازسازی (Refactoring)

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


🟢 منابع و ابزارهای مفید

برای نوشتن کد تمیز، می‌تونی از ابزارهایی مثل ESLint برای چک کردن اشتباهات کد استفاده کنی. این ابزار به‌خصوص برای جاوااسکریپت خیلی مفیده و بهت کمک می‌کنه که کد خودتو مطابق با استانداردها بنویسی. همچنین دوره‌ها و ویدیوهای زیادی هم هست که می‌تونی ازشون برای یادگیری بیشتر استفاده کنی، مثلا دوره‌ای که برگذار کردیم و داخل چنل قرار دادیم.

#cleancode #refactoring

Channel: @JSKernel