توسعه دهنده وب با Bootstrap

توسعه دهنده وب با Bootstrap يکي ازشايستگي های حوزه فناوری اطلاعاات ميباشاد کاه شاامل، نصا و راه اندازی bootstrap 5 يا نسخه بالاتر، طراحيlayout يا چیدمان صفحه وب با اساتفاده …

اطلاعات پایه

نام رسمی معاونت پژوهش، برنامهريزي و سنجش مهارت
سازمان صادرکننده سازمان آموزش فني و حرفه ای کشور
دپارتمان دفتر پژوهش، طرح و برنامهريزي درسي
تاریخ تدوین 16/12/1400
کد ISCO 732120530000361
گروه شغلی فناوري اطلاعات
کد شناسایی صلاحیت ملی 1 6 3 0 0 0 0 3 5 0 2 1 2 3 7

کدهای آموزش شغلی ملی

کد کامل
شناسه صلاحیت 1
شناسه شغل
شناسه گروه
سطح مهارت

تعاریف

تعاریف و مفاهیم

در این بخش تعاریف و مفاهیم کلیدی مربوط به این استاندارد شغلی ارائه شده است.

استاندارد شغل :
مشخصات شايستگيها و توانمنديهاي مورد نياز براي عملكرد موورر در ميويك روار را نوينود در بازوي از مووارد اسوتاندارد ررهو اي نيو نتتو
ميشود. استاندارد آموزش :
نقش ي يادنيري براي رسيدن ب شايستگيهاي موجود در استاندارد شغل.
نام يك شغل :
ب مجموع اي از وظايف و توانمنديهاي خاص ر از يك شخص در سطح مورد نظر انتظار ميرود اطلاق ميشود.
شرح شغل :
بياني اي شامل مهمترين عناصر يك شغل از قبيل جايگاه يا عنوان شغل، رارها ارتباط شغل با مشاغل ديگور در يوك رووزه شوغلي، مسو و ي هوا، شرايك راري و استاندارد عملكرد مورد نياز شغل.
طول دوره آموزش :
رداقل زمان و جلسات مورد نياز براي رسيدن ب يك استاندارد آموزشي.
ويژگي كارآموز ورودي :
رداقل شايستگيها و تواناييهايي ر از يك رارآموز در هنگام ورود ب دوره آموزش انتظار ميرود.
كارورزي: رارورزي صرها در مشاغلي اس ر باد از آموزش نظري يا همگام با آن آموزش عملي ب صورت ميدود يا با مار صورت مينيرد و ضرورت دارد ر در آن مشاغل خاص مييك واقاي براي مدتي تاريف شده تجرب شود.(مانند آموزش يك شايستگي ر هرد در ميل آموزش ب صورت ت وريوك با استتاده از عكس ميآموزد و ضرورت دارد مدتي در يك مكان واقاي آموزش عملي ببيند و شامل بسياري از مشاغل نمينردد.) ارزشيابي :
هرآيند جمعآوري شواهد و قزاوت در مورد آنك يك شايستگي بدس آمده اس يا خير، ر شامل س بخش عملي، رتبي عملي و اخلاق ررهو اي خواهد بود.
صلاحيت حرفهاي مربيان :
رداقل توانمنديهاي آموزشي و رره اي ر از مربيان دوره آموزش استاندارد انتظار ميرود. شايستگي :
توانايي انجام رار در مييكها و شرايك نونانون ب طور مورر و رارا برابر استاندارد.
دانش :
رداقل مجموع اي از مالومات نظري و توانمنديهاي ذهني لازم براي رسيدن ب يك شايستگي يا توانايي ر ميتوانود شوامل علووم هاي (رياضوي، هي يك، شيمي، زيس شناسي)، تكنو وژي و زبان هني باشد.
مهارت :
رداقل هماهنگي بين ذهن و جسم براي رسيدن ب يك توانمندي يا شايستگي. مامولاً ب مهارتهاي عملي ارجاع ميشود.
نگرش :
مجموع اي از رهتارهاي عاطتي ر براي شايستگي در يك رار مورد نياز اس و شامل مهارتهاي غير هني و اخلاق رره اي ميباشد.
ايمني :
مواردي اس ر عدم يا انجام ندادن صييح آن موجب بروز روادث و خطرات در مييك رار ميشود. توجهات زيست محيطي : ملارظاتي اس ر در هر شغل بايد رعاي و عمل شود ر رمترين آسيب ب مييك زيس وارد نردد.

