Forwarded from JS Dev Course
3-Section-HtmlCss-UiKit-Course.zip
67.4 MB
#Course
#Section3
#htmlcss
سکشن سوم از دوره htmlcss
دوره رو برای دوستاتون هم بفرستید 🙏⚡️
Channel: @JSKernel
#Section3
#htmlcss
سکشن سوم از دوره htmlcss
دوره رو برای دوستاتون هم بفرستید 🙏⚡️
Channel: @JSKernel
❤1
Forwarded from JS Dev Course
قسمت های فصل سوم:
#Section3
#htmlcss
19 Start main section (sponsor banner)
20 main new section
Channel: @JSKernel
#Section3
#htmlcss
19 Start main section (sponsor banner)
20 main new section
Channel: @JSKernel
❤1
JS Dev Course
3-Section-HtmlCss-UiKit-Course.zip
سوال و نظرات خود را در صندوق بیندازید📬
داشتم ادامه دوره رو رکورد میکردم که این گزینه non commercial use همین الان خورد به چشمم
با خودم گفتم خب حالا اگه دوره رو تو یوتوب اپلود کنم مشکل کپی رایت میخوره؟
چون خودش گفته برای استفاده غیر تجاری!
جالب اینجاس نه.
توی قوانین به این موضوع اشاره کردن :
#jetbrains #IDE #webstorm
Article
با خودم گفتم خب حالا اگه دوره رو تو یوتوب اپلود کنم مشکل کپی رایت میخوره؟
چون خودش گفته برای استفاده غیر تجاری!
جالب اینجاس نه.
توی قوانین به این موضوع اشاره کردن :
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
❤1
Forwarded from JS Dev Course
JSKernel
طرحی که اوایل میخواستم پیاده سازیش کنم ولی چون برای دوره حجمش سنگین بود انتخاب نکردم. در کنار دوره سعی کردم کم کم این رو هم بالا بیارم که الان دیگه کارش تموم شده👌 فردا براتون فایلشو قرار میدم Channel: @JSKernel
EGEO E-Commerce UI Kit.zip
91.4 MB
خب دیگه نوبتی هم باشه نوبت این پروژه خفنه
به جز فایل فیگما برای Sketch و Adobe XD هم فایلهاش هست
#figma #uikit #ui
Channel: @JSKernel
به جز فایل فیگما برای Sketch و Adobe XD هم فایلهاش هست
#figma #uikit #ui
Channel: @JSKernel
❤1
JSKernel
طرحی که اوایل میخواستم پیاده سازیش کنم ولی چون برای دوره حجمش سنگین بود انتخاب نکردم. در کنار دوره سعی کردم کم کم این رو هم بالا بیارم که الان دیگه کارش تموم شده👌 فردا براتون فایلشو قرار میدم Channel: @JSKernel
EGEO-Shopping-Website-Project.zip
17.5 MB
🗂فایلهای پروژه
کدها رو تمیز نوشتم تا هر بخش پروژه براتون قابل فهم باشه
بعد از پروژه طراحی قالب فروشگاهی تمرین خوبیه براتون
#project #shopping
Channel: @JSKernel
کدها رو تمیز نوشتم تا هر بخش پروژه براتون قابل فهم باشه
بعد از پروژه طراحی قالب فروشگاهی تمرین خوبیه براتون
#project #shopping
Channel: @JSKernel
JSKernel
EGEO-Shopping-Website-Project.zip
یه نکته درباره این پروژه بگم که از یه سری کتاب خونه های js هم توش استفاده شده که چیز خواصی نیس
اگه هر جاشو متوجه نشدین سوال کنین جواب میدم
اگه هر جاشو متوجه نشدین سوال کنین جواب میدم
👍2
🟡 راز کدنویسی تمیز: چطور کدی بنویسیم که خوانا، حرفهای و قابل نگهداری باشه؟
🟢 اصول کدنویسی تمیز (Clean Code)
کدنویسی تمیز یعنی نوشتن کدی که هم برای کامپیوتر و هم برای انسانها قابل فهم و نگهداری باشه. وقتی کد تمیز باشه، پیدا کردن مشکلات راحتتر میشه و کد راحتتر گسترش پیدا میکنه. اینطوری هم پروژه پایدارتر میشه و هم کد کمتر دچار اشتباه میشه.
🟢 انتخاب نامهای مناسب
برای متغیرها، توابع و کلاسها باید از اسمهای واضح و معنیدار استفاده کنی. وقتی اسمها درست انتخاب بشن، کد قابل فهمتر میشه و کسانی که کد رو میخونن راحتتر میفهمن که هر قسمت از کد چه کاری انجام میده.
🟢 توابع کوتاه و خوانا
توابع نباید طولانی و پیچیده باشن. هر تابع باید یه کار مشخص رو انجام بده. وقتی توابع کوتاه و ساده باشن، فهمیدن اینکه چه کار میکنن راحتتر میشه و همچنین راحتتر میتونی اونها رو تست کنی و تغییر بدی.
🟢 قواعد فرمتبندی
فرمتبندی کد، مثل استفاده درست از فاصلهها و تورفتگیها، باعث میشه کد خواناتر و منظمتر باشه. این کار کمک میکنه که کد خیلی راحتتر قابل درک باشه و وقتی همه از یه فرمت ثابت استفاده کنن، کد یکدستتر میشه.
🟢 نکات درباره کامنتها
کامنتها باید زمانی استفاده بشن که کد پیچیده باشه و نیاز به توضیح داشته باشه. استفاده زیاد از کامنتهای بیخود باعث میشه کد شلوغ بشه و خوندنش سخت بشه. پس کامنت بذار ولی فقط وقتی واقعا لازمه.
🟢 استفاده از DRY، KISS و YAGNI
این اصول کمک میکنن که کد رو ساده، بدون تکرار و بدون ویژگیهای اضافی بنویسی. DRY یعنی "کد رو تکرار نکن"، KISS یعنی "کد رو ساده نگه دار" و YAGNI یعنی "فقط اون چیزی رو پیادهسازی کن که الان نیاز داری (آینده نگری نکن)".
🟢 بازسازی (Refactoring)
یعنی بازنویسی کد بدون اینکه عملکردش تغییر کنه، فقط برای اینکه ساختار و خوانایی کد بهتر بشه. اینکار کمک میکنه کد پیچیده و شلوغ رو به کدی سادهتر و قابل نگهداریتر تبدیل کنی.
🟢 منابع و ابزارهای مفید
برای نوشتن کد تمیز، میتونی از ابزارهایی مثل ESLint برای چک کردن اشتباهات کد استفاده کنی. این ابزار بهخصوص برای جاوااسکریپت خیلی مفیده و بهت کمک میکنه که کد خودتو مطابق با استانداردها بنویسی. همچنین دورهها و ویدیوهای زیادی هم هست که میتونی ازشون برای یادگیری بیشتر استفاده کنی، مثلا دورهای که برگذار کردیم و داخل چنل قرار دادیم.
#cleancode #refactoring
Channel: @JSKernel
🟢 اصول کدنویسی تمیز (Clean Code)
کدنویسی تمیز یعنی نوشتن کدی که هم برای کامپیوتر و هم برای انسانها قابل فهم و نگهداری باشه. وقتی کد تمیز باشه، پیدا کردن مشکلات راحتتر میشه و کد راحتتر گسترش پیدا میکنه. اینطوری هم پروژه پایدارتر میشه و هم کد کمتر دچار اشتباه میشه.
🟢 انتخاب نامهای مناسب
برای متغیرها، توابع و کلاسها باید از اسمهای واضح و معنیدار استفاده کنی. وقتی اسمها درست انتخاب بشن، کد قابل فهمتر میشه و کسانی که کد رو میخونن راحتتر میفهمن که هر قسمت از کد چه کاری انجام میده.
🟢 توابع کوتاه و خوانا
توابع نباید طولانی و پیچیده باشن. هر تابع باید یه کار مشخص رو انجام بده. وقتی توابع کوتاه و ساده باشن، فهمیدن اینکه چه کار میکنن راحتتر میشه و همچنین راحتتر میتونی اونها رو تست کنی و تغییر بدی.
🟢 قواعد فرمتبندی
فرمتبندی کد، مثل استفاده درست از فاصلهها و تورفتگیها، باعث میشه کد خواناتر و منظمتر باشه. این کار کمک میکنه که کد خیلی راحتتر قابل درک باشه و وقتی همه از یه فرمت ثابت استفاده کنن، کد یکدستتر میشه.
🟢 نکات درباره کامنتها
کامنتها باید زمانی استفاده بشن که کد پیچیده باشه و نیاز به توضیح داشته باشه. استفاده زیاد از کامنتهای بیخود باعث میشه کد شلوغ بشه و خوندنش سخت بشه. پس کامنت بذار ولی فقط وقتی واقعا لازمه.
🟢 استفاده از DRY، KISS و YAGNI
این اصول کمک میکنن که کد رو ساده، بدون تکرار و بدون ویژگیهای اضافی بنویسی. DRY یعنی "کد رو تکرار نکن"، KISS یعنی "کد رو ساده نگه دار" و YAGNI یعنی "فقط اون چیزی رو پیادهسازی کن که الان نیاز داری (آینده نگری نکن)".
🟢 بازسازی (Refactoring)
یعنی بازنویسی کد بدون اینکه عملکردش تغییر کنه، فقط برای اینکه ساختار و خوانایی کد بهتر بشه. اینکار کمک میکنه کد پیچیده و شلوغ رو به کدی سادهتر و قابل نگهداریتر تبدیل کنی.
🟢 منابع و ابزارهای مفید
برای نوشتن کد تمیز، میتونی از ابزارهایی مثل ESLint برای چک کردن اشتباهات کد استفاده کنی. این ابزار بهخصوص برای جاوااسکریپت خیلی مفیده و بهت کمک میکنه که کد خودتو مطابق با استانداردها بنویسی. همچنین دورهها و ویدیوهای زیادی هم هست که میتونی ازشون برای یادگیری بیشتر استفاده کنی، مثلا دورهای که برگذار کردیم و داخل چنل قرار دادیم.
#cleancode #refactoring
Channel: @JSKernel
👍1
اخر سر کدومو استفاده کنیم: " VS Code یا WebStorm ؟
1. سرعت و عملکرد:
Webstorm: یه IDE کامله و کلی امکانات داره، ولی خب چون سنگینتره، ممکنه برای پروژههای خیلی بزرگ یه کوچولو کند باشه (سیستم وقتی تری نیاز داری).
VS Code: سبکتره و سرعتش معمولاً بیشتره، واسه هر پروژهای از کوچیک تا بزرگ راحت جواب میده.
2. افزونهها:
WebStorm: اکثر قابلیتهای مورد نیاز رو خودش از قبل داره و نیازی نیست کلی افزونه نصب کنی.
VS Code: باید با نصب افزونهها بهش قابلیت اضافه کنی، ولی دستت واسه انتخاب بازتره.
3. امکانات هوشمند:
WebStorm: کلی قابلیت خفن مثل تکمیل خودکار هوشمند، پیشنهاد رفع خطاها و تغییرات سریع تو کدها رو داره.
VS Code: اینا رو نداره، ولی میتونی با افزونههایی مثل Prettier یا ESLint یه چیزی شبیه بهش بسازی.
4. پشتیبانی از تکنولوژیها:
WebStorm: از اول برای جاوااسکریپت و فریمورکهایی مثل React، Angular و Vue طراحی شده، واسه همین خیلی خوب پشتیبانی میکنه.
VS Code: به کمک افزونهها میتونی تقریباً از هر زبون یا فریمورکی استفاده کنی.
5. ظاهر و رابط کاربری:
WebStorm: طراحیش حرفهایه و مناسب کساییه که دنبال ابزار جدیترن.
VS Code: ظاهر سادهتری داره و میتونی راحتتر سفارشیش کنی.
6. دیباگر:
WebStorm: دیباگر داخلی خیلی قوی داره که با Node.js و جاوااسکریپت هم عالی کار میکنه.
VS Code: باید افزونه نصب کنی تا دیباگرش قوی بشه.
7. جامعه کاربری و منابع:
WebStorm: مستندات رسمی و پشتیبانی JetBrains رو داره.
VS Code: جامعهش خیلی بزرگتره و آموزش و منابع رایگان براش فراوونه.
جمعبندی
اگه دنبال ابزار کامل و حرفهای میگردی، WebStorm یه انتخاب خوبه. ولی اگه دنبال یه ابزار سبک، رایگان و قابل تنظیم هستی، VS Code عالیه. تصمیم آخر با خودته!
#webstorm #vscode
article
Channel: @JSKernel
1. سرعت و عملکرد:
Webstorm: یه IDE کامله و کلی امکانات داره، ولی خب چون سنگینتره، ممکنه برای پروژههای خیلی بزرگ یه کوچولو کند باشه (سیستم وقتی تری نیاز داری).
VS Code: سبکتره و سرعتش معمولاً بیشتره، واسه هر پروژهای از کوچیک تا بزرگ راحت جواب میده.
2. افزونهها:
WebStorm: اکثر قابلیتهای مورد نیاز رو خودش از قبل داره و نیازی نیست کلی افزونه نصب کنی.
VS Code: باید با نصب افزونهها بهش قابلیت اضافه کنی، ولی دستت واسه انتخاب بازتره.
3. امکانات هوشمند:
WebStorm: کلی قابلیت خفن مثل تکمیل خودکار هوشمند، پیشنهاد رفع خطاها و تغییرات سریع تو کدها رو داره.
VS Code: اینا رو نداره، ولی میتونی با افزونههایی مثل Prettier یا ESLint یه چیزی شبیه بهش بسازی.
4. پشتیبانی از تکنولوژیها:
WebStorm: از اول برای جاوااسکریپت و فریمورکهایی مثل React، Angular و Vue طراحی شده، واسه همین خیلی خوب پشتیبانی میکنه.
VS Code: به کمک افزونهها میتونی تقریباً از هر زبون یا فریمورکی استفاده کنی.
5. ظاهر و رابط کاربری:
WebStorm: طراحیش حرفهایه و مناسب کساییه که دنبال ابزار جدیترن.
VS Code: ظاهر سادهتری داره و میتونی راحتتر سفارشیش کنی.
6. دیباگر:
WebStorm: دیباگر داخلی خیلی قوی داره که با Node.js و جاوااسکریپت هم عالی کار میکنه.
VS Code: باید افزونه نصب کنی تا دیباگرش قوی بشه.
7. جامعه کاربری و منابع:
WebStorm: مستندات رسمی و پشتیبانی JetBrains رو داره.
VS Code: جامعهش خیلی بزرگتره و آموزش و منابع رایگان براش فراوونه.
جمعبندی
اگه دنبال ابزار کامل و حرفهای میگردی، WebStorm یه انتخاب خوبه. ولی اگه دنبال یه ابزار سبک، رایگان و قابل تنظیم هستی، VS Code عالیه. تصمیم آخر با خودته!
#webstorm #vscode
article
Channel: @JSKernel
👍2❤1