برای cssهای پروژتون به stitches هم یه نگاهی بندازید. به نظرم خوبه که توی گزینه‌هاتون باشه 👌
هر چند که دیگه توسعه داده نمیشه.

async vs defer
#js

نکست جدید ۱۱ دقیقه پیش منتشر شد 😩
@alithecodeguy

بخشی از تغییرات ورژن جدید نکست

◆ next dev --turbo
↳ 53% faster local server startup
↳ 94% faster code updates
◆ Server Actions (Stable)
◆ Partial Prerendering (Preview)
◆ New Next.js Learn Course
↳ App Router
↳ Authentication
↳ Postgres

اطلاعات کامل
https://nextjs.org/blog/next-14

دوره عمیق جاوا‌اسکریپت - فصل ۱

مدرس: علی خدایی دوست

منابع اصلی :
javanoscript.info
MDN

زمان برگزاری :
از ۱۹ آبان به مدت ۶ جمعه از ساعت ۸:۳۰ الی ۱۰ و ۱۰:۳۰ الی ۱۲ (هر جمعه ، ۳ ساعت)
+ دو جمعه ، در صورت بروز اتفاقات پیش بینی نشده

شیوه برگزاری : آنلاین و از طریق گوگل میت یا ابزار مشابه

هزینه : ۱.۵ میلیون تومان
(۳۰۰ هزار تومان تخفیف برای معرف)

حد نصاب : ۱۰ نفر

در انتهای دوره ، تمام هزینه پرداختی نفر اول دوره ، به عنوان جایزه یا تشویق ، به ایشان عودت داده خواهد شد.

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

سرفصل‌ها:
Syllabes:
00- Tools and Engins
01- Introduction
02- Hello, world!
03- Code structure
04- Variables
05- Data types
06- Type Conversions
07- Basic operators, maths
08- Comparisons
09- Conditional branching
10- Logical operators
11- Nullish coalescing operator
12- Loops
13- The "switch" statement
14- Functions
15- Function expressions
16- Arrow functions
17- Comments
18- Code quality
19- Objects
20- this
21- Constructor, operator "new"
22- Optional chaining
23- Symbol type
24- Object to primitive conversion
25- Data types
26- Methods of primitives
27- Numbers
28- Strings
29- Arrays

ارتباط:
@codewithali
@alithecodeguy
و هم‌چنین لینکدین:
https://www.linkedin.com/in/alithecodeguy

