🔶 مهارت‌های فنی فرانت‌اند

🔸 مثل مهندسی نرم‌افزار، اینجا هم میتونید از کوئرا برای شرکت تو مسابقات برنامه‌نویسی و حل کردن سوالات تکنولوژی استفاده کنید.

🔸 یه اشتباهی که بعضاً دوستان انجام میدن اینه که بدونِ داشتن دانش مورد نیاز، سراغ یه کتابخونه یا فریمورک JavaScript مثل jQuery یا React میرن. منظور از "دانش مورد نیاز"، تسلط به زبان‌های HTML و CSS و JavaScript هست. شما از هر ابزاری بخواید استفاده کنید، ضروری‌‍ه که قبلش با این سه زبان آشنا باشید. بنابراین پیشنهاد میکنیم قبل از هر چیزی مهارت‌تون رو تو این زمینه‌ها بالا ببرید و بعد سراغ ابزار مورد علاقه‌تون برید.

🔸 قطعاً با سایت W3Schools آشنا هستید. علاوه بر اینکه آموزش‌های خیلی خوبی برای زبان‌های معروف داره، میتونه یه مرجع کامل و خوش‌ساخت برای شما باشه. هر موقع یادتون رفت چجوری از قابلیتی استفاده کنید، کافیه یه سر به این سایت بزنید. تو تمامِ قسمت‌ها چندین مثال متفاوت در نظر گرفته شده که فقط با یه نگاه ایدۀ اصلی رو بهتون منتقل میکنن. همچنین برای دیدنِ کامل‌ترِ مثال، میتونید رو دکمۀ Try it Yourself کلیک کنید و با تغییرِ کدها، دنبال جواب مد نظر بگردید.

🔸 از Youtube غافل نشید! یه پلتفرم با کلی آموزش حرفه‌ای و سطح بالا که به صورت کاملاً رایگان میتونید ازش استفاده کنید. اگه زبان‌تون زیاد خوب نیست میتونید برای شروع از قابلیت Closed Captions استفاده کنید و فعلاً ویدئوها رو با زیرنویس ببینید؛ بعد از یه مدت زبان‌تون قوی میشه و دیگه حتی نیازی به زیرنویس هم ندارید.

🔸 اگه آموزش همراه با سرگرمی باشه، میتونه تو روند یادگیری شما تاثیر مستقیم بذاره. ما سایت CSSBattle رو پیشنهاد میکنیم! این سایت شامل کلی چالش جذّابه که مهارت CSS شما رو محک میزنه. توجه داشته باشید که خیلی از این چالش‌ها ممکنه تو یه پروژۀ واقعی کاربردی نداشته باشن، اما دست و پنجه نرم‌کردن با اون‌ها باعث میشه تو CSS ورزیده بشید.

🔸 سایت CSS-Tricks شامل آموزش‌ها و ترفندهای کاربردی و پُراهمیت در خصوص CSS هست. علاوه بر آموزش، کلی مقالۀ مختلف تو این سایت وجود داره که با مطالعه و استفاده از اون‌ها خیلی از بقیه جلو میفتید. پیشنهاد میکنیم حتماً یه نگاهی به آموزش‌های Flexbox و Grid بندازید.

@code_star