topic-image

مجموعه آموزشی فرانت اند | Front-End

از ساده‌ترین مفاهیم HTML تا پیشرفته‌ترین مباحث مربوط به کتابخانه‌های مشهوری مانند React را به راحتی در این مجموعه پیدا کنید. مجموعه‌ای از دوره‌های آموزشی، مقالات، واژگان تخصصی یا حتی پادکست‌های گفتگو محور با حرفه‌ای‌های حوزه‌ی Front-End ! 

مسیرهای یادگیری

مسیرهای یادگیری

برنامه نویس Front-End شو

برنامه نویس Front-End شو

یک مسیریادگیری سریع و جذاب که در آن تمام مهارت‌های برنامه نویسی Front-End شامل HTML، CSS، JavaScript، ReactJS و رزومه‌نویسی را برای ساختن وبسایت‌های حرفه‌ای و استخدام در بهترین شرکت‌ها یاد می‌گیرید.
2,7 میلیون
گواهینامه معتبر
10 دوره آموزشی:
آشنایی با دنیای برنامه نویسی
آموزش پروژه محور HTML و HTML5
آموزش کاربردی CSS و CSS3
آموزش بوت استرپ 5 - Bootstrap
آموزش جاوا اسکریپت
5
برنامه نویس Front-End شو

برنامه نویس Front-End شو

گواهینامه معتبر
2,7 میلیون
10 دوره آموزشی:
آشنایی با دنیای برنامه نویسی
آموزش پروژه محور HTML و HTML5
آموزش کاربردی CSS و CSS3
آموزش بوت استرپ 5 - Bootstrap
6+

دوره‌های آموزشی

دوره‌های آموزشی

آموزش جاوا اسکریپت
آموزش جاوا اسکریپت

آموزش جاوا اسکریپت

242 هزار
آموزش جاوا اسکریپت پیشرفته
آموزش جاوا اسکریپت پیشرفته

آموزش جاوا اسکریپت پیشرفته

471 هزار
آموزش کتابخانه ری اکت - React
آموزش کتابخانه ری اکت - React

آموزش کتابخانه ری اکت - React

398 هزار
آموزش پروژه محور Redux Toolkit
آموزش پروژه محور Redux Toolkit

آموزش پروژه محور Redux Toolkit

349 هزار
آموزش کاربردی CSS و CSS3
آموزش کاربردی CSS و CSS3

آموزش کاربردی CSS و CSS3

361 هزار
آموزش بوت استرپ 5 - Bootstrap
آموزش بوت استرپ 5 - Bootstrap

آموزش بوت استرپ 5 - Bootstrap

288 هزار
آموزش پروژه محور HTML و HTML5
آموزش پروژه محور HTML و HTML5

آموزش پروژه محور HTML و HTML5

رایگان
آشنایی با دنیای برنامه نویسی
آشنایی با دنیای برنامه نویسی

آشنایی با دنیای برنامه نویسی

ویژه مسیر یادگیری
آموزش مقدماتی وردپرس
آموزش مقدماتی وردپرس

آموزش مقدماتی وردپرس

127 هزار
آموزش فریمورک VueJS
آموزش فریمورک VueJS

آموزش فریمورک VueJS

108 هزار
آموزش طراحی سایت به کودکان
آموزش طراحی سایت به کودکان

آموزش طراحی سایت به کودکان

رایگان
آموزش npm
آموزش npm

آموزش npm

رایگان
وب چگونه کار می‌کند؟
وب چگونه کار می‌کند؟

وب چگونه کار می‌کند؟

رایگان
۹۷ چیزی که هر برنامه‌نویسی باید بداند
رایگان

بهترین مدرسان و نویسندگان

بهترین مدرسان و نویسندگان

content.production.team-image
اکانت رسمی تیم تولید محتوای سکان آکادمی
برنامه‌نویس
hamid-image
Front-End Developer
mostafa_jamali-image
Front-End Developer
sheykhi-image
front-end developer
ali.sadeqinia-image
Self-taught programmer
mamad.taheri.68-image
برنامه نویس فرانت اند
sallarrabiei-image
توسعه دهنده وب

اپیزودهای رادیوفول‌استک

اپیزودهای رادیوفول‌استک

امیر عظیمی
اردلان نقشينه
فرهود رشیدی
علی فروغی

واژه‌های تخصصی

واژه‌های تخصصی

CSS

سی اس اس

CSS مخفف Cascading Style Sheets به معنی برگه های آبشاری استایل می باشد. این تکنولوژی که کنار HTML و JavaScript جزو سه تکنولوژی اصلی مورد استفاده در فضای وب است، وظیفه نحوه نمایش محتوای صفحات وب، استایل و ظاهر آنها را دارد.

Alt Text

آلت تکست

Alt Text یا Alternative Text (متن جایگزین)، کلمه یا عبارتی است که در داکیومنت‌های HTML می‌تواند به عنوان یک Attribute برای تصویری درج شده و ماهیت و محتوای آن تصویر را برای بازدیدکنندهٔ صفحهٔ‌ وب‌سایت آشکار نماید.