تجربه آزمون آیلتس در کشورترکیه (پارت ۱)
-----
توضیح : به لطف مدیریت داخلی مجبور شدم آزمون آیلتس رو در کشور ترکیه بدم. از اونجا که این نوع آزمون دادن خیلی عرف نیست و استانداردهاش هم گویا عوض شده ، به نظرم اومد گزارشش رو بذارم ، شاید برای بعضی دوستان مفید واقع بشه
-----
ثبت نام آزمون از طریق سایت آی‌دی‌پی ترکیه
پرداخت از طریق ایرانیکارت
تاریخ آزمون ۲۸ اکتبر
محل آزمون شهر وان (آزمون گیرنده : آی‌دی‌پی آنکارا که اونا هم خودشون به استانبول وصلن)
رفت و برگشت از طریق تور علی‌بابا
محل آزمون : موسسه مدادیل آکادیمیسی ، کنار مجتمع تجاری ای‌وی‌ام
-----
روز ۲۶ اکتبر که می‌شد پنج شنبه ساعت ۲۱ از ترمینال غرب راه افتادیم. صبح ساعت ۸ رسیدیم خوی. از اونجا با ون بردنمون مرز. پیاده شدیم پاسپورت‌ها چک شد ماشین رد شد دوباره سوار همون ون شدیم رفتیم هتل ساعت ۱۲ رسیدیم. ۲۹ اکتبر هم همون ون اومد دنبالمون و به همین طریق برگشتیم. در کل ، فرآیند رفت و برگشت ساده‌اس ولی توی مرز ایران خیلی زیاد علاف می‌شید. موقع برگشت ۶ ساعت علاف شدیم. سمت مرز ترکیه کمتر از ۵ دقیقه معطل شدیم.
-----
زمان حضور بهتون اعلام میکنن وحتما سر ساعت باید حضور داشته باشید. در سالن بسته بشه دیگه به هیچ وجه راهتون نمیدن و آزمون رو هم تحت هیچ شرایطی به تعویق نمیندازن. خیلی سخت گیرن از این بابت.
حتما حواستون به ایمیلیتون هم باشه چون ممکنه تاریخ آزمون رو تغییر بدن. معمولا اسپیکینگ با اون سه تای دیگه با ۱ روز اختلاف برگزار میشه. به من هم ایمیل زدن گفتن که آزمون اسپیکینگت از ۲۸ اکتبر افتاده ۲۷ که ایمیل زدم گفتم مسافرم ، گفتن اوکی همش همون ۲۸ام. ولی اکثرا آزمون اسپیکینگ رو ۲۷ داده بودن.
آزمون ساعت ۹ صبح شروع می‌شد ، ولی باید ۸:۲۵ اونجا میبودیم. به غیر از ۱ نفر ، همه ایرانی بودن. من عملا فقط ۱ ساعت برای آزمون خونده بودم 😅 ولی همه کلی جزوه و اینا دستشون بود آدم استرس میگیرفت.
اونجا مداد و پاک کن و آب میدن ولی اجازه ندارید هیچ چیزی با خودتون سر جلسه ببرید حتی شکلات و مداد نوکی و کیف پول. فقط پاسپورت باید پیشتون باشه. قبلش حتما اجابت مزاج کنید چون خیلی سخت گیرن بابت این موضوع. همه هم انگلیسی صحبت میکنن. اسمتون رو میخونن میرید توی یه اتاقی ازتون عکس میگیرن بعد میرید میشینید پست صندلیتون که اسمتون روش نوشته شده.
با نمک بازی دربیارید یا زودتر به برگه‌ها نگاه کنید یا هر حرکت اضافه دیگه‌ای ، درجا حذفتون میکنن.
-----
آزمون لیسینینگ : قبلش کلی توضیح دادن. ۲۰ دقیقس ، ۴۰ تا سواله. سوالا کاملا به ترتیب بود. یعنی جوری نبود که کلی حرف بزنه بعد سوالهای عقب جلو پرسیده باشه. آخر هر بخش هم یه زمان برای مرور بخش قبل و یه زمان برای مرور بخش جدید داده میشه. حتما قبل شروع هدستون رو چک کنید که صداش اوکی باشه. هر نوع مشکلی رو بلافاصله گزارش کنید. آزمون شروع شه دیگه هیچ کاری براتون نمیکنن.
-----
برای ریدینگ هم دوباره کلی توضیحات میدن.
به همه یه دفترچه میدن که خودتون روش تیک میزنید آکادمیک میخواید یا جنرال ولی هیچ فرقی با هم ندارن. به نظر میاد نوع صحیح کردنش متفاوت میشه. این قسمتش برای خودم هم عجیبه.
اینجا هم ۴۰ تا سواله. توی بخش‌های کوچیک دسته بندی شده و به ترتیبه. متن اصلیش خیلی طولانی بود. متنش سخت نبود ولی خیلی نکته دار بود. حواست نمیشد همه رو غلط زده بودی. تا جایی که خاطرمه ۱ ساعت وقت داشت.

#ielts @alithecodeguy

