استخدام طراح قالب وبلاگ و سایت مسلط به HTML و CSS و JavaScript و jQuery


سایت ساز وبلاگ به عنوان یکی از بهترین سیستم های وبلاگدهی و سایت ساز رایگان جهت تکمیل کادر فنی خود به تعدادی نیروی کار مسلط به مهارت های زیر جهت استخدام نیازمند است.
استخدام طراح قالب سایت در سایت ساز وبلاگ یا بهترین سیستم وبلاگدهی، مسلط به کدنویسی اچ تی ام ال (html) و سی اس اس (css) و جی کوئری(jquery) و جاوا اسکریپت(JavaScript). در واقع فرد بصورت استخدام غیر حضوری شروع به کدنویسی با اچ تی ام ال (html)، سی اس اس (css)، جی کوئری(jquery) و جاوا اسکریپت(JavaScript) برای وب سایت وبلاگ دات کام، یک قالب و پوسته یا تمپلت یا همان ظاهر سایت طراحی کنیم.
 استخدام طراح وبلاگ و سایت مسلط به HTML و CSS و JavaScript و jQuery

طراح قالب وبلاگ و سایت مورد نظر میبایست دارای توانایی ها و تخصص های زیر باشد :

1- آشنایی با مدیریت وب سایت ساز وبلاگ
2- آشنایی کامل با HTML و CSS
3- توانایی در ایجاد قالب سایت به HTML
4- طراحی قالب به صورت Responsive
5- آشنا با SEO و موارد بهینه سازی وب سایت
6- آشنایی با JavaScript و jQuery

داوطلبانی که دارای شرایط زیر باشند از اولویت استخدامی بالاتری برخوردار خواهند بود :
1- دوستانی که وب سایت/وبلاگ شخصی داشته باشند و تجربه نویسندگی و مدیریت در وب سایتهای مانند وبلاگدهی داشته باشند.
- افراد مسلط به طراحی قالب سایت وردپرس و استفاده از javascript- Html – Css – Bootstrap – Ajax

شرایط حقوق:
طراحی قالب بصورت درصدی یا فروش ان توسط ما هست و فرد قالب را در سایت اپلود کرده و بین 80 تا 90 درصد از خرید هر قالبی را که کاربران نصب کردند بعنوان سهم خود از فروش فایل بر می دارد.

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

فرم ارسال رزومه



فرم ارسال رزومه برای طراحی قالب


از داوطلبان واجد شرایط دعوت میشود رزومه کامل خود را (شامل تجربیات - آدرس قالب های طراحی شده) به آدرس ایمیل template@weblog.com.co با عنوان "استخدام- طراح قالب وب سایت" ارسال نمایند. ایمیل هایی که با این عنوان نباشند لحاظ نخواهند شد.

استخدام طراح قالب وب با HTML و CSS

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

شرایط طراح قالب سایت با HTML و CSS و ریسپانسیو

طراح قالب وب با HTML و CSS صفحات وب را ایجاد کرده و به آن ها ظاهری زیبا می دهد. بلد بودن آن ها به خوبی برای طراحی بسیاری از وب سایت ها کافی است. تعداد بسیار زیادی از مشتریان تنها می خواهند اطلاعاتی را در وب سایت خود قرار بدهند و قرار نیست سرویس و یا خدمتی در وب سایتشان ارائه شود. به همین دلیل نیازی به استفاده از جاوااسکریپت و پی اچ پی در طراحی سایت آن ها نخواهد بود. به این ترتیب طراح وب با HTML و CSS می تواند یک وب سایت بسیار شیک و تمیز طراحی کرده و به مشتری تحویل بدهد.
اگر بعدها فرد بخواهد به شعبه مجازی خود امکاناتی اضافه کند و ابزارهایی را تحت وب به کاربرانش ارائه کند، ناچار باید از جاوااسکریپت و پی اچ پی استفاده کرد. البته امروز کمتر وب سایتی تنها با استفاده از HTML و CSS نوشته می تواند و برای استخدام طراح وب حتما بلد بودن جاوااسکریپ نیز شرط می شود. اما برنامه نویسی به زبان پی اچ پی عالم دیگری برای خود دارد و به همین دلیل در بیشتر شرکت ها فردی جداگانه برای آن استخدام می شود.
بعد از استخدام طراح وب با HTML و CSS وی را به عنوان فرانت اند (Front End) کار می شناسند، یعنی فردی که مسئول طراحی وب سایت است و موارد مربوط به ظاهر آن را بر عهده دارد. اما برنامه نویس پی اچ پی در بک اند (Back End) فعالیت می کند. کمتر شرکتی از یک فرد می خواهد هم کارهای بک اند و هم کارهای فرانت اند را انجام بدهد، چون بازدهی به شدت کاهش پیدا می کند.
استخدام طراح وب با HTML و CSS نیازمند داشتن سلیقه و دیدی باز است. فردی که سلقیه خوبی برای طراحی نداشته و نمی تواند برای افزایش زیبایی ایده پردازی کند نمی تواند طراح خوبی باشد. داشتن دیدی باز و خلاقیت از ملزومات این زمینه کاری است. با این حال می توان این موارد را در خود پرورش داد و کم کم خلاقیت در طراحی را بهبود بخشید. پیشنهاد ما این است که در صورت نداشتن سابقه کافی در طراحی سایت کار خود را با کارآموزی آغاز کنید. به این ترتیب می توانید تجربه عملی به دست بیاورید. همانطور که می دانید امروز شرکت ها برای استخدام یک فرد به مدرک آکادمیک وی توجهی نکرده و میزان تجربه عملی او را مد نظر قرار می دهند.