خلاصه استاندارد صلاحیت

توسعه دهنده وب با Bootstrap

توسعه دهنده وب با Bootstrap يکي ازشايستگي های حوزه فناوری اطلاعاات ميباشاد کاه شاامل، نصا و راه اندازی bootstrap 5 يا نسخه بالاتر، طراحيlayout يا چیدمان صفحه وب با اساتفاده از grid ،column و gutter)،پیاده سازی و جانمايي محتوای content ) صفحه وب، طراحي Form در باوت اساتر ، باه کاارگیری Utilities در بوت استر، پیااده ساازی Display , Float , Flex Box وPosition در باوت اساتر ، باه کارگیری Navs & Tabs وModal در بوت استر، طراحي Pagination Progress Bar, وTooltip در بوت استر مي باشد.

حداقل تحصیلات ديپلم
توانایی‌های جسمی و ذهنی داشتن سلامت كامل جسمي و ذهني
مهارت‌های پیش‌نیاز
  • ندارد
ساعات آموزش کل 120 ساعت
ساعات نظری 38 ساعت
ساعات عملی 82 ساعت
درصد کتبی 25%
درصد عملی 65%
درصد اخلاق حرفه‌ای 10%

صلاحیت‌های مربی:

کارشناسي کامپیوتر با حداقل 3 سال سابقه کار مرتبط

استانداردهای مرتبط

  • مهندس طراح و توسعه دهنده عمومي وب
  • برنامه نويس زبان Html براي طراحي صفحاتWeb
  • توسعه دهنده وب باPHP

موقعیت شغلی و دشواری

دسته‌بندی شغل جزو مشاغل عادي و كم آسیب
نیاز به استعلام وزارت بله

وظایف

1 - نص و راه اندازی bootstrap 5 يا نسخه بالاتر

ساعات کل 10 ساعت
ساعات نظری 4 ساعت
ساعات عملی 6 ساعت

دانش:

  • اصول اولیهطراحي سايت
  • بخشهای مختلف سايت با استفاده از تگ های Html
  • نحوهقالبندی تگهای Html با استفاده از Style sheetها

مهارت‌ها:

  • بررسي امکانات قابل دسترسي وبسايت بوت استر
  • نص و راه اندازی bootstrap 5 يا نسخه بالاتر
  • بکارگیری بوت استر راستچین شده جهت طراحاي ساايت و چیدمان عناصر بصورت راستچین

نگرش:

  • کارگروهي
  • اخلاق حرفهای
  • اصول و متون مذاکره

ایمنی و بهداشت:

  • رعايت ارگونومي در هنگام کار با رايانه

ملاحظات زیست‌محیطی:

  • جداسازی قطعات معیوب وخراب کامپیوتر از زباله های شهری
  • مديريت و ارتقاء بهره وری انرژی

تجهیزات، ابزار و مواد مصرفی:

  • رايانه
  • پروژکتور
  • پرده پروژکتور
  • خودکار
  • Flash memory
  • میز رايانه
  • صندلي گردان
  • وايت بورد
  • ماژيک وايت برد
  • کاغذ A4
  • اينترنت
  • DVD
  • کابل سیار پنج راهه
  • لوازم تحرير
  • DVD سیستم عامل
  • نرم افزار آنتي ويروس
  • DVD کمکآموزشي

مواد آموزشی:

  • Bootstrap

2 - طراحيlayout يا چیدمان صفحه وب با استفاده از grid ،column و gutter)

ساعات کل 20 ساعت
ساعات نظری 4 ساعت
ساعات عملی 16 ساعت

دانش:

  • مفاهیم اولیه breakpointها
  • مفاهیم اولیه Container
  • مفاهیم اصولي Grid
  • مفاهیم اصولي column, gutter