تجربه آزمون آیلتس در کشورترکیه (پارت ۲)
-----
برای آزمون رایتینگ ۱ ساعت وقت دارید. ۲۰ دقیقه برای موضوع اول که باید ۱۵۰ کلمه بشه و ۴۰ دقیقه برای موضوع دوم که باید ۲۵۰ کلمه بشه.
موضوع اولی که به ما دادن نوشتن نامه یک دوست بود.
موضوع دوم این بود که آیا دانشجوها علاوه بر درسهای دانشگاه کارای دیگه‌ای مثل لوله کسی و حسابداری و اینجور چیزا رو باید بلد باشن یا نه.
تقسیم وقت با خودتونه و اونا فقط یک زمان شمار ۱ ساعته میذارن جلوتون.
کاغذ اضافه هم بخواید میدن بهتون ولی معمولا نیاز نمیشه و ۱ نفر فقط خواست که اونم کلی کاغذش خط خطی بود.
-----
آزمون اسپیکینگ من و ۲ نفر دیگه توی همون روز بود. حدود نیم ساعت وقت داشتم. رفتم هتل یه چی خوردم برگشتم. بردنم توی یه اتاقی که با یک خانمی که توی انگلیس بود (گویا)به صورت ریموت حرف زدیم. خیلی شبیه این آزمونهایی که توی یوتیوب هست نبود. خیلی گرم و خودمونی برخورد کرد. اولش نمیتونست اسمم رو تلفط کنه کلی شوخی کردیم خندیدیم که بعدا به نظرم اومد به خاطر تغییر استاندارها ، این هم احتمالا جزوی از آزمونم بوده که ببینه میتونم ارتباط برقرار کنم یا خیر. بعدش راجع این پرسید که وقتای خالی چه تفریحی دارم. سوال آخر و اصلیش هم یه چیزی روی صفحه نشون داد(مثل آزمونهای قدیمی) که در مورد انواع و اقسام روشهای حمل و نقل دریایی بود که از اونجا که فارسیش رو هم بلد نبودم بگم ، این قسمتش رو خراب کردم. این قسمتش بدشانسی آوردم و موضوعم سخت بود.
-----
اینجا آزمون تموم شد و گفتن که ۱۳ روز دیگه جواب میاد. همچنین کارنامه دیجیتالی ندارن و فقط در حد دیدن نمره نهایی میتونید آنلاین ببینید و کارنامه فیزیکی هم به ایران نمیفرستن و باید یه آدرس در ترکیه بدید یا اگر کشور دیگه‌ای هستش ، هزینش رو بدید.
آدرس رو بعدا هم میتونید براشون ایمیل کنید و نیازی نیست همون ابتدا آدرس اعلام کنید.
-----
چندتا نکته که به نظرم اومد خوبه که بگم :
۱- هیچ گونه وسایل اضافی نبرید داخل. حتی مدادنوکی و شکلات و کاپشن.
فقط خودتونید و مداد و پاک کن.
۲- با مزه بازی درنیارید و با همدیگه فارسی حرف نزنید.
۳- آخر آزمون یکی بلند شد که بیاید نامه بزنید به ریاست جمهوری و از این چرت و پرتا. نکنید از این کارا. اونجا ایران نیست.
۴- قبلش اجابت مزاج کنید و آب کم بخورید. استرس فضا بالاس.
۵- لباس مناسب بپوشید مخصوصا خانم‌های گرامی. تالار عروسی نیست. کاپشنتون رو میگیرن یخ میزنید.
۶- خیلی راحت حذفتون میکنن اگر کار اضافه کنید.
۷- حتما یک روز کامل قبل آزمون و یک روز کامل بعد از آزمون اونجا باشید. ممکنه برنامه آزمون تغییر کنه یا ماشین خراب شه یا هر چیز دیگه‌ای.
۸- برای تهیه لیر هم از تهران یا صرافی‌ها اقدام نکنید. همونجا توی ترمینال یا لب مرز به قیمت مناسبی بهتون لیر میفروشن. توی خود وان هم همه تبدیل میکنن و حتی کارت‌خوان ایرانی هم داره.
۹- یه عده از ایران سیگار میخرن میبرن اونور میفروشن. تا ۳ بکس می‌تونید ببرید. معمولا کنت ۸ میبرن چون اونور طلبه زیاد داره. سیگار رو از شهر خودتون بگیرید. ۳ بسته معمولا ۶۰۰ تومن فایده داره. سیگار رو لب مرز گرون میدن. به حرفای راننده خیلی توجه نکنید.
۱۰- قبل از پیاده شدن از ون توی مرز ، حتما شماره راننده رو بگیرید و از پلاکش عکس بندازید که گمش نکنید. اگر شلوغ بشه ممکنه رد شدندش طول بکشه.
۱۱- سعی کنید توی مراسمات ملی یا مذهبی ترکیه آزمونتون رو بندازید که به تخفیف‌های اونجا بخورید و بتونید خوب خرید کنید.
۱۲- نیاز نیست اونجا سیم کارت بخرید ولی نقشه آفلاین روی گوشیتون داشته باشید. گوگل مپ ویژگی آفلاین رو هم داره و خیلی به کارمون اومد.
۱۳- هیچ وقت پاسپورتتون رو از خودتون جدا نکنید. حتی توی هتل هم نذارید بمونه.
-----
در آخر : نتیجه آزمون خودم امیدوارم ۶ بشه هر چند که اسپیکینگش بدشانسی آوردم. نمره ۶ برای مجموعا ۱ ساعت مطالعه خیلی هم عالیه 😂
-----
هزینه ازمون : حدود ۹ تومن
هزینه تور برای ۲ نفر ، ۲ شب و ۳ روز : حدود ۷.۵
ما هتل sardur گرفتیم که از بقیه هتل‌هایی که قبلا توی وان رفتم یه سر و گردن بالاتر بود.
فقط حتما دمپایی پلاستیکی و صابون و حوله خودتون رو همراه داشته باشید. از نظر بهداشت به هتل‌های وان اعتمادی نیست.
از نظر ارتباط هم مشکلی نخواهید داشت. تقریبا هر جایی برید همه فارسی بلدن
-----
هر سوالی بود در خدمتم

