پکیج آموزشی فرانت اند

2,500,000 تومان

  • نوع دوره: غیرحضوری
  • پیش نیاز دوره: ویندوز و اینترنت مقدماتی
  • سطح دوره: مبتدی تا حرفه ای
  • تعداد جلسات: 25 جلسه
  • یادگیری کاملا عملی و پروژه محور
  • ارائه توسط اساتید با تجربه سازمان آموزش فنی و حرفه ای کشور

توضیحات

برنامه نویسی فرانت اند یکی از شاخه های بسیار مهم در طراحی سایت است. با این تخصص صفر تا صد ظاهر وب سایت شما شکل می گیرد. هرچه مهارت و تجربه  شما در این کار بیشتر باشد توانایی طراحی وب سایت های جذاب تر و زیباتری را خواهید داشت. به همین دلیل است که هر ساله تقاضا برای جذب نیروی متخصص فرانت اند رو به افزایش است. مبحث Front-End یا طراحی ظاهر وب سایت، به تنهایی آمیخته از چندین زبان برنامه نویسی مختلف است که هر کدام دوره آموزشی خاص خود را می طلبند.

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

  • Html
  • Css
  • Bootstrap
  • Java Script
  • JQuery
  • نرم افزارهای گرافیکی (فتوشاپ)

HTML

اصلی‌ترین بخش در طراحی صفحات وب را می‌توان HTML در نظر گرفت، بطوریکه اگر از HTML آگاهی نداشته باشید، عملا در طراحی وب با مشکل روبرو خواهید شد؛ زیرا این زبان نشانه گذاری نقشه‌ اصلی سایت محسوب شده و قدم اول در طراحی سایت به شمار می‌رود. Hyper Text Markup Language یا همان HTML کدی است که مرورگر آن را به رسمیت می‌شناسد، یعنی تمام کدهای سرور در نهایت باید به این کد تبدیل شوند.

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

CSS

Cascading Style Sheet مخفف CSS است که مانند HTML یکی از مهم ترین ابزارها برای طراحی سایت به شمار می‌رود. محتواهای نوشته شده با زبان HTML از طریق CSS جداسازی شده و رنگ، سایز، صفحه بندی و نوع فونت آن برای بهره بردن از سرعت بیشتر ویرایش می‌شود. پس به طور کلی می‌توان گفت دکوراسیون سایت بر عهده‌ این  CSS است.

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

Bootstrap

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

Java Script

جاوا اسکریپت یک زبان برنامه نویسی است که به وسیله آن می توان امکانات و ویژگی های پیچیده تری را به صفحات وب اضافه کرد. به عنوان مثال انیمیشن های دو بعدی و سه بعدی و محتوای زمان بندی شده (مانند اسلایدر تصاویر موجود در وب سایت ها که به طور اتوماتیک هر چند ثانیه یک بار تصویر آن عوض می شود).

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

این زبان برنامه نویسی در سمت کاربر پردازش می‌شود. برنامه نویس فرانت اند به کمک Javascript می‌تواند به پویانمایی صفحاتی که با HTML و CSS طراحی کرده است بپردازد.

JQuery

یکی از فریم ورک هایی که می‌توان برای جاوا اسکریپت در نظر گرفت، جی کوئری (JQuery) است؛ در واقع می‌توان گفت جی کوئری به طراح وب کمک می‌کند تا طراحی سایت با جاوا اسکریپت را به راحتی انجام دهد.

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

از دیگر مزیت های آن می‌توان به ساده سازی بسیاری از دستورات جاوا اسکریپت اشاره کرد. شما با استفاده از کتابخانه JQuery توانایی انجام امور گوناگونی را خواهید داشت که این امور شامل مواردی چون ایجاد افکت‌های مختلف و انیمیشن، تغییر و دست‌کاری در CSS، تغییر و دست‌کاری در DOM و AJAX و … است.

نقد و بررسی‌ها

هیچ دیدگاهی برای این محصول نوشته نشده است.

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

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

فهرست