مسیر شغلی متخصص فرانت اند

توانمندسازی مهارتی کارراهه شغلی در حوزه .

آموزش فرانت اند
توانمندسازی نیروی انسانی

در مسیر رشد مهارتهای پیاده سازی و برنامه نویسی بخش دیداری وب

Front-End Developer Career Path

برگزاری: آموزش مجازی

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

ثبت نام مشاوره این دوره
covid19 کارگاه ها به علت COVID-19 فعلا به صورت مجازی برگزار می شود

شروع مسیر رشد از 1 اردیبهشت 1400

زمان حدودی مسیر حدود 119 ساعت در 34 جلسه

تعداد کارگاه ها 8 کارگاه تخصصی

امکان اشتغال معرفی، به محض اتمام مسیر

نیاز به کارآموزی نیاز دارد، 1 تا 3 ماه

منتورینگ فرد به فرد دارد، همزمان و بعد از مسیر

مشاوره پس از مسیر دارد، همزمان و پس از اتمام

شرایط پرداخت i اقساط بدون ضامن و بدون چک

× بستن

شرایط پرداخت به صورت اقساط، تعداد ماههای طول مسیر است، مبلغ اولیه، همزمان با ثبت نام و سپس هر 30 روز قابل پرداخت است.
مثلا اگر مبلغ کل 1.500.000 تومان باشد، و طول مسیر رشد 3 ماه است، همزمان با ثبت نام 500 تومان و 30 روز بعد 500 تومان و 30 روز بعد از آن 500 تومان. اطلاعات بیشتر: 09301302890

مسیر رشد شغلی متخصص فرانت اند مناسب کیست؟

  • افرادي كه علاقه مند به كار تيمي در زمينه برنامه نويسي و كدنويسي در شركت هاي موفق دارند.
  • افرادي كه به دنبال ديده شدن سايت كسب و كار مجموعه ي مورد نظرشان مي باشند.
  • افرادي كه به دنبال واكنشگرا كردن سايت هستند.
  • افرادي كه تسلط خوبي بر HTML ، CSS و جاوا اسكريپ دارند.
  • افرادي كه تسلط بر ريسپانسيوسازي سايت دارند.
  • افرادي به دنبال كسب درآمد بسيار خوبي در زمينه توسعه وب هستند.

ثبت نام در مسیر رشد

مبلغ سرمایه گذاری در مسیر رشد: 3400000 تومان
انتخاب و ثبت نام
چگونه شهریه را بورسیه شوم؟

کارگاه های این مسیر

آموزش کدنویسی HTML و CSS | رشدانا آموزش کدنویسی HTML5 و CSS3

HTML5 & CSS3 Markup
اولین گام برای ورود به دنیای برنامه نویسی

1، 4، 6، 8 و 11 اردیبهشت 1400 / پنج جلسه سه ساعته
کارگاه آموزش LESS و SASS

LESS | SASS
کدهای بهتر و خواناتر CSS را به این فریم ورک ها بسپارید

13 اردیبهشت 1400 / یک جلسه سه ساعته
آموزش TypeScript

TypeScripts
جاوا اسکریپت را در هر مقیاسی کد بزنید.

27 و 31 خرداد 1400 / دو جلسه سه ساعته
آموزش فریمورک ری اکت جی اس React JS

React JS Framework
یک کتابخانه جاوااسکریپت برای ساخت رابط کاربری

15، 17، 19، 22، 24 و 26 فروردین 1400 / پنج جلسه سه ساعته دوره بعدی : 3، 7، 10، 14 و 17 تیر 1400