پوسته یا قالب سایت چیست؟

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

انواع پوسته یا قالب سایت

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

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

ساده باشید!
وب سایت هایی با قالب و محیط شلوغ میتوانند خسته کننده، گیج کننده و حتی آزار دهنده باشند! استفاده از تصاویر بسیار زیاد، تصاویر متحرک (GIF)، بنرها و لینک های متعدد، نوار ابزارهای بسیار زیاد و منوهای شلوغ، کاربران را از سایت شما فراری میدهد.

در دسترس بودن پشتیان
حتی در صورت استفاده از حرفه ای ترین سایت ساز باز هم در طول زمان ممکن است سایت شما یا قالب آن دچار مشکل شود؛ از پشتیبانی خدمات طراحی سایت و پاسخگویی مناسب آنها مطمئن شوید.

قالب ریسپانسیو
تقریبا تمامی سایت های معتبر و مهم در دنیا ریسپانسیو یا واکنش گرا هستند؛ عدم واکنش به نمایش در دستگاه های هوشمند متفاوت، ممکن است سبب کاهش بازدیدکننده و ریزش مشتریان شما شود.

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

CSS (سی اس اس) چیست؟
مهمترین نکته برای طراحی سایت استفاده بهینه از css میباشد یکی از اصلی ترین قدم ها برای طراحی سایت استفاده از CSS در کنار HTML است. سی اس اس (به انگلیسی: CSS: Cascading Style Sheets) در کنار اچ تی ام ال برای ساخت صفحه های وب یا قالب سایت هستند. یک صفحه وب به طور کلی دارای دو بخش Client Side و Server Side است. بخش Client Side را می توان به سه بخش اساسی تفکیک کرد. اول ساختار صفحه است که توسط HTML ساخته می شود. دوم شکل و شمایل و رنگ و لعاب صفحه است که در CSS تعیین می شود و سوم منطق برنامه در سمت کلاینت است که با زبان های اسکریپتی مانند JavaScript مشخص می شود. شیوه ای برای تعیین نمایش عناصر html در صفحات وب می باشد.

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

جاوا اسکریپت(JavaScript) چیست؟
جاوا اسکریپت (JavaScript) چگونه کار میکند؟ جاوا اسکریپت، به اختصار JS (به انگلیسی: JavaScript) زبان برنامه نویسی سطح بالا، پویا، مبتنی بر شی که در کنار HTML و CSS یکی از سه هسته صفحات دنیای وب می باشد. جاوا اسکریپت زبان برنامه نویسی می باشد که درون کدهای HTML قرار می گیرد و بر روی مرورگر بازدید کننده اجرا می شود. جاوا اسکریپت توانایی تغییر در محتویات المان های نمایش داده شده را بر روی مرورگر فرد بازدید کننده دارد بطوریکه امکان پویا سازی یا دینامیک شدن صفحات بوجود می آید.

jquery (جِی کوئری) چیست؟
جِی کوئری (به انگلیسی: jQuery) یک کتابخانه جاوا اسکریپت سبک وزنِ چند مرورگری است که برای ساده سازیِ نوشتنِ اسکریپ هایِ سمت-مشتری، در HTML طراحی شده است. JQuery یک فریمورک جاوا اسکریپت می باشد. در یک کلام، jQuery یک کتابخانه جاوا اسکریپت است که انجام یک سری کارها را برای شما بسیار آسان می کند و همچنین یک سری امکانات از پیش آماده شده را به شما اراده می کند. کتاب خانه ای همچون jQuery(جی کوئری) بسیار ساده تر از زبان جاوا اسکریپت است.

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

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

به طور کلی، مسئولیت های توسعه دهنده وب شامل موارد زیر هستند:

• بهبود تجربه کاربری

• زنده کردن مفاهیم طراحی شده با HTML، CSS و جاوا اسکریپت

• تولید، تغییر و نگهداری سایت ها و رابط های کاربری وب

• ایجاد ابزارهایی که چگونگی مشاهده و تعامل سایت با کاربر در هر مرورگری را بهبود می دهند.

• همکاری با بک اند در زمینه APIها

• نگهداری مدیریت جریان کاری نرم افزار با یک ابزار مدیریت پروژه مانند GitHub

• استفاده از بهترین رویکردهای سئو

• آزمایش سایت در طی توسعه از نظر قابلیت استفاده و رفع هرگونه اشکال

برای انجام این وظایف، توسعه‎ دهنده وب به کسب مهارت در تخصص های زیر نیاز دارد:
• HTML و CSS
• جاوا اسکریپت
• jQuery
• چارچوب های جاوا اسکریپت
• چارچوب های فرانت اند
• تجربه با پیش پردازنده های CSS
• تجربه با خدمات RESTful و APIها
• طراحی واکنش گرا و مبتنی بر موبایل
• توسعه در سراسر مرورگرها
• سامانه های مدیریت محتوا و سکوهای تجارت الکترونیکی
• رویکردهای آزمایش و رفع اشکال
• Git و سامانه های کنترل نسخه
• حل مسئله

