ویرگول
ورودثبت نام
وصال علی زاده
وصال علی زادهوصال | برنامه‌نویس وب و متخصص توسعه کسب‌وکار دیجیتال؛ علاقه‌مند به طراحی سایت، بهینه‌سازی UX و افزایش حضور آنلاین و درآمد پایدار.
وصال علی زاده
وصال علی زاده
خواندن ۲ دقیقه·۶ سال پیش

چگونه یک برنامه‌نویس Front End عالی باشیم؟

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

فقط سه زبان برای front end نیاز داریت
فقط سه زبان برای front end نیاز داریت




و اما چگونه می‌توان یک برنامه‌نویس Front End قدرتمند شد؟ برنامه‌نویسی که بتواند با یک حقوق خوب از شغل خود لذت ببرد و با چیزهایی که می‌سازد،‌ دنیا را جای بهتری برای زندگی کند.

۱) با HTML شروع کنید.

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

۲) و حالا CSS را شروع کنید.

ساختمان شما نیاز به یک ظاهر زیبا دارد. CSS را خوب مطالعه کنید. بدانید که CSS Box Model چیست. درمورد Flexbox و CSS Grid مطالعه کنید. می‌دانید فرق padding با margin چیست؟

سعی کنید صفحات‌تان جذاب باشند. در این زمینه Animations و Transitions را مطالعه کنید.

کاربران موبایل و تبلت را فراموش نکنید. CSS Media Queries به شما کمک می‌کنند که صفحات خود را برای دستگاه‌های مختلف بهینه کنید.

با دانشی که کسب کردید، ۵ صفحه‌ای که در مرحله‌ی قبل ایجاد کردید را زیباتر کنید.

۳) پایه‌های جاوا اسکریپت را یاد بگیرید.

وب‌اپلیکیشن شما باید بتواند با کاربران تعامل کند و به رفتار آن‌ها پاسخ مناسب دهد. اگر کاربری رو دکمه‌ای کلیک کرد، چه اتفاقی باید بیافتد؟ اگر داخل یک فیلد متنی نوشت، چه؟

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

می‌دانید که DOM چیست؟ یاد بگیرید که چطور با استفاده از DOM می‌توانید عناصر داخل صفحه را تغییر دهید. مفاهیمی مانند Hoisting و Event Bubbling و Prototype را یاد بگیرید.

مفاهیم دیگری مانند Scope و Context هم هستند که دانستن آن‌ها، کمک شایانی به شما می‌کند.

باید بدانید که XHR چیست و چگونه با آن می‌توان یک درخواست Ajax ایجاد کرد. درمورد XML و JSON مطالعه کنید و تفاوت‌های آن‌ها را بدانید.

درمورد ES6 و نسخه‌های جدیدتر آن مانند ES7 و ES8 مطالعه کنید. دانستن ES6 شما را یک برنامه‌نویس Front End متمایز می‌کند.

یاد بگیرید که چگونه می‌توانید برنامه‌های جاوا اسکریپتی‌تان را به تکه‌های کوچک‌تر و قابل استفاده‌ی مجدد تبدیل کنید. به عبارت دیگر، Writing modular JavaScript را گوگل کنید.

۱۱
۰
وصال علی زاده
وصال علی زاده
وصال | برنامه‌نویس وب و متخصص توسعه کسب‌وکار دیجیتال؛ علاقه‌مند به طراحی سایت، بهینه‌سازی UX و افزایش حضور آنلاین و درآمد پایدار.
شاید از این پست‌ها خوشتان بیاید