مدرسین متخصص فرانت اند

  • احسان موسوی : از سال ۱۳۹۰ در اکوسیستم IT و استارتاپی ایران فعال است. بنیانگذار و مدیرعامل استارتاپ خدمات حقوقی آپلا و همچنین عضو هیئت مدیره شرکت نرم افزاری ویانا. دارای سابقه حضور در توسعه ده‌ها سرویس نرم‌افزاری برای شرکت‌ها و سازمان‌های مختلف
  • امیرسجاد پورسلطانی : امیرسجاد پورسلطانی بیش از هشت سال سابقه برنامه نویسی، فارغ التحصیل کارشناسی نرم افزار، دانشجو کارشناسی ارشد هوش مصنوعی، رتبه چهارم مسابقه برنامه نویسی ACM دانشگاه بابل، برنامه نویس Fullstack وب
  • حمید محب : طراح و برنامه نویس وب از سال ۹۳ با سابقه طراحی و پیاده سازی بیش از ۲۰ وبسایت فروشگاهی و شرکتی. از برگزارکنندگان رویداد همفکر مشهد (دورهمی استارتاپی و اهالی آی تی). توسعه دهنده وب به صورت فریلسنر از سال ۹۳. توسعه دهنده وب در شرکت آنلاینر به مدت یک سال. توسعه دهنده وب و وب اپلیکیشن در شرکت کمان از ۹۷ تا 99. توسعه دهنده فرانت اند مجموعه فناپ از تابستان 99 تاکنون. مدرس دوره‌های HTML و CSS در هنرستان مجازی آماج
  • حمیدرضا اثتی عشری : توسعه دهنده فول استک. بیش از ۱۰ سال سابقه برنامه نویسی. تسلط به MERN استک وب برای طراحی وب اپلیکیشن ها و اپ های کراس پلتفرم موبایل. عاشق یادگیری و آموزش. کارآفرین
  • مهدی هوشیار : مدرس، مشاور و توسعه‌دهنده‌ی ارشد رابط کاربری پیام‌رسان گپ (Senior Front-End Developer) است که از سال ۸۹ تا به امروز پیاده‌سازی و اجرای بیش از ۲۵۰ پروژه‌ی “طراحی سایت” را در کارنامه‌ی خود دارد.

سرفصل های مسیر متخصص فرانت اند

در این مسیر رشد شغلی شما با فراگیری مهارت هایی از جمله: کدنویسی HTML5 و CSS، تبدیل طراح های گرافیکی PSD به کد HTML5 و واکنشگرا کردن سایت و همچنین آموزش جاوا اسکریپت، جی کوئری و بوت استرپ در کنار تمرین ها و پروژه هایی که در طول این مسیر برای شما تعریف می شود آمادده می شوید که پروژه های مرتبط را دریافت کنید. فراموش نکنید انجام دادن تمرین و پروژه در این مسیر رشد شغلی بسیار اهمیت دارد.

  • آشنایی با کدنویسی و کدنویسی تحت وب
  • کدنویسی مقرون به صرفه
  • اجرای کامل یک قالب در HTML
  • تکنیک های افزایش سرعت در کدنویسی
  • معرفی چند روش برای واکنش‌گرا کردن صفحات وب
  • نمایش و عدم نمایش المان‌ها در نمایشگر‌های دلخواه
  • آشنایی و استفاده از Grid System
  • مفاهیم برنامه نویسی شی گرایی(OOP)
  • نکات و تکنیک های SEO در تبدیل قالب
  • استفاده از تصاویر اسپرایتsprite
  • استفاده از jQuery SlideShow و نحوه Customize کردن آن
  • ساختار دستوری جی کوئری
  • بررسی Event Objects در Jquery
  • بوت استرپ RTL یا LTR ؟
  • X-UA-Compatible و دلیل استفاده از آن
  • متا تگ viewport و دلیل استفاده از آن

توضیحات تفصیلی مسیر رشد شغلی

مسیر رشد توسعه دهنده فرانت اند (Front-End Developer Growth path)

