معرفی منابع آموزشی Front – End

گام دوم: معرفی منابع آموزشی Front – End

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

اگر می‌خواهید به یک توسعه دهنده Front-End تبدیل شوید، در مرحله اول باید منابع و مباحث آموزشی Front – End را بدانید. در این مقاله درباره نقشه راه مهارت‌های مورد نیاز صحبت کرده ایم.  نکات مورد توجه این نقشه عبارتند از:

1. به عنوان یک Front – End کار، نحوه‌ی کار بستر وب را بیاموزید. مطمئن شوید که “چه زمان” و “کجا” از چه فناوری‌ها و زبان‌هایی استفاده می‌شود. همچنین بهتر است در مورد دامنه‌ها، DNS ،URL‌ها، HTTP، مرورگرها و سرورها و سایر مفاهیم وب اطلاعات پایه‌ای کسب کنید. البته توجه داشته باشید که در این مرحله لازم نیست در این موارد غرق شوید، فقط هدف خود را درک کنید که هر قسمت چیست و چگونه کنار سایر قسمتها قرار می‌گیرند. با ساختن صفحات وب ساده شروع کنید.
2. یادگیری مفاهیم و منابع آموزشی Front – End پایه‌ای شامل HTML, CSS, JavaScript برای متخصص Front – End لازم و ضروری است.
3. اصول طراحی واسط کاربری (یعنی الگوهای UI ، طراحی تعامل ، طراحی تجربه کاربر و قابلیت استفاده) را بیاموزید.
4. یادگیری عمیق‌تر مفاهیم: در HTML: فونت‌ها، آیکون‌ها، رنگ‌ها و نمودارها، در جاوا اسکریپت: HTML DOM
5. برای کار با درخواست‌های سمت سرور XML, AJAX و JSON را یاد بگیرید.
6. هدف سایت خود را پیدا کرده و جعبه ابزار مرتبط با کارکرد آن را پیاده سازی کنید.
7. یکی از فریم‌ ورک‌های مرتبط در CSS  را باید بیاموزید: بوت استرپ، متریال دیزاین.
8. یکی از فریم ورک‌های مرتبط در جاوا اسکریپت  را بیاموزید:  /JQuery, React.js , Angular.js , Vue.js, W3.JS
9. CLI و خطوط فرمان را بیاموزید.
10. تمرین مهندسی نرم افزار (به عنوان مثال ، طراحی و معماری برنامه، قالب ها، Git، آزمایش، نظارت، خودکارسازی، کیفیت کد، روش‌های توسعه) را بیاموزید.
11. Nodejs را یاد بگیرید.
12. یک توصیه مفید: در مرحله اول ، فناوری‌های اساسی و واقعی را بیاموزید. jQuery را یاد نگیرید ، DOM را یاد بگیرید. SASS را یاد نگیرید، CSS را یاد بگیرید. JSX را یاد نگیرید ، HTML را یاد بگیرید. TypeScript را یاد نگیرید، جاوا اسکریپت را یاد بگیرید. فقط از Bootstrap استفاده نکنید ، الگوهای UI را بیاموزید. یادگیری اصول ابتدایی باعث فهم بهتر و سرعت بیشتر شما خواهد شد و بعدها خواهید دید سایر فناوری‌های این زمینه فرزندان همین اصول پایه‌ای هستند.

جمع بندی گام دوم

نقشه‌ی راه Front – End را بصورت گرافیکی می‌توانید از اینجا مشاهده کنید. توجه داشته باشید که در هر زمینه‌ای باید در مورد اتفاقات و پیشرفت‌های آن به روز بود چرا که بر روی عملکرد و سرعت یادگیری ما بسیار تاثیر خواهد داشت. به عنوان مثال نمی‌توان منکر افزایش تعداد زیاد کاربران typescript در سال جاری (۲۰۲۰) شد. و یا با گذشت سالها، امروزه VScode، به عنوان ویرایشگر متن نسبت به سایرین جایگاه برتری دارد.