به مسیر یادگیری فرانت اند خوش آمدید !
در این مقاله ما یک دوره فوق العاده را به شما ارائه می دهیم که تمام آنچه را که برای تبدیل شدن به یک توسعه دهنده فرانت اند نیاز دارید به شما آموزش می دهد. هر بخش که معرفی میشود به شما جستجو کنید، مهارت‌های جدید را یاد بگیرید (یا مهارت‌های موجود را بهبود ببخشید). آخر کار کامل ترین نقشه راه و مسیر یادگیری فرانت اند را بهتان نشان میدهیم تا هیچ چیزی را از دست ندهید.

موضوعات مسیر یادگیری فرانت اند عبارتند از:

• توضیحات مقدماتی
• HTML , زبانی که به محتوای وب، ساختار و معنا می دهد
• CSS , زبانی که برای استایل دادن به صفحات وب استفاده می شود
• جاوا اسکریپت، زبان برنامه نویسی مورد استفاده برای ایجاد قابلیت های پویا در وب
• ابزاری که برای تسهیل توسعه وب به سمت user استفاده می شود.

شما می توانید از طریق بخش ها به ترتیب کار کنید، اما هر یک نیز مستقل هستند. برای مثال، اگر از قبل HTML را می‌دانید، می‌توانید به بخش CSS بروید.

توضیحات مقدماتی

پیش نیازها

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

کمک گرفتن

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

شروع میکنیم:

مسیر یادگیری فرانت اند چه پیش نیازهایی دارد؟
جواب: هیچ چیز جز سواد کامپیوتری اولیه. البته میزان تسلط شما به زبان انگلیسی با سرعت یادگیری شما در ارتباطه.
چگونه می توانیم بفهمیم که آماده حرکت هستیم؟
جواب: خیر ، به جای فکر و خیال پردازی های بی انتها و فکر به اینکه من آماده ام یا خیر فقط شروع کن.فکر به اینکه آیا به هدف میرسم یا خیر فایده ای ندارد پس بهتره که از مسیر لذت ببری و مطمئن باش فقط در این صورت به هدف دلخواه خودت میرسی.
قبل شروع موارد پایین ابتدا باید مفهوم دامین و هاست و HTTP و کار مرورگر ها را بیاموزید و سپس وارد مرحله بعد شوید.

بیشتر بخوانید: آموزش فتوشاپ

ساختار و مفهوم HTML

زمان تخمین زده حدودی: 35-50 ساعت

• مقدمه ی HTML
• Semantic HTML
• فرم ها و اعتبارسنجی ها
• مقدمات SEO

استایل و چیدمان با CSS

زمان تکمیل: 90 تا 120 ساعت
توصیه می شود قبل از شروع به یادگیری CSS، دانش اولیه HTML را داشته باشید. حداقل باید ابتدا مقدمه HTML و مقدمه فرانت اند را مطالعه کنید.

• سینتکس CSS
• making layouts(Float, grid, flexbox, positioning, display and box model,…)
• استایل دادن به متن
• طرح بندی CSS
• طراحی وب سایت ریسپانسیو

جاوا اسکریپت

زمان برای تکمیل: 135-185 ساعت
توصیه می شود قبل از شروع به یادگیری جاوا اسکریپت، دانش اولیه مفاهیم پایه فرانت و HTML و CSS را داشته باشید.

• مقدمات و سینتکس جاوا اسکریپت
• دستکاری DOM
• بلوک های ساختمان جاوا اسکریپت
• معرفی اشیاء جاوا اسکریپت
• APIهای وب به سمت user
• پیشرفته
• مفاهیمی تکمیلی مانند Hoisting، Event Bubbling، Scope، Prototype، Shadow DOM و strict .

web form – کار با داده های کاربر

زمان تکمیل: 40 تا 50 ساعت
پیش نیازها
فرم ها به دانش HTML، CSS و جاوا اسکریپت نیاز دارند. با توجه به پیچیدگی کار با فرم ها،یک موضوعی تخصصی است.
web form یک فرم HTML است که در صفحه وب سایت ظاهر می شود و به بازدیدکنندگان اجازه می دهد داده های خود را وارد کنند. فرم وب برای جمع آوری اطلاعات بازدیدکنندگان و تبدیل آنها به سرنخ های معتبر بسیار مهم است.
برای مثال، فرض کنید یک بازدیدکننده می خواهد در خبرنامه یک شرکت مشترک شود. در این صورت، آنها باید با وارد کردن آدرس ایمیل خود در فیلدهای فرم وب و هر اطلاعات دیگری که شرکت می خواهد جمع آوری کند، این کار را انجام دهند. سپس این داده ها برای پردازش به سرور ارسال می شود.

ابزار مدرن

زمان تکمیل: 55 تا 90 ساعت
پیش نیازها
خوب است قبل از کار با این بخش، HTML، CSS و جاوا اسکریپت را بدانید، زیرا ابزارهای مورد بحث در کنار بسیاری از این فناوری ها کار می کنند.

• Git و GitHub
• درک ابزارهای توسعه وب سمت user
• درک چارچوب های جاوا اسکریپت سمت user

وقتی تا اینجایی مسیر رسیدی باید برحسب اطلاعاتی که کسب کردید یک فریم ورک انتخاب کنی  و از آن استفاده کنید

توضیحات تکمیلی

اگر شما برای یادگیری موارد بالا وقت کافی خرج کنید به نتیجه دلخواهتان میرسید. همچنین باید گفت که شما برای استخدام باید مواردی مث wordpress و bootstrap و Ajax و jquery و database و photoshop و … را باید یاد بگیرید که این موضوع شرکت به شرکت متفاوت است و هر شرکت نیازمندی های خاص خو.دش را دارد.
پس شما در درجه ی اول باید سعی کنید موارد اصلی برنامه نویسی فرانت اند را یاد بگیرید.شما همچنین باید در آینده یک فریم ورک از جاوااسکریپت را آموزش ببینید . باید به بخشی از مفاهیم بک اند نیز تسلط پیدا کنید تا توانایی درست کد نوشتن در فرانت را پیدا کنید. همچنین شما باید تولید محتوا را به طور کامل یادبگیرید که بتوانید سئو برایش بزنید برای تولید محتوا شما میتوانید از مقاله « تولید محتوا به زبان ساده » استفاده کنید.
سخت کوشی و صبر اصلی ترین پیش نیاز برای برنامه نویس فرانت شدن میباشد.
برنامه بالا یک برنامه کلی و سریع برای برنامه نویس فرانت اند شدن است. ولی اگر شما میخواهید بدانید دقیق ترین مسیر یادگیری فرانت اند چگونه است بزن رو لینک که بهت میدم یه سر بزن و برگرد.

شاید بسیار طولانی و خسته کننده و سنگین به نطر برسد ولی این نقشه راه شما رو بی شک به کامل ترین برنامه نویس فرانت تبدیل میکند. در این مقاله ما به شما یک مسیر یادگیری فرانت اند کلی دادیم ولی اگر کامل ترین مسیر یادگیری فرانت اند را میخواهید داشته باشید منتطر بخش بعدی مقاله باشید…