اگر تصمیم دارید به عنوان یک توسعه فرانت اند استخدام شوید، بهتر است منتظر حقوق مناسب بازار کار خوب، امنیت شغلی و امکان تغییر مکرر محل کار خود باشید. با کسب تخصص های Backbone.Js، Node.Js، React.Js و Angular.Js با میانگین درآمد سالانه یک توسعه دهنده وب بالا می باشد.


آشنایی با وظایفی که دولوپرهای فرانت اند و بک اند دارند

بسیاری از تازه واردها به صنعت توسعهٔ نرم افزار نمی دانند که کار خود را از کجا شروع کنند و بر سر اینکه حوزهٔ بک اند را برای یادگیری انتخاب کنند یا فرانت اند شک دارند و یا حتی بعضی ها می خواهند هر دو را یاد بگیرند و به اصطلاح دولوپر فول اِستک شوند. حال ممکن است این سؤال پیش بیاید که اساساً معنی این اصطلاحات چیست؟ در این مقاله برای اینکه شما را در جریان کامل این فرایند قرار دهیم، اول تفاوت در حوزه های Front-end و Back-end را بررسی کرده سپس کمی جلوتر می رویم و دربارۀ هر کدام توضیحاتی تکمیلی ارائه خواهیم کرد.


برای شروع، این تکنولوژی ها را با یک فروشگاه مقایسه می کنیم. تقریباً همۀ فروشگاه ها یک نمای ظاهری دارند که ویترین و دکور آن ها است به طوری که می توانیم این قسمت را Front-end فروشگاه می نامیم که به منزلهٔ محلی است که مشتری می آید و اجناس را مشاهده کرده و در نهایت خرید می کند. صاحب فروشگاه وقت زیادی صرف می کند تا در این قسمت از فروشگاه اجناس را درست در جای مناسب بچیند و تجربهٔ خرید خوبی برای مشتریانش در زمان خرید رقم بزند. در عین حال، Back-end فروشگاه جایی است که در پشت پرده قرار دارد و محلی است که مشتری هرگز آن را نمی بیند و شامل محصولاتی است که انبار شده اند و هنوز در قفسه های جلو قرار داده نشده اند. علاوه بر این، یکسری عمده فروشان نیز وجود دارند که صاحب فروشگاه اجناس خود را از آن ها تأمین می کند، تیم لُجستیگ بسیاری از کارهای رو سروسامان می دهد و ... اما در عین حال، مشتریان اصلاً از وجود آن ها باخبر نیستند.

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

دولوپر فرانت اند کیست؟
این دست دولوپرها وظیفه دارند تا یک تجربهٔ جذاب برای بازدیدکنندگان سایت رقم بزنند و معمولاً این افراد با طراحان گرافیک زیاد سروکار دارند تا ایده های ایشان را به واقعیت تبدیل کنند. به طور کلی، تکنولوژی هایی که این دست دولوپرها استفاده می کنند عبارتند از:

- زبان اچ تی ام ال: HTML مخفف واژگان HyperText Markup Language به معنی «زبان نشانه گذاری فرامتنی» است که به عنوان سنگ زیربنای وب شناخته می شود. تمامی اپلیکیشن های تحت وب با استفاده از این تکنولوژی ساخته شده اند و مرورگرها به خوبی تگ های این زبان را متوجه می شوند و نیاز به توضیح نیست که یادگیری این زبان خیلی آسان است و توصیه می شود که فعالان صنعت توسعهٔ نرم افزار، فارغ از حوزه ای که در آن فعال هستند، یک آشنایی نسبی با آن داشته باشند.

- زبان سی اس اس: CSS مخفف واژگان Cascading Style Sheets است که یکی دیگر از تکنولوژی های مورد استفادهٔ دولوپرهای فرانت اند است که این امکان را به ایشان می دهد تا بتوانند مشخصات ظاهری یک صفحهٔ وب را طراحی کنند (اگر بخواهیم درک درست تری از تفاوت زبان های HTML و CSS داشته باشیم، می توانیم یک ساختمان را در نظر بگیریم بدین شکل که این ساختمان از اِسکلت، چارچوب، سنگ و آجر ساخته شده است (HTML) اما برای اینکه زیبا به نظر برسد، نیازمند کچ، رنگ، تزئینات و غیره (CSS) است.)

- جاوااسکریپت: JS زبانی است که امروزه طرفداران زیادی پیدا کرده است که یکی از اصلی ترین مخاطبینش دولوپرهای فرانت اند هستند (البته با وجود Node.js، دولوپرهای بک اند هم از آن استقبال کرده اند.) این زبان کمک می کند تا دولوپر یک تجربۀ کاربری روان برای کاربران سایت ایجاد کند و همچنین امکان افزودن جلوه های بصری زیبا را فراهم می آورد.

به طور کلی، دولوپرهای فرانت اند با استفاده از این سه تکنولوژی می توانند کار خود را به پیش برند اما تکنولوژی های مورد استفادهٔ آن ها محدود به این ها نشده و در ادامه سایر فناوری هایی که دولوپرهای فرانت اند حرفه ای استفاده می کنند تا وب اپلیکیشن هایی حرفه ای به بازار عرضه کنند را معرفی خواهیم کرد:

درآمدی بر پیش پردازنده های CSS
در سال 1996، یک کمیسیون استانداردسازی نسخه ای اولیه از مجموعه قوانینی را تعریف کرد مبنی بر اینکه مرورگرهای وب چگونه باید اِلِمان های مختلف رابط کاربری را در معرض دید کاربران قرار دهند. از آنجایی که مرورگرهای زیادی وجود دارند و در حین ساخت صفحات وب باید توجه شود که این صفحات با تمام این مرورگرها سازگار باشند، W3C استانداردهایی را تعیین کرد و از آن پس دولوپرها خواستار این شدند که ویژگی های جدیدی به CSS افزوده شود.