مهارت‌ها:

  • استفاده و بکارگیری Container ها در بوت استر
  • استفاده و بکارگیری نقاط شکست breakpoints) در بوت استر جهت رسپانسیو کردن صفحات
  • طراحي و چیدمان عناصر باا اساتفاده ازColumns در باوت استر
  • کار با Gutters دربوت استر جهات ايجااد ياک فضاای خالي بین عناصر
  • کار با Grid جهتطراحي سايت و چیدمان عناصار تگهاای Html)

نگرش:

  • کارگروهي
  • اخلاق حرفهای
  • اصول و متون مذاکره

ایمنی و بهداشت:

  • رعايت ارگونومي در هنگام کار با رايانه

ملاحظات زیست‌محیطی:

  • جداسازی قطعات معیوب وخراب کامپیوتر از زباله های شهری
  • مديريت و ارتقاء بهره وری انرژی

تجهیزات، ابزار و مواد مصرفی:

  • رايانه
  • پروژکتور
  • پرده پروژکتور
  • خودکار
  • Flash memory
  • میز رايانه
  • صندلي گردان
  • وايت بورد
  • ماژيک وايت برد
  • کاغذ A4
  • اينترنت
  • DVD
  • کابل سیار پنج راهه
  • لوازم تحرير
  • DVD سیستم عامل
  • نرم افزار آنتي ويروس
  • DVD کمکآموزشي

مواد آموزشی:

  • Bootstrap

3 - پیاده سازی و جانمايي محتوای content ) صفحه وب

ساعات کل 15 ساعت
ساعات نظری 5 ساعت
ساعات عملی 10 ساعت

دانش:

  • تگهای مرتبط با متن و پاراگراف
  • جدول و عناصر مرتبط
  • تصاوير و اشکال مختلف
  • رنگها و نحوه بکارگیری آن

مهارت‌ها:

  • بکارگیری و استفاده از Typography در بوت استر
  • بکارگیری و استفاده از Table در بوت استر
  • بکارگیری و استفاده از Images در بوت استر
  • بکارگیری و استفاده از Colors در بوت استر

نگرش:

  • کارگروهي
  • اخلاق حرفهای
  • اصول و متون مذاکره

ایمنی و بهداشت:

  • رعايت ارگونومي در هنگام کار با رايانه

ملاحظات زیست‌محیطی:

  • جداسازی قطعات معیوب وخراب کامپیوتر از زباله های شهری
  • مديريت و ارتقاء بهره وری انرژی

تجهیزات، ابزار و مواد مصرفی:

  • رايانه
  • پروژکتور
  • پرده پروژکتور
  • خودکار
  • Flash memory
  • میز رايانه
  • صندلي گردان
  • وايت بورد
  • ماژيک وايت برد
  • کاغذ A4
  • اينترنت
  • DVD
  • کابل سیار پنج راهه
  • لوازم تحرير
  • DVD سیستم عامل
  • نرم افزار آنتي ويروس
  • DVD کمکآموزشي

مواد آموزشی:

  • Bootstrap

4 - طراحي Form در بوت استر

ساعات کل 15 ساعت
ساعات نظری 5 ساعت
ساعات عملی 10 ساعت

دانش:

  • مفاهیم اولیه فرم و کنترل فرم
  • انواع Input در فرم
  • مفهوم اعتبارسنجي فرم
  • نحوه قال بندی فرم

مهارت‌ها:

  • طراحي Form و چیدمان layout) آندر بوت استر
  • کااار بااا Select , Range , Dropdown درفاارم بااا استفاده از بوت استر
  • کااار بااا Check Box , Radio وButton در فاارم بااا استفاده از بوت استر
  • استفاده از Input Group و فارم validationدر باوت استر

نگرش:

  • کارگروهي
  • اخلاق حرفهای
  • اصول و متون مذاکره

ایمنی و بهداشت:

  • رعايت ارگونومي در هنگام کار با رايانه

ملاحظات زیست‌محیطی:

  • جداسازی قطعات معیوب وخراب کامپیوتر از زباله های شهری
  • مديريت و ارتقاء بهره وری انرژی