#ielts @alithecodeguy

perfect date 👌
#fun

جاوا اسکریپت مانند یک مکعب روبیک است: به ظاهر ساده است، اما فقط افراد باهوش می توانند سادگی ظریف آن را بدون از دست دادن عقل خود آشکار کنند.
---
جمله بالا رو هوش مصنوعی تولید کرده 👌

مقاله خوبی در مورد مدیریت حافظه روی جاوااسکریپت:
https://medium.com/sessionstack-blog/how-javanoscript-works-memory-management-how-to-handle-4-common-memory-leaks-3f28b94cfbec#:~:text=These%20primitives%20are%20used%20by,a%20process%20called%20garbage%20collection.

این لینک هم نگاه کنید خوبه:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_management

#js

اگر در ایجاد صفحات وب ، performance براتون مهمه ، نیم نگاهی هم qwik داشته باشید. یکی از ویژگی‌های جالبش اینه که داخلش از ریکت هم میشه استفاده کرد ، به حالت ترکیبی.

#qwik

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

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

جلسه ۲ "کدزنی لایو" تقریبا به مدت ۳ ساعت ، امروز برگزار شد.
ممنونم از همه دوستانی که شرکت کردن.

محوریت جلسه امروز:
- زیرساخت زدن برای پروژه‌های فرانت با آخرین تکنولوژی‌ها و ابزارها
- کانفیگ کردن ابزارها برای اطمینان از صحت عملکرد

رکورد جلسه بعد از ادیت ، روی یوتیوب قرار میگیره 🙏

آدرس یوتیوب برای ویدیو‌های قبلی:
https://www.youtube.com/@alithecodeguy/videos

جلسه آینده انشالله پیاده سازی سایت منتخب رو با نکست ۱۴ و باقی ابزارهایی که انتخاب کردیم شروع می‌کنیم.

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