فرانت (Front) یا جلوی یک وب سایت، همان چیزی است که با آن در تعامل هستید و در مرورگر خود مشاهده می‌کنید. فرانت یعنی رو به رو، یعنی آنچه که کاربر می‌بیند، و این شامل رنگ ها، دکمه ها، تصاویر ، لوگو، ساید بار، منو ها و خلاصه هرآنچه که مربوط به ظاهر است، می‌شود.
توسعه دهنده فرانت اند هم کسی است که با بهره‌گیری از زبان های نماد گذاری این حوزه، هر آنچه که برای ساخته شدن یک وب سایت نیاز است را سازمان دهی کرده و به درستی آن را نمایش می‌دهد.
از آنجا که فرانت اند در تعامل با کاربر انجام می‌شود، به آن Client-Side Web Development نیز گفته می‌شود.
زبان های توسعه Front-End
اصلی ترین زبان های توسعه فرانت اند، زبان های HTML , CSS و JavaScript هستند. هرچند که برای سهولت کار میتوان از ساختار Bootstrap و کتابخانه ی JQuery و افزونه های Css نیز بهره برد. اما Base کار، با همان دو زبان اصلی است.
تفاوت Front-End Development و Back-End Development
آیا یک توسعه دهنده وب باید به طور هم زمان بر Front-End و Back-End مسلط باشد؟ کدام یک از این دو حوزه ضروری تر و مهم تر هستند؟ اصلا منظور از توسعه دهنده Back-End چیست؟ این ظاهر کار است، در پشت صحنه چه میگذرد؟
فرض کنید میخواهید یک سایت فروشگاهی راه اندازی کنید و برای اینکار از یک توسعه دهنده ی فرانت اند کمک می‌گیرید. Front-End Developer هم شروع می‌کند ابتدا طرح وب سایت شما را از UI دیزاینر دریافت می‌کند و مطابق طرح شروع به کد زدن می‌کند.
ابتدا با HTML ساختار کلی و بخش های سایت را تعریف کرده و بعد با CSS به آن ساختار، استایل و جلوه ای خاص می‌دهد. بعد با JavaScript شروع به ایجاد فرم تماس، اسلاید شو، منو های کشویی و… می‌کند.
در نهایت سعی میکند با پیروی از اصولی خاص، سایت شما را برای انواع سیستم عامل های مختلف و مرورگر های مختلف، در دستگاه های مختلف مثل موبایل، تبلت، لپ تاپ ریسپانسیو یا واکنشگرا کند. و این چیزی می‌شود که شما مشاهده میکنید و لذت می‌برید.
در این صورت کار تکمیل است و زمان آن رسیده که فروشگاه آنلاین خود را باز کنید تا کاربران از آن بازدید کنند و محصولات دلخواه خود را سفارش دهند.
حالا ما از شما یک سئوال داریم. الان اطلاعات مربوط به محصولات، خرید ها، پروفایل کاربران و کلی موارد دیگر را چگونه می‌خواهید مدیریت کنید؟ چگونه می‌خواهید ابتدا آن را ذخیره کنید تا در مرحله بعد مدیریت کنید؟!
اینجاست که توسعه دهنده Back-End وارد عمل می‌شود و شما بالاخره متوجه می‌شود در پشت صحنه چه خبر است!
حتما تا الان متوجه شده اید که برای ذخیره سازی و مدیریت کلیه اطلاعات وب سایت خود (اطلاعات مربوط به مشتری و محصولات و..) احتیاج به یک پایگاه داده یا Data Base دارید. همانطور که از نامش مشخص است، دیتا بیس یا پایگاه داده، بانک اطلاعاتی سایت شما را تشکیل می‌دهد.
با این وجود، شما به سادگی میتوانید اطلاعات را ذخیره ، سازمان دهی، ویرایش و یا بازیابی کنید. که البته تمام این ها رو سرور اجرا می‌شود. نگران نباشید به طور تخصصی و شفاف تمام این موارد را در مسیر رشد Back-End توضیح خواهیم داد.
متداول ترین پایگاه داده ای که از آن استفاده می‌کنیم، MySQL است، البته که میتوان از SQL Server، Oracle و .. نیز استفاده کرد. خلاصه… تمام برنامه های شما دارای یک کد اولیه است که این کد اولیه باید به زبان دیگری تبدیل شود. چرا؟ برای اینکه پایگاه داده بتواند آن را تشخیص دهد و بفهمد.
نتیجه اینکه، یک Back-End Developer تمام کد های لازم برای راه اندازی سایت را از Front-End Developer دریافت کرده و بعد با استفاده از زبان های PHP یا Python و.. آن را به زبانی قابل فهم برای دیتا بیس تبدیل میکند 🙂
Front-End مهم تر است یا Back-End ؟
ممکن است این فرض پیش آید که توسعه دهنده Back-End کار سخت تری انجام میدهد و ارزش کار او بیشتر است اما باید بگوییم، جز توسعه دهنده فرانت اند چه کسی میخواهد کد های لازم را به دست Back-End Developer برساند؟ 🙂