در همین راستا، آن ها یک نسخه از زبان جدیدی را ساختند که در نهایت به همان CSS تبدیل می شد که این تبدیل و انتقال ها CSS Pre-Processor نام گرفت (زبان های Less و Sass جزو پرکاربردترین نمونه های زبان های Pre-Processor هستند.) همین که شما توانستید آشنایی تقریباً کاملی با CSS داشته باشید، هم کار با Less و هم کار با Sass را می توانید تجربه کنید. دلیل استفادهٔ دولوپرها از این تکنولوژی ها به این خاطر است که از CSS قوی تر هستند و می توان کدهای تمیزتری با آن ها نوشت.

فریمورک های جاوااسکریپت
فریمورک های جاوااسکریپت در حوزهٔ فرانت اند کمک می کنند تا با سرعت بیشتری دست به توسعهٔ وب بزنیم که در ادامه سه مورد از پرکاربردترین آن ها را معرفی می کنیم:

- آنگولار: این فریمورک توسط گوگل توسعه داده شده که نسخه بعدی آن هم با نام Angular2 به بازار عرضه شده است که تفاوت های اساسی با نسخه اول دارد و اصطلاحاً Mobile-First است.

- اِمبر: یک فریمورک برای کدنویسی در حوزهٔ فرانت اند است که اصالت آن به شرکت اپل باز می گردد. در واقع، اپل یک فریمورک به نام SproutCore ساخت که بعدها نامش را به Ember تغییر دادند.

- ریئکت: React فریمورک، یا بهتر بگوییم لایبرری، فرانت اندی است که توسط مهندسین فیسبوک ساخته شده و جامعهٔ توسعه دهندگان گسترده ای در سراسر دنیا دارد.

به طور کلی، از جمله فریمورک های دیگر جاوااسکریپتی که می توان نام برد، Backbone و VueJS است اما در نظر داشته باشید هیچ فریمورک بهتر و بدتری وجود ندارد بلکه هر کدام ویژگی خاصِ خود را دارند و شرکت های مختلف از فریمورک های مختلفی برای کاربردهای متفاوتی استفاده می کنند (روی هم رفته نگران نباشید که کدام یک را انتخاب می کنید؛ بلکه اگر به حوزۀ فرانت اند علاقه دارید، مهم تر از انتخاب فریمورک، دانستن قوانین و اصول کار است.)

آشنایی با مفهوم Transpiler
به طور کلی، Transpiler نوعی کامپایلر است که این توانایی را دارد تا سورس کد برنامه ها را با زبانی به غیر از زبان اصلی که برنامه با استفاده از آن توسعه یافته بازنویسی کنند که برخی از مهم ترین ترنسکامپایلرهای جاوااسکریپتی عبازتند از:

- کافی اسکریپت: زبانی شبیه به روبی است که به جاوااسکریپت تبدیل می شود.

- تایپ اسکریپت: این زبان یک رویکرد اساسی دارد مبنی بر اینکه جاوااسکریپت را از یک زبان برنامه نویسی به اصطلاح Dynamically-Typed، به زبانی Statically-Typed تبدیل می کند. در واقع، تایپ اسکریپت اساساً یک زبان متفاوت است که جزو نوآوری های غول نرم افزاری دنیا، مایکروسافت، محسوب می شود.

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

- دیتابیس: دیتابیس این امکان را به ما می دهد که داده ها را اضافه کرده، حذف نماییم و یا تغییر دهیم و همچنین به داده هایی که از قبل تولید شده اند، به راحتی دسترسی پیدا کنیم. تقریباً همهٔ وب اپلیکیشن ها از دیتابیس استفاده می کنند و در کل دو نوع دیتابیس داریم که تفاوت عمده ای باهم دارند که عبارتند از SQL و NoSQL.

- معماری سه لایه: معماری سه لایه یا اصطلاحاً MVC یکی از ویژگی های وب اپلیکیشن های مدرن است و فریمورک هایی همچون Ruby on Rails برای زبان روبی و یا Laravel برای زبان پی اچ پی از این معماری بهره می برند. اگر بخواهیم خیلی ساده توضیح دهیم، این فریمورک ها اپلیکیشن را به بخش های مختلفی تقسیم می کنند و هر بخش مسئولیت هایی دارد که مجزا از سایر بخش ها است که جهت آشنایی بیشتر با مفهوم MVC، می توانید به آموزش مقدمه ای بر معماری سه لایه نرم افزاری مراجعه نمایید.

- معماری رِست فول: به طور خلاصه، REST مفهومی است که به ما نشان می دهد ریکوئست های پروتکل HTTP چگونه به تعامل با سرور می پردازند که برای کسب اطلاعات بیشتر پیرامون این موضوع، به آموزش آشنایی با مفهوم RESTful API مراجعه نمایید.

- بیزینس لاجیک: در نرم افزارهای کامپیوتری، Business Logic مفهومی است که انتظارات سفارش دهندهٔ نرم افزار را ابتدا در قالب الگوریتم ها و سپس تبدیل آن ها به کدهای کاربردی برآورده می سازد. مثلاً اگر درصدد ساخت یک فروشگاه آنلاین هستید، بیزینس لاجیک شما می شود امکاناتی از قبیل امکان افزودن کالا به سبد خرید، اِعمال تخفیف، جمع کل حساب، وصل شدن به درگاه بانک و ...

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

