✳️نقشه راه فرانت اند

Https://virgool.io/@Amir29066/frontend-rodmap-b6xjnkc5phfu   
   


❇️ @javascript_front

🔶برخی از امکانات و قابلیت های برنامه TrebEdit – Mobile HTML Editor اندروید :

❇️ ویرایشگری حرفه ای مخصوص اچ تی ام ال، جاوااسکریپت،پی اچ پی و...
❇️ تنظیم سورس مورد نظر تان برای دریافت کد ها
❇️ ارائه پیشنهاداتی خاص برای افزایش سرعت کدنویسی و کاهش خطا
❇️ یادگیری زبان های برنامه نویسی اچ تی ام ال، جاوا اسکریپت، پی اچ پی و …
❇️ ارائه آموزش هایی کامل همراه با مثال هایی قابل–درک
❇️ پیشنمایش از کد های نوشته شده توسط کاربر
❇️ تم تیره برای کد نویسی در محیط هایی با نور کم

منبع اصلی سایت فارسروید

📲 @javascript_front

👇نسخه آنلاک شده فول امکانات👇

💯برای کسایی که با گوشی کار میکنن

📲 @javascript_front

👌بهترین ادیتور برای موبایل

==========================

برای کامپیوتر میتونید به ترتیب سیستم ضعیف به قوی از برنامه های زیر استفاده کنید


🔹 1-NotePaad+ Download
🔹 2_Web Storm Download
🔹 3- VS Code. Download

✨یه مقاله خوب آوردم براتون که تو یه ربع مفاهیم پایه ای HTML رو توضیح میده✨
‌
‌

‌https://www.freecodecamp.org/news/html-basics-for-beginners/
‌
‌

📲 @javascript_front 💻

✨ لیست تگ های HTML


⚜به ترتیب حروف الفبای انگلیسی



📲 @javascript_front

🔥 ۳۰ فونت جذاب برای برنامه نویسی 💥



https://devfonts.gafi.dev/



📲 @javascript_front

✅ Emoji with HTML



📲 @javascript_front

🔸 300 سوال مصاحبه React + بهمراه جواب


دانش فعلیتون رو محک بزنید:

https://dev.to/sakhnyuk/300-react-interview-questions-2ko4#what-is-react



📲 @javascript_front

💡یکی از بهترین Guide ها درباره یادگیری Flexbox
این مقاله از css-tricks هستش که میتونید از این لینک بخونید:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/


📲 @javascript_front

🔸 5 فونت رایگان مناسب کدنویسی

1: Fira Code - download
2: Space Mono - download
3: JetBrains Mono - download
4: Oxygen Mono - download
5: Source Code Pro - download



📲 @javascript_front

⚠️ انواع ارورهای سایت و آموزش رفع خطاهای سایت:


🔗 @javascript_front


☢ ارور 500 سایت:

اگر به عنوان کاربر با این مشکل روبرو شدید، چند راهکار مختلف را امتحان کنید. مثلا بارگیری مجدد صفحه، پاک کردن کش مرورگر (دکمه ctrl + f5)، پاک کردن حافظه پنهان، حذف کوکی‌ها، راه‌اندازی دوباره مرورگر و... .

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


🔗 @javascript_front


☢ ارور 401 در سایت:

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

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


🔗 @javascript_front


☢ ارور 400 :

ارور 400 یا خطای "درخواست بد" هم یکی از ارورهای رایج سایت است، اما جالب است بدانید که این خطا ربطی به وب سایت ندارد! در واقع اگر با کد 400 روبرو شدید، یعنی چیزی از سمت مرورگر و به‌طور کلی اینترنت شما مشکل ایجاد می‌کند.

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

. مطمئن شوید آدرس درستی در مرورگر وارد شده است،
. کوکی‌های مرورگر را حذف کنید،
. کش DNS را حذف کنید،
. از پایدار بودن اتصال اینترنت‌تان مطمئن شوید.


🔗 @javascript_front



☢ارور 403 :