واقعیت این است که Front-End و Back-End دو روی سکه هستند و برای راه اندازی کامل سایت به وجود هر دو آنها نیاز است. پس هیچکدام بر یک دیگر برتری ندارند بلکه آنها مکمل یکدیگرند. از طرفی شما نمیتوانید هم زمان هر دو حوزه را توسعه دهید.
شاید چند سال پیش این نظریه کمی منطقی به نظر می‌رسید اما با پیشرفت روز افزون علم و رشد فزاینده مباحث و همچنین گسترش شاخه های این دو حوزه، عقلانی است که به طور تخصصی یکی از دو بخش Frontend یا Backend فرا گیرید و متخصص همان حوزه شوید.
مسیر رشد توسعه دهنده فرانت اند یا Front-End Developer رشدانا
ما در این مسیر رشد یک سری کارگاه ها را برای شما در نظر گرفته‌ایم که فکر می‌کنیم برای توسعه Client-Side Web شما بسیار موثر هستند. کارگاه های مسیر رشد مهارت های نرم یا Front-End Developer به شرح زیر هستند:

  • آموزش کدنویسی HTML و CSS
  • آموزش تبدیل طرح گرافیکی به کد
  • آموزش مقدماتی JavaScript
  • آموزش واکنشگرا کردن سایت
  • آموزش Bootstrap
  • آموزش JQuery
  • معرفی تکنولوژی های پیشرفته فرانت اند

کارگاه هایی که می‌بیند با دقت و حساسیت خاصی چیده شده اند تا کاملا با مسیر رشد Front-End Developer تطبیق داشته و برای شما کارآمد باشند.
مشاوره رایگان
طبق روال همیشه ، یک تایم مشاوره رایگان برای شما قرار داده‌ایم که در این تایم یک ساعته، کارشناسان ما به درستی شما را راهنمایی کرده و آماده پاسخگویی به سئوالات و رفع ابهامات شما عزیزان هستند.

فرصت های شغلی این مسیر

  • طراح وب سایت

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

  • تحلیل گر نرم افزار

    تحلیل گر نرم افزار کسی است که دامنهٔ مسألهٔ نرم‌افزار را بررسی و تحلیل می‌کند و نیازمندی‌های نرم‌افزار و مستند مشخصات مورد نیاز نرم‌افزار را آماده می‌کند.

  • تست‌کننده‌ نرم‌افزار – تستر

    یک تست کننده نرم‌افزار مسئول کیفیت توسعه و استقرار نرم افزار می باشد و برای این کار از تست ها خودکار و دستی استفاده می کند همچنین وظیفه ی تجزیه و تحلیل نرم افزار

  • برنامه نویس فرانت اند

    یک برنامه نویس فرانت اند بر کد نویسی html و cssو زبان های  برنامه نویسی javascript تسلط دارد، مسلط به ریسپانسیو سازی است، آشنا با طراحی رابط کاربری است و می تواند یک طرح

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


    مشاوره رایگان

    مشاوره
    با متخصصین با تجربه ما مشورت کنید

    برای اینکه بدانید هر مسیر رشد چه کاربردی دارد و چه مسیر رشدی برای شما می تواند بهترین انتخاب باشد، ما به شما مشاوره می دهیم.

    دریافت وقت مشاوره

    چه مسیری بروم؟

    مشاوره
    خودتان را برای تصمیمی بهتر بشناسید

    با کسب آگاهی در مورد خودتان و تایپ شخصیتی خودتان، تا 50% راه را برای یک انتخاب آگاهانه طی کرده اید. کافیست خودتان را بهتر بشناسید

    انجام تست خودشناسی

    سوالات متداول

    مشاوره
    سوالات متداول و شرایط تسهیلات

    پاسخ به سوالاتی که ممکن است برای شما پیش آمده باشد به همراه شرایط و تسهیلاتی که برای دانشجویان و سازمان ها در نظر گفته ایم

    سوالات متداول

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

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *




    
    دوره های پیشنهادی:
    سایر دوره ها
    ×

    سرویسهای سایت ما