فول استک دولوپر کیست؟
دولوپر فول استک کسی است که به قول معروف همچون آچار فرانسه بوده و این توانایی را دارا است تا وظایف دولوپر فرانت اند یا بک اند و بسیاری کارهای دیگر را انجام دهد (برای آشنایی بیشتر با این مفهوم، به مقالهٔ معنی و مفهوم توسعه دهندهٔ Full Stack چیست؟ مراجعه نمایید.) دلایلی وجود دارد که شما را قانع می کند تا روی فول استک شدن تمرکز کنید که در ادامه مهم ترین آن ها را برخواهیم شمرد.

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

حال برگردیم به سراغ مثال فروشگاه که در اول بحث مطرح کردیم. فرض کنیم که خود شما صاحب فروشگاه هستید. مسلماً دوست دارید بدانید که چه طور می توانید یک چیدمان و طراحی زیبا داشته باشید تا مشتری تجربۀ خوبی از خرید خود داشته باشد. همچنین می خواهید بدانید آن بخشی از فروشگاه که مشتری نمی بیند (انبار، لُجستیک و غیره) چگونه مدیریت می شود. روی هم رفته، یک مدیر فروشگاه به اصطلاح فول استک، کاملاً می داند که هر دو بخش چگونه کار می کنند و تأثیر یکی بر دیگری چیست و چگونه است.

در مورد توسعۀ وب هم شرایط دقیقاً همین طور است. در واقع، دولوپری که می داند کل اپلیکیشن در سمت کاربر و همچنین سمت سرور چگونه کار می کند و می تواند در تمام بخش های یک پروژه کد بزند، احتمالاً برای برخی شرکت های نرم افزاری ارزش به مراتب بیشتری از دولوپری داشته باشد که تنها در یک حوزه دست به کد است (به واژهٔ احتمالاً خوب دقت کنید زیرا برخی شرکت های نرم افزاری تراز اول هستند که تمایل دارند دولوپرهایی را استخدام کنند که دانش عمیقی فقط در یک حوزه دارند.)

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

این 2 واژه معمولا برای تعریف کردن قسمت های صفحات وب بکار میروند

واژه فرانتند معمولا هم معنی با واژه های وب دیزاین (طراحی وب) و یا کلاینت ساید (سمت کاربر) است و واژه بک اند هم معنی با واژه های وب دولوپر (وسعه دهنده وب) و یا سرور ساید (سمت سرور) میباشد.

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

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

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

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

طراح تجربه کاربری در قسمت فرانتند کارمیکند و کار اصلی او مطالعه و تحقیق در مورد اطلاعات و آماری است که به گروه کمک میکند تا وبسایتی کاربر پسند را راه اندازی نمایند

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

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

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

لغتنامه

front end, back end, client side, server side, web design, web developer, user interface(UI), user experience(UX), css, html, javascript, asp, php, java

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

فرانت اند "Frontend" چیست؟

زمانی که در مورد فرانت اند "Frontend" وب صحبت می کنیم، منظور آن بخشی است که قابل دیدن است و با آن تعامل می کنیم. فرانت اند "Frontend" معمولا از دو بخش تشکیل می شود: طراحی سایت و توسعه فرانت اند وب.

در گذشته اگر کسی از توسعه صحبت می کرد، عموما مربوط به بک اند "Backend" بود، اما در چند سال گذشته این موضوع بسیار تغییر کرده است و نیاز داریم میان کسی که سایت را در نرم افزاری مانند فوتوشاپ طراحی می کند و کسی که آنها را تبدیل به کد های HTML و CSS می کند، تفاوت بگذاریم. این موضوع زمانی که طراحان به سوی استفاده از جاوا اسکریپ و JQuery روی آوردند بسیار جدی تر شد.

به همین خاطر، اگر اکنون می گوییم "طراح سایت"، منظور هم افرادی است که با فوتوشاپ و نرم افزارهای گرافیکی مشابه کار می کنند و هم افرادی که آن طرح ها را به کد های HTML، CSS، جاوا اسکریپت و JQuery بدل می کنند.

تمام چیزی که شما در یک وب سایت می بینید، مجموعه ای است از HTML، CSS و جاوا اسکریپت که تماما با مرورگر وب شما کنترل می شوند. مانند صفحات، منو ها، دکمه ها، فونتها، فرم های تماس و ... .

بک اند "Backend" چیست؟

بک اند "Backend" عموما از سه بخش تشکیل می شود: یک سرور، یک برنامه و یک پایگاه داده ها (دیتا بیس). اگر به عنوان مثال قصد خرید یک بلیت از وب سایتی را داشته باشید، معمولا سایت را باز میکنید و با فرانت اند "Frontend" تعامل می کنید. زمانی که اطلاعات را وارد کردید، برنامه آن اطلاعات را در پایگاه داده هایی که روی سرور قرار دارد ذخیره می کند.

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


فردی که با استفاده از تمام این تکنولوژی ها استفاده می کند تا با یکدیگر کار کنند توسعه دهنده بک اند "Backend Developer" می گوییم. تکنولوژی های بک اند عموما شامل زبانهای برنامه نویسی مانند PHP، Ruby، Python و غیره می باشند. همچنین برای اینکه این تکنولوژی ها آسان تر نیز شوند گاهی از فریم ورک هایی مانند Ruby on Rails، Cake PHP و ... برای سرعت دادن به توسعه برنامه استفاده می شود.

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