DOM

دام

دام با ایجاد یک مدل سند شیء (document object model) صفحه های وب را به زبان های برنامه نویسی مثل جاوااسکریپت متصل می کند.

Polyfill

پلیفیل

پلیفیل ها قطعه کدهایی هستند (معمولا در فضای وب برای جاوااسکریپت استفاده می شوند) که دسترسی به قابلیت های مدرن و جدید را برای مرورگر‌های قدیمی‌تر فراهم می‌کنند.

Ajax

اِیجَکس

AJAX مخفف عبارت "Asynchronous JavaScript and XML" و به معنای ترکیب جاوا اسکریپت و xml غیرهمزمان و ناهمگام است.

JavaScript

جاوااسکریپت

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

در مورد فرانت اند چه می‌دانیم؟

 

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

Front-End (فرانت اند)، ظاهر و بخشی از سایت است که کاربران آن را مشاهده و می‌توانند با آن تعامل داشته باشند. بنابراین یک برنامه نویس فرانت اند مسئول ظاهر وب سایت بوده و وظیفه دارد طراحی سایت را به کمک کد نویسی، پیاده سازی کند.

 

مراحل تبدیل شدن به یک برنامه نویس فرانت اند

برای تبدیل شدن به یک برنامه نویس فرانت اند، نیاز است به مجموعه‌ای از مهارت ها مسلط شده و علاوه بر مهارت‌های غیر فنی (مانند توانایی ارتباطی خوب، خلاقیت و ....)؛ لازم است مهارت‌های فنی زیر را به ترتیب آموخته و بر آنها مسلط شد:

  1. پیش از هر کاری برنامه نویس فرانت اند باید به خوبی با اصول طراحی وبسایت‌ها و دو تکنولوژی پایه HTML - اچ تی ام ال و CSS - سی اس اس ‌آشنا شود.
  2. بعد از آن نوبت به انتخاب یک فرم ورک برای پیاده سازی سریع تر و ریسپانسیو سازی سایت می‌رسد که بوت استرپ - Bootstrap جزو محبوب ترین آنهاست.
  3. در مرحله بعد وارد دنیای برنامه نویسی شده و با یادگیری پایه ای جاوا اسکریپت -  JavaScript، می‌تواند خود را یک برنامه نویس فرانت اند معرفی کند.
  4. قدم بعدی حرفه ای شدن است و با تسلط بر یکی از فریمورک های جاوا اسکریپت که پرتقاضا ترین آنها ری اکت - React است؛ می تواند شانس استخدام خود را بالابرده و وارد بازار کار برنامه نویسی شود.
  5. در مرحله بعد به تقویت و افزایش مهارت ها پرداخته، جاوا اسکریپت را به صورت پیشرفته تر آموخته و به کتابخانه‌ها و پکیج‌های مختلفی مثل ریداکس تولکیت (Redux Toolkit)، وب پک (webpack)، ان پی ام (npm) مسلط می‌شود.
 

نقشه راه فرانت اند

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

سکان آکادمی تمامی این خدمات را در کارراهه‌ی برنامه نویس Front End شو آورده است تا مشتاقان این حوزه به کمک این نقشه‌ی راه کامل، علاوه بر کسب مهارت‌های برنامه نویسی لازم از طریق گام های آموزشی؛ به کمک پروژه و آزمون به این مهارت ها مسلط شده و در انتها نیز با شرکت در گام پایانی کارراهه با عنوان "آموزش رزومه نویسی، کاریابی و استخدام"؛ برای ورود به بازار کار آماده شوند.

👈 در پایان این این کارراهه، مدرک معتبر سکان آکادمی که دارای تاییدیه سازمان فنی و حرفه ای کشور است؛ به شرکت کنندگان اهدا می‌شود.

 

بهترین فریمورک‌های فرانت اند

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

  1. React.js
  2. jQuery
  3. Angular
  4. Vue.js
  5. Next.js
 

بازار کار و حقوق فرانت اند

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

در خارج از ایران، در حال حاضرحقوق یک برنامه نویس فرانت اند در اروپا و آمریکا به صورت میانگین 84 هزار دلار در سال است که پایین‌ترین آن ۶6 هزار دلار و در بالاترین ۱۰9 هزار دلار است.

در ایران، با نگاهی به فرصت‌های شغلی مختلف و میزان حقوق آن‌ها به میانگین ۱۳ میلیون در ماه می‌رسیم. که البته با توجه به میزان توانایی فرد، می‌تواند بین 8 میلیون تومان و ۳۰ میلیون تومان در ماه نوسان داشته باشد.

 

تفاوت فرانت اند و بک اند

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

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

دسته‌ی دیگری از برنامه نویس‌های وب که با عنوان فول‌استک از آنها یاد می شود؛ تسلط کاملی بر فرانت‌اند و بک‌اند دارند؛ بنابراین ازنظر تئوری می‌توانند یک پروژه را به‌تنهایی از ابتدا تا انتها تکمیل کنند.