elamelamin
elamelamin
خواندن ۴ دقیقه·۳ سال پیش

سیر تا پیاز آموزش برنامه نویسی فرانت اند : front-end

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

برنامه نویسی front-end
برنامه نویسی front-end


فرانت اند چیست ؟ و برنامه نویس فرانت اند کیست ؟

فرانت اند همون طوری که از اسمش معلومه میشه گفت ظاهر سایت و قسمتی که ما میبینیم هست و بک اند هم پشت سایت و قسمتی از سایت هست که ما یا کاربر اون رو نمیبینیم ، میتونم با یه مثال براتون توضیح بدم تا بهتر متوجه بشین ، ما سایت رو به یک ساختمان تشبیه می کنیم ، وقتی وارد یک واحد آپارتمانی میشین چی میبینین؟ رنگ دیوار ها ، در ها ، کلید پریز ها و ... شما در واقع ظاهر واحد رو میبینین .

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

زبان های فرانت اند

برای یادگیری فرانت اند باید در ابتدا به سه زبان html , css و javascript مسلط باشید . البته زبان ها و پلتفرم های مختلف زیادی برای فرانت اند مورد استفاده قرار گرفته اما این این سه زبان پایه ی اصلی فرانت اند هستند که در ادامه به طور مختصر به توضیح هر یک از این زبان ها میپردازیم .

زبان HTML

زبانHTML (Hyper Text Markup Language) یک زبان نشانه گذاری است که به وسیله تگ ها کد هایی نوشته میشود که اسکلت یا پایه ی سایت گفته میشود درست مثل اسکلت بندی یک ساختمان قسمت های اصلی یک سایت توسط این زبان نوشته شده و توسط زبان های دیگه شروع به کامل کردن سایت میکنیم.

زبان CSS

زبان CSS (مخفف عبارت Cascading Style Sheets) کاری که انجام میده در واقع استایل دهی به ساختار ها و المان های موجود در کد های HTML است . میتونه این استایل دهی تغییر رنگ ، قرار دادن بک گراند ، قراردادن قالب برای یک المان یا تغییر در فونت یا سایز نوشته باشد .

زبان JAVASCRIPT

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

یادگیری زبان های HTML , CSS , JS

برای یک فرانت اند شدن حرفه ای باید اول به سه زبان مذکوز مسلط باشید و بتوانید به صورت حرفه ای کد نویسی کنید. در این سه زبان آموزش های زیادی وجود دارد که پیشنهاد ما به شما سایت w3schools میباشد .

کتابخانه ها و فریمورک ها ی JS

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

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

بعد از یادگیری سه زبان اصلی نوبت به یادگیری کار با کتابخانه ها و فریمورک ها میرسه که میتوان Vu.js، Angular و react و .... نام برد.

طراحی واکنش گرا و کار با نرم افزار های گرافیکی

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

ریسپانسیو
ریسپانسیو


سلیقه و خلاقیت

در طراحی سایت سلیقه و خلاقیت یکی از مهم ترین عوامل در موفقیت در کار فرانت میباشد، استفاده از طرح هایی خلاقانه ، چشم نواز و کاربرپسند خیلی مهم هستش ، یک طراح موفق باید بتواند یک رابط کاربری زیبا و منطبق بر استاندارد های ظاهری و تجربه ی کاربری ایجاد کند.


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






frontendفرانت اندبرنامه نویسی فرانت اندبرنامه نویسی تحت وبweb developer
دانشجوی مهندسی نرم افزار / علاقمند به کامپیوتر و دنیای تکنولوژی
شاید از این پست‌ها خوشتان بیاید