برچسب ها: , طراح قالب وردپرس , طراحی قالب وردپرس , طراحی قالب وردپرس بدون کدنویسی , طراحی قالب وردپرس با بوت استرپ , طراحی قالب وردپرس با فتوشاپ , طراحی قالب وردپرس رایگان , طراحی قالب وردپرس ارزان , طراحی قالب وردپرس با دریم ویور , طراحی قالب وردپرس وی لرن , طراحی قالب وردپرس آموزش , طراح قالب , طراح قالب سایت , طراح قالب وبلاگ , طراح قالب جوملا , طراح قالب وب سایت , طراحی قالب سایت , طراحی قالب سایت با فتوشاپ , طراحی قالب سایت با Html و Css , طراحی قالب سایت در فتوشاپ , طراحی قالب سایت وردپرس , طراحی قالب سایت با بوت استرپ , طراحی قالب سایت با وردپرس , طراحی قالب سایت رایگان , طراحی قالب سایت آنلاین , طراحی قالب وبلاگ , طراحی قالب وبلاگ بلاگفا , طراحی قالب وبلاگ رایگان , طراحی قالب وبلاگ آنلاین , طراحی قالب وبلاگ بیان , طراحی قالب وبلاگ حرفه ای , طراحی قالب وبلاگ میهن بلاگ , آموزش طراحی قالب وبلاگ , سفارش طراحی قالب وبلاگ , طراحی قالب جوملا , طراحی قالب جوملا 3 , طراحی قالب جوملا آموزش , آموزش طراحی قالب جوملا 3 , طراحی قالب جوملا با فتوشاپ , آموزش طراحی قالب جوملا Pdf , طراحی قالب برای جوملا , طراحی قالب در جوملا , آموزش طراحی قالب جوملا با فریم ورک , طراحی قالب وب سایت , طراحی قالب وب سایت با فتوشاپ , طراحی قالب وب سایت با Html , طراحی قالب وب سایت در فتوشاپ , آموزش طراحی قالب وب سایت با فتوشاپ , آموزش طراحی قالب وب سایت , اصول طراحی قالب وب سایت , هزینه طراحی قالب وب سایت , آموزش طراحی قالب وب سایت با Css , طراحی قالب های تزریق پلاستیک , دانلود آموزش طراحی قالب های تزریق پلاستیک با سالیدورک , طراح پوسته , طراحی تمپلیت پاورپوینت , طراحی تمپلیت سایت , طراحی تمپلیت , طراحی تمپلیت در فتوشاپ , آموزش طراحی تمپلیت پاورپوینت , تمپلیت طراحی بنر , تمپلیت طراحی وب سایت , طراحي قالب وردپرس , طراحی تمپلیت وردپرس , طراحی تمپلیت شبکه های اجتماعی , آموزش طراحی قالب های تزریق پلاستیک با سالیدورک , اصول طراحی قالب های تزریق پلاستیک , دانلود آموزش طراحی قالب های تزریق پلاستیک , طراحی قالب های تزریق پلاستیک با سالیدورک , آموزش طراحی قالب های تزریق پلاستیک , کتاب طراحی قالب های تزریق پلاستیک , طراحی و ساخت قالبهای تزریق پلاستیک , html ،css ، jquery , JavaScript , front end , template , developer , ui , ux , layout , طراح قالب سایت , طراحی قالب سایت , طراحی قالب سایت با فتوشاپ , طراحی قالب سایت با Html و Css , طراحی قالب سایت در فتوشاپ , طراحی قالب سایت وردپرس , طراحی قالب سایت با بوت استرپ , طراحی قالب سایت با وردپرس , طراحی قالب سایت رایگان , طراحی قالب سایت آنلاین , طراحی قالب سایت با Html , طراحی قالب سایت با Php , طراحی قالب سایت خبری , طراحی قالب سایت با Css , ساخت قالب سایت با فتوشاپ , آموزش طراحی قالب سایت با فتوشاپ , آموزش طراحی قالب سایت با فتوشاپ Pdf , طراحی قالب وب سایت با فتوشاپ , آموزش ساخت قالب سایت با فتوشاپ , فیلم آموزش طراحی قالب سایت با فتوشاپ , دانلود آموزش طراحی قالب سایت با فتوشاپ , آموزش طراحی قالب وب سایت با فتوشاپ , قیمت طراحی قالب سایت با فتوشاپ , آموزش تصویری طراحی قالب سایت با فتوشاپ , آموزش طراحی قالب سایت با Html و Css , آموزش طراحی قالب سایت در فتوشاپ , طراحی قالب وب سایت در فتوشاپ , آموزش ساخت قالب سایت در فتوشاپ , آموزش طراحی قالب وب سایت در فتوشاپ , آموزش صفر تا 100 طراحی قالب سایت در فتوشاپ , دانلود آموزش صفر تا ۱۰۰ طراحی قالب سایت در فتوشاپ , طراحی قالب سایت وردپرسی , آموزش طراحی قالب سایت وردپرس , آموزش طراحی قالب سایت برای وردپرس , قالب طراحی سایت برای وردپرس , طراحی سایت با قالب وردپرس به کمک اینترنت , آموزش طراحی قالب سایت با بوت استرپ , آموزش ساخت قالب سایت با بوت استرپ , آموزش طراحی قالب سایت رایگان , ساخت قالب سایت رایگان , دانلود قالب سایت طراحی رایگان , ساخت قالب سایت آنلاین , طراح قالب وبلاگ , طراحی قالب وبلاگ , طراحی قالب وبلاگ بلاگفا , طراحی قالب وبلاگ رایگان , طراحی قالب وبلاگ آنلاین , طراحی قالب وبلاگ بیان , طراحی قالب وبلاگ حرفه ای , طراحی قالب وبلاگ میهن بلاگ , آموزش طراحی قالب وبلاگ , سفارش طراحی قالب وبلاگ , طراحی قالب وبلاگ با فتوشاپ , طراحان قالب وبلاگ , ساخت قالب وبلاگ , ساخت قالب وبلاگ بلاگفا , نرم افزار طراحی قالب وبلاگ بلاگفا , ساخت انلاین قالب وبلاگ بلاگفا , ساخت قالب وبلاگ برای بلاگفا , آموزش طراحی قالب وبلاگ بلاگفا , آموزش طراحی قالب وبلاگ در بلاگفا , ساخت قالب وبلاگ آنلاین , ساخت قالب وبلاگ آنلاین حرفه ای , طراحی قالب بلاگ بیان , ساخت قالب بلاگ بیان , طراح قالب بلاگ بیان , طراحی قالب برای بلاگ بیان , ساخت قالب وبلاگ حرفه ای , نرم افزار ساخت قالب وبلاگ حرفه ای , ساخت قالب وبلاگ حرفه ای آنلاین , ساخت قالب وبلاگ حرفه ای رایگان , ساخت قالب وبلاگ برای میهن بلاگ , ساخت قالب وبلاگ میهن بلاگ , آموزش ساخت قالب وبلاگ میهن بلاگ , آموزش طراحی قالب وبلاگ با فتوشاپ , آموزش ساخت قالب وبلاگ , آموزش ساخت قالب وبلاگ با Html , آموزش ساخت قالب وبلاگ بلاگفا , آموزش ساخت قالب وبلاگ با فتوشاپ , آموزش ساخت قالب وبلاگ رزبلاگ , سفارش ساخت قالب وبلاگ , طراحی پوسته سایت , فرانت سایت , سایت فرانت علامرودشت , وب سایت فرانت , وب سایت فرانت علامرودشت , وب سایت فرانش , ساخت قالب سیلیکونی , ساخت قالب سیلیکونی رزین , ساخت قالب سیلیکونی ژله , ساخت قالب سیلیکونی برای رزین , ساخت قالب سیلیکونی شمع , ساخت قالب سیلیکونی شکلات , ساخت قالب سیلیکونی با چسب آکواریوم , ساخت قالب سیلیکونی برای گچبری , ساخت قالب سیلیکونی با مایع ظرفشویی , ساخت قالب سیلیکونی گلدان , ساخت قالب , ساخت قالب گچی , ساخت قالب تزریق پلاستیک , ساخت قالب شمع در خانه , ساخت قالب پلاستیکی در منزل , ساخت قالب تزریق پلاستیک ارزان , ساخت قالب گچی سفال , ساخت قالب گچی کاروفناوری نهم , ساخت قالب گچی ریخته گری , ساخت قالب گچی دست , ساخت قالب گچی از صورت , ساخت قالب گچی مجسمه , ساخت قالب گچی ساده , طرز ساخت قالب گچی , نحوه ساخت قالب گچی , آموزش ساخت قالب سیلیکونی برای رزین , ساخت قالب تزریق پلاستیک در چین , ساخت قالب تزریق پلاستیک مشهد , ساخت قالب تزریق پلاستیک شیراز , ساخت قالب تزریق پلاستیک در اصفهان , ساخت قالب تزریق پلاستیک اصفهان , ساخت قالب تزریق پلاستیک تهران , ساخت قالب تزریق پلاستیک در مشهد , ساخت قالب تزریق پلاستیک قیمت , ساخت قالب شمع در منزل , ساخت شمع در خانه با قالب , ساخت قالب سیلیکونی برای رزین اپوکسی , طریقه ساخت قالب سیلیکونی رزین , ساخت قالب پلاستیکی در خانه , قالب بلاگفا , قالب بلاگفا عاشقانه , قالب بلاگفا ساده , قالب بلاگفا پیچک , قالب بلاگفا مذهبی , قالب بلاگفا دخترانه , قالب بلاگفا فانتزی , قالب بلاگفا غمگین , قالب بلاگفا سه ستونه , قالب بلاگفا مشکی , قالب بلاگفا عاشقانه غمگین , قالب بلاگفا عاشقانه جدید , قالب عاشقانه بلاگفا پیچک , قالب وبلاگ بلاگفا عاشقانه , قالب های وبلاگ بلاگفا عاشقانه , کد قالب وبلاگ بلاگفا عاشقانه , قالب وبلاگ مشکی عاشقانه بلاگفا , قالب وبلاگ بلاگفا عاشقانه پسرانه , قالب بلاگفا ساده عاشقانه , قالب بلاگفا ساده و شیک , قالب وبلاگ بلاگفا ساده , قالب های بلاگفا ساده , قالب سه ستونه ساده بلاگفا , قالب بلاگفا مشکی ساده , قالب بلاگفا دو ستونه ساده , قالب سفید ساده بلاگفا , قالب های بلاگفا پیچک , کد قالب بلاگفا پیچک , قالب وبلاگ عاشقانه بلاگفا پیچک , قالب وبلاگ برای بلاگفا پیچک , قالب وبلاگ خاطرات بلاگفا پیچک , قالب وبلاگ بلاگفا از پیچک , قالب وبلاگ بلاگفا مذهبی , قالب های بلاگفا مذهبی , کد قالب وبلاگ بلاگفا مذهبی , قالب مذهبی بلاگفا مسجد , قالب مذهبی بلاگفا امام زمان , قالب مذهبی بلاگفا امام رضا , قالب بلاگفا طرح مذهبی , قالب های وبلاگ بلاگفا مذهبی , قالب بلاگفا حرفه ای مذهبی , قالب بلاگفا دخترانه فانتزی , قالب بلاگفا دخترانه شیک , قالب بلاگفا دخترانه عاشقانه , قالب وبلاگ بلاگفا دخترانه , قالب وبلاگ بلاگفا دخترانه جدید , قالب وبلاگ بلاگفا دخترانه صورتی , قالب دخترانه بلاگفا رایگان , قالب وبلاگ بلاگفا دخترانه فانتزی , کد قالب بلاگفا دخترانه , قالب وبلاگ بلاگفا فانتزی , قالب های فانتزی بلاگفا , قالب برای بلاگفا فانتزی , قالب وبلاگ بلاگفا فانتزی کودکانه , قالب بلاگفا کودکانه فانتزی , کد قالب فانتزی بلاگفا , قالب دخترونه فانتزی بلاگفا , قالب سه ستونه فانتزی بلاگفا , قالب دخترونه غمگین بلاگفا , قالب بلاگفا مشکی غمگین , قالب وبلاگ بلاگفا غمگین , قالب وبلاگ بلاگفا غمگین پسرانه , قالب بلاگفا دخترانه غمگین , کد قالب وبلاگ بلاگفا غمگین , قالب بلاگفا سه ستونه حرفه ای , قالب بلاگفا سه ستونه اداری , قالب وبلاگ بلاگفا سه ستونه , قالب وبلاگ بلاگفا سه ستونه کتاب , قالب سه ستونه اسلایدشو بلاگفا , قالب سه ستونه برای وبلاگ بلاگفا , قالب وبلاگ بلاگفا سه ستونه حرفه ای , قالب وبلاگ بلاگفا سه ستونه ساده , قالب بلاگفا مشکی عاشقانه , قالب وبلاگ بلاگفا مشکی عاشقانه , قالب وبلاگ بلاگفا مشکی , کد قالب بلاگفا مشکی , قالب رزبلاگ , قالب رزبلاگ حرفه ای , قالب رزبلاگ رایگان , قالب رزبلاگ حرفه ای رایگان , قالب رزبلاگ جدید , قالب رزبلاگ خبری , قالب رزبلاگ فروشگاه , قالب رزبلاگ ساده , قالب رزبلاگ دو ستونه , قالب رزبلاگ فیلم , قالب وبلاگ حرفه ای , قالب وبلاگ حرفه ای رایگان , قالب وبلاگ حرفه ای شرکتی , قالب وبلاگ حرفه ای بلاگفا , قالب وبلاگ حرفه ای رایگان بلاگفا , قالب وبلاگ حرفه ای وردپرس , قالب وبلاگ حرفه ای مذهبی , قالب وبلاگ حرفه ای ساده , قالب فروشگاهی رایگان رزبلاگ , قالب مذهبی رزبلاگ رایگان , دانلود قالب رایگان رزبلاگ , قالب وبلاگ موزیک حرفه ای رایگان , قالب وبلاگ حرفه ای شرکتی رایگان , قالب وبلاگ سه ستونه حرفه ای رایگان , دانلود رایگان قالب حرفه ای رزبلاگ , قالب رزبلاگ جدید عاشقانه , قالب وبلاگ رزبلاگ جدید , قالب های جدید رزبلاگ , قالب خبری رزبلاگ واکنش گرا , قالب وبلاگ خبری رزبلاگ , قالب خبر رزبلاگ , قالب های خبری رزبلاگ , قالب مجله خبری رزبلاگ , قالب فروشگاهی رزبلاگ , دانلود قالب فروشگاهی رزبلاگ , کد قالب فروشگاه رزبلاگ , قالب های ساده رزبلاگ , قالب وبلاگ دو ستونه وردپرس , قالب وبلاگ دو ستونه پسرانه , قالب وبلاگ دو ستونه , قالب وبلاگ سه ستونه , قالب وبلاگ سه ستونه ساده , قالب وبلاگ سه ستونه طبیعت , قالب وبلاگ سه ستونه بلاگفا , قالب وبلاگ سه ستونه برای بلاگفا , قالب وبلاگ دو ستونه ساده , قالب دانلود فیلم رزبلاگ , قالب ایران فیلم رزبلاگ , قالب سایت ایران فیلم رزبلاگ
, استخدام طراح قالب , استخدام طراح قالب پلاستیک , استخدام طراح قالب تزریق پلاستیک , استخدام طراح قالب وردپرس , استخدام طراح قالبهای صنعتی خانم , استخدام طراح قالب سایت , استخدام طراح قالب فلزی , استخدام طراح قالب سایت در تهران , استخدام طراح قالب سازی , استخدام طراح قالب وب سایت