تجهیزات، ابزار و مواد مصرفی:

  • رايانه
  • پروژکتور
  • پرده پروژکتور
  • خودکار
  • Flash memory
  • میز رايانه
  • صندلي گردان
  • وايت بورد
  • ماژيک وايت برد
  • کاغذ A4
  • اينترنت
  • DVD
  • کابل سیار پنج راهه
  • لوازم تحرير
  • DVD سیستم عامل
  • نرم افزار آنتي ويروس
  • DVD کمکآموزشي

مواد آموزشی:

  • Bootstrap

5 - به کارگیری Utilities در بوت استر

ساعات کل 15 ساعت
ساعات نظری 5 ساعت
ساعات عملی 10 ساعت

دانش:

  • فاصلهگذاری، رنگ و پس زمینه در Html
  • نحوه ويژگي هاای border display, Shadow, بارای عناصر Html
  • مفهوم Font Awesome

مهارت‌ها:

  • استفاده و بکاارگیری color and background بارای عناصر Html در بوت استر
  • اعمال کردن border, display, Shadow به عناصار Html در بوت استر
  • اسااااتفاده و بکااااارگیری spacing،interaction و overflow در بوت استر
  • استفاده از Alert Text,در بوت استر
  • دانلود Font Awesome،کار باا فونات آيکاون و اضاافه کردن آن به پروژه

نگرش:

  • کارگروهي
  • اخلاق حرفهای
  • اصول و متون مذاکره

ایمنی و بهداشت:

  • رعايت ارگونومي در هنگام کار با رايانه

ملاحظات زیست‌محیطی:

  • مديريت و ارتقاء بهره وری انرژی

تجهیزات، ابزار و مواد مصرفی:

  • رايانه
  • پروژکتور
  • پرده پروژکتور
  • خودکار
  • Flash memory
  • میز رايانه
  • صندلي گردان
  • وايت بورد
  • ماژيک وايت برد
  • کاغذ A4
  • اينترنت
  • DVD
  • کابل سیار پنج راهه
  • لوازم تحرير
  • DVD سیستم عامل
  • نرم افزار آنتي ويروس
  • DVD کمکآموزشي

مواد آموزشی:

  • Bootstrap

6 - پیاده سازی Display , Float , Flex Box و Position دربوت استر

ساعات کل 20 ساعت
ساعات نظری 5 ساعت
ساعات عملی 15 ساعت

دانش:

  • نحوهچیدمان عناصر Html درون صفحه وب با استفاده از Position، Flex Box
  • نحوهچیدمان عناصر Html درون صفحه وب با استفاده از Float , Display

مهارت‌ها:

  • طراحي به کارگیری Display وFloat در بوت استر
  • طراحي و به کارگیری Flex Box وPosition در بوت استر
  • طراحي و به کارگیری Vertical Align وSizing در بوت استر

نگرش:

  • کارگروهي
  • اخلاق حرفهای
  • اصول و متون مذاکره

ایمنی و بهداشت:

  • رعايت ارگونومي در هنگام کار با رايانه

ملاحظات زیست‌محیطی:

  • جداسازی قطعات معیوب وخراب کامپیوتر از زباله های شهری
  • مديريت و ارتقاء بهره وری انرژی

تجهیزات، ابزار و مواد مصرفی:

  • رايانه
  • پروژکتور
  • پرده پروژکتور
  • خودکار
  • Flash memory
  • میز رايانه
  • صندلي گردان
  • وايت بورد
  • ماژيک وايت برد
  • کاغذ A4
  • اينترنت
  • DVD
  • کابل سیار پنج راهه
  • لوازم تحرير
  • DVD سیستم عامل
  • نرم افزار آنتي ويروس
  • DVD کمکآموزشي

مواد آموزشی:

  • Bootstrap

7 - به کارگیری Navs & Tabs وModal در بوت استر

ساعات کل 13 ساعت
ساعات نظری 5 ساعت
ساعات عملی 8 ساعت

دانش:

  • تگ های ul, li, a در Html جهت طراحي منو
  • نحوه Css تغییر آن همراه با رويدادهای ماوس
  • نحوه نمايش و چیدمان المانها داخل صفحه وب به کمک Css

مهارت‌ها:

  • طراحي و پیادهسازی Nav Bar در بوت استر
  • طراحي و پیادهسازی Tabs در بوت استر
  • طراحي و پیادهسازی Modal در بوت استر
  • طراحي و پیادهسازی Card در بوت استر