هر صفحه یا وب‌اپلیکیشنی که توی یک مرورگر اجرا بشه ، در نهایت باید تابع محدودیت‌های مرورگر باشه و در پایین‌ترین سطح فقط از ابزارهایی که مرورگر در اختیارش قرار میده می‌تونه استفاده کنه. هر کتابخانه یا ابزاری هم که تا الان استفاده کردید ، موقع اجرا به یکی از ویژگی‌ها و امکانات مرورگر تبدیل میشه تا اجرا بشه که بهشون میگن BrowserAPIs.
در همین خصوص ، برای گرفتن یا ارسال دیتا از بک‌اند یا یک سرور ثانویه هم ، صفحه شما فقط می‌تونه از یکی از این چهارتا ویژگی استفاده کنه :
1. HTTP
2. WEB SOCKETS
3. API POLLING
4. SERVER SENT EVENTS (SSE)
ابزارهایی مثل SignalR یا LightStreamer هم اومدن همینارو تحت شرایطی با هم ترکیب کردن و در اختیار برنامه‌نویس قرار دادن.
موضوع حتی وقتی جالب‌تر میشه که این سوال براتون پیش بیاد که پس وقتی یک آدرس رو میزنیم تا یک سایت رو ببینیم چی پیش میاد؟ وقتی شما سایتی رو باز می‌کنید در حقیقت دارید یک fetch ساده میزنید یا متد Get. به همین سادگی. کارای نمایشش رو مرورگر گردن میگیره.
برای مطالعه بیشتر :
https://www.linkedin.com/pulse/ways-send-data-from-backend-frontend-priyank-rai/
آیا تموم شد؟ اگر نخواید سخت بگیرید آره. همین بودن.
ولی اگر کمی موشکافی کنید میبینید ۳ تا دیگه هم هست :
5. Web RTC
6. Push Notifications
7. Web Transport
که تقریبا مفاهیم جدیدی هستن و ممکنه همه مرورگرها پشتیبانی نکنن.
برای مطالعه بیشتر این لینک رو پیشنهاد میکنم:
https://dev.to/snickdx/connection-types-in-web-apps-15ie
------
اگر مورد دیگه‌ای هست که بلدید ولی اینجا نیومده ، ممنون میشم با رفرنس کامنت کنید که یاد بگیریم ❤️
#tip #browser #html #dom

کدزنی لایو ، جلسه ۲ پارت ۱
در این ویدیو با هم یاد میگیریم چه جوری برای پروژه‌های فرانت‌اندی ، زیر ساخت مناسب ایجاد کنیم ، چه ابزارهایی نیازه و چه جوری باید پیش بریم.
https://www.youtube.com/watch?v=D1JMeB_dzM4
#live #nextjs #youtube #js

پارت ۲ جلسه ۲ در حال ادیت هستش. به زودی آپلود میشه

چه جوری با هوش مصنوعی خودمون رو برای مصاحبه آماده کنیم؟
یک سرویس هوش مصنوعی انتخاب کنید که بشه توش پی‌دی‌اف آپلود کرد. من از سرویس پاپ‌ای‌آی استفاده می‌کنم که آدرسش توی تصویر هست. ۱۷ تا درخواست رایگان هر روز میتونم بهش بزنم. ۲ تا ورژن ۴ چت‌جی‌پی‌تی و ۱۵ تا ورژن ۳.۵ ، همین قدر کفایت میکنه.
از قسمت‌هایی که توی تصویر مشخص کردم یه چت جدید بسازید و فایل رزومتون رو توش آپلود کنید و ازش بخواید ۲۰ تا سوال برتر مصاحبه‌ای رو بر اساس روزمتون برای شما بسازه جوابش رو هم بده.
به همین سادگی. توی تصویر همه چی مشخصه.
@alithecodeguy
#ai

دفتر آمازون ۲۹ سال پیش!
الان همین برند ۱۵۱۰ میلیارد دلار می‌ارزه
بیش از مجموع فروش کل نفت در ایران از زمان اولین استخراجش

💬Hamid Mahmoudzadeh

NiNa @twitter_farsy