ارور 403، رایج‌ترین ارور سایتی است که ما ایرانی‌ها با آن برخورد می‌کنیم! در واقع این خطا را در سایت‌هایی می‌بینید که به شما اجازه دسترسی نداده باشند! مثلا اگر همین حالا بخواهید بدون روشن کردن فیلترشکن وارد سایت freepik شوید این ارور را مشاهده می‌کنید. چراکه این سایت ما ایرانی‌ها را تحریم کرده است. بنابراین راه حل رفع این ارور، تغییر دادن ip است که به کمک فیلتر شکن یا vpn انجام می‌شود.

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


🔗 @javascript_front


☢ ارور 404 در وب :


ممکن است بارها از طریق گوگل قصد ورود به سایتی را کرده باشید یا اینکه در خود سایت روی یک لینک کلیک کرده و وارد صفحه‌ای شده باشید که به شما ارور 404 می‌دهد. در واقع این خطا به شما می‌گوید که صفحه مورد نظرتان اصلا در سایت وجود ندارد! یعنی چه؟

. ممکن است آدرس به درستی وارد نشده باشد(لینک دادن اشتباه)
. ممکن است واقعا چیزی وجود نداشته باشد


اگر کاربر هستید که خب راه حلی برای از بین بردن این ارور ندارید، اما اگر صاحب سایتید، صفحات 404 را یا ریدایرکت کنید یا محتوای جدیدی برای آنها بسازید.

🔶 نکته: دقت کنید، وجود لینک‌هایی به صفحات 404 در سایت شما، به شدت روی سئو سایت شما تاثیر منفی دارد. بنابراین حتما آنها را از بین ببرید.


🔗 @javascript_front

⚠️ معنی و کد خطاهای اینترنتی غیر رایج!

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

🔗 @javascript_front

☢ ارور 501:

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

🔗 @javascript_front

☢ ارور 502:

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

☢ ارور 503:

ممکن است خود سایتی که می‌خواهید وارد آن شوید یا سرور آن به‌طور کامل از کار افتاده باشند. در چنین شرایطی با ارور 503 روبرو می‌شوید.

🔗 @javascript_front


☢ ارور 408:

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

فونت جدید و رایگان Intel برای جلوگیری از خستگی چشم

فونت Intel One Mono از بیش از ۲۰۰ زبان با خط لاتین پشتیبانی می‌کند. اینتل این فونت را در نسخه‌های Light و Regular و Medium و Bold در‌دسترس قرار داده است. برای دریافت فونت اینتل وارد گیت‌هاب شوید.

فرمت‌های otf. و ttf. برای استفاده در دسکتاپ و فرمت ttf. برای اپلیکیشن‌های موبایلی مناسب‌اند. همچنین، فرمت‌های woff. و woff2. برای استفاده در وب بهینه شده‌اند.

قانون ۱۵ دقیقه چیست؟

این قانون به قدرت تغییرات کوچک اشاره دارد!

ساموئل اسمایلز ، مولف کتاب اخلاق و اعتماد به نفس، بر این اعتقادست که تکرار کارهای کوچک نه تنها شخصیت انسان را میسازد بلکه شخصیت ملت ها را تعیین می کند.

۱- اگر روزی ۱۵ دقیقه را صرف خودسازی کنید در پایان یک سال، تغییر ایجاد شده در خویش را به خوبی احساس خواهید کرد.

۲-اگر روزی ۱۵ دقیقه از کارهای بی اهمیت خویش بکاهید، ظرف چند سال موفقیت نصیبتان خواهد شد.

۳- اگر روزی ۱۵ دقیقه را به فراگیری زبان اختصاص دهید از هفته ای یک بار کلاس زبان رفتن بهتر است.

۴- اگر روزی ۱۵ دقیقه را به پیاده روی سریع اختصاص دهید از هفته ای چند بار به باشگاه ورزشی رفتن، نتیجه ی بهتری خواهید گرفت.

۵- اگر روزی ۱۵ دقیقه مطالعه و سلول های خاکستری خویش را درگیر کنید؛ به پیشرفت های عظیم یادگیری دست خواهید یافت.

زیبایی روش یا قانون ۱۵ دقیقه در این است که آنقدر کوتاهست که هیچ وقت به بهانه ی این که وقت ندارید آن را به تاخیر نمی اندازید.


@javascript_front