نگرش:

  • کارگروهي
  • اخلاق حرفهای
  • اصول و متون مذاکره

ایمنی و بهداشت:

  • رعايت ارگونومي در هنگام کار با رايانه

ملاحظات زیست‌محیطی:

  • مديريت و ارتقاء بهره وری انرژی
  • جداسازی قطعات معیوب وخراب کامپیوتر از زباله های شهری

تجهیزات، ابزار و مواد مصرفی:

  • رايانه
  • پروژکتور
  • پرده پروژکتور
  • خودکار
  • Flash memory
  • میز رايانه
  • صندلي گردان
  • وايت بورد
  • ماژيک وايت برد
  • کاغذ A4
  • اينترنت
  • DVD
  • کابل سیار پنج راهه
  • لوازم تحرير
  • DVD سیستم عامل
  • نرم افزار آنتي ويروس
  • DVD کمکآموزشي

مواد آموزشی:

  • Bootstrap

8 - طراحي Pagination Progress Bar, وTooltip در بوت استر

ساعات کل 12 ساعت
ساعات نظری 5 ساعت
ساعات عملی 7 ساعت

دانش:

  • نوار پیشرفت در زماننمايش سايت
  • نحوه صفحه بندی جهت نمايش محتوای سايت
  • درک مفهوم Tooltip برایبخشهايي از سايت

مهارت‌ها:

  • به کارگیری و استفاده از Pagination در بوت استر
  • به کارگیری و استفاده از Progress Bar در بوت استر
  • به کارگیری و استفاده از Spinner وTooltip در بوت استر

نگرش:

  • کارگروهي
  • اخلاق حرفهای
  • اصول و متون مذاکره

ایمنی و بهداشت:

  • رعايت ارگونومي در هنگام کار با رايانه

ملاحظات زیست‌محیطی:

  • مديريت و ارتقاء بهره وری انرژی
  • جداسازی قطعات معیوب وخراب کامپیوتر از زباله های شهری

تجهیزات، ابزار و مواد مصرفی:

  • رايانه
  • پروژکتور
  • پرده پروژکتور
  • خودکار
  • Flash memory
  • میز رايانه
  • صندلي گردان
  • وايت بورد
  • ماژيک وايت برد
  • کاغذ A4
  • اينترنت
  • DVD
  • کابل سیار پنج راهه
  • لوازم تحرير
  • DVD سیستم عامل
  • نرم افزار آنتي ويروس
  • DVD کمکآموزشي

مواد آموزشی:

  • Bootstrap

استاندارد تجهیزات

نکته: تجهیزات و ابزارهای مورد نیاز برای انجام این استاندارد شغلی در جدول زیر ارائه شده است.

نام مشخصات فنی تعداد
رايانه Cpu: Intel Core i5 Ram: DDR3 8GB يامدلهای بالاتر 8 عدد
میکروفون استاندارد 8 عدد
اسپیکر استاندارد 8 عدد
ويديو پروژکتور استاندارد 1 عدد
پردهی ويديو پروژکتور استاندارد 1 عدد
میز دو نفرهی آموزشي 7 عدد
میز معمولي 1 عدد
صندلي گردان 15 عدد
تجهیزات اتصال به اينترنت خط تلفن – مودم 1 عدد
تجهیزات شبکه کابل شبکه cat6 يا cat5 – کارت شبکه D-Linke با سرعت100M/s 1 عدد
تخته وايت برد در ابعاد حداقل 1 متر در 1 متر 1 عدد

استاندارد ابزار

نکته: ابزارهای مورد نیاز برای انجام این استاندارد شغلی در جدول زیر ارائه شده است.

نام مشخصات فنی تعداد
حافظهی فلش با حداقل ظرفیت 1 گیگابايت 1 عدد
نرم افزار سیستم عامل ويندوز نسخههای ويندوز 7 به روز يا بالاتر 1 عدد
نرم افزار مرورگر کروم جديدترين نسخه 1 عدد

دوره‌های مرتبط

گالری

تصویری برای گالری ثبت نشده است.