×

注意!页面内容来自https://www.pluralsight.com/professional-services/data-machine-learning/foundations-of-agentic-ai,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<> body { &.nav-height--margin::before { @media screen and (min-width: 1248px) { content: ""; display: block; height: 13.1rem; } @media screen and (max-width: 1248px) { content: ""; display: block; height: 6.6rem; } } &.nav-height--margin--less::before { @media screen and (max-width: 1248px) { content: ""; display: block; height: 6.5rem; } } } .free-form-component.has-g3p-nav { top: 0; position: fixed; z-index: 1000; width: 100% !important; } .free-form-component .mobile-tab-position--fixed { top: 0; width: 100% !important; @media screen and (max-width: 1248px) and (min-width: 640px) { position: fixed; } } .free-form-component.has-g3p-nav__top__promo__scroll { position: fixed; top: 0; z-index: 1000; width: 100% !important; transition: top 0.3s easeposition 0.3s ease; } .g3p-main-nav-header { display: flex; padding: 10px 50px; justify-content: space-between; align-items: center; align-self: stretch; background: var(--Surface-Strong#fff); @media screen and (max-width: 1248px) { display: none !important; } .g3p-search-signin-wrapper { display: flex; align-items: center; .g3p-search-wrapper { display: flex; width: 598px; height: 40px; padding: 0px 20px; flex-direction: column; justify-content: space-between; align-items: center; .g3p-search-button { display: flex; padding: 10px 20px; align-items: center; gap: 10px; align-self: stretch; border-radius: 999px; background: #383461; .g3p-search-button-text { color: var(--Tertiary-Dark-text-medium#a5aacf); text-align: center; font-size: 14px; font-: normal; font-weight: 400; line-height: 20px; width: 100%; } } .g3p-search-button:focus-within { background: white; } } .g3p-signin-wrapper { display: flex; align-items: center; gap: 4px; cursor: pointer; .g3p-signin-button { display: flex; align-items: center; position: relative; cursor: pointer; .g3p-signin-text { color: var(--Links-Neutral#45424d); font-size: var(--size-text-sm14px); font-: normal; font-weight: 400; line-height: var(--line-height-text-sm22px); /* 157.143% */ letter-spacing: var(--letter-spacing-text0); a.menu-dropdown-skills { text-decoration: none; color: var(--Links-Neutral#45424d); &:hover { color: #130f25; } } } } .g3p-signin-button:hover, .g3p-signin-button:active { .g3p-signin-text { color: #130f25; } .g3p-signin-caret { svg path { fill: #130f25; } } } } .g3p-signin-wrapper:focus-visible { outline: none; border-radius: 4px; border: 2px solid var(--Links-Pink#e7005e); } } } #psMainLogo { line-height: 0; display: flex; width: 143px; height: 35px; padding: 0 2.513px 0 0.144px; justify-content: center; align-items: center; gap: 8px; } a#psMainLogo:focus-visible { outline: none; border-radius: 4px; border: 2px solid var(--Links-Pink#e7005e); } .nav-search { #header_searchForm, #mobile_header_searchForm { display: flex; align-items: center; position: relative; } .nav-search-result { @media screen and (max-width: 1024px) { padding: 0 16px; background: #fff; border-radius: 0 0 20px 20px; } .header_dropdown--lists { padding-left: 0px; margin: 0; list--type: none; li { margin: 0; padding: 0; font-size: 16px; font-weight: 500; display: flex; justify-content: center; align-items: center; a { display: flex; padding: var(--padding-88px) var(--padding-1212px); align-items: center; gap: 8px; flex: 1 0 0; text-decoration: none; color: var(--Tertiary-Light-text#45424d); font-size: 14px; font-: normal; font-weight: 500; line-height: 18px; transition: none; } } } .header_dropdown--lists > li:last-of-type > a.header_dropdown--resultInfoTitle { padding: var(--padding-88px) var(--padding-1212px) var(--padding-1616px) var(--padding-1212px); } } } .g3p-main-nav-header { .g3p-search-signin-wrapper { .nav-search { #header_tabs--search { .header_tabs_content--container.g3p_header_tabs_content--container { .header_nav--menu.header_nav_search { .header_search { input[type="text"] { color: var(--Text-Weak#555) !important; font-size: 14px !important; width: 100% !important; background: #fff !important; border: none !important; outline: none !important; margin-left: 10px !important; font-: normal !important; font-weight: 400 !important; line-height: 20px !important; -webkit-appearance: unset; box-shadow: none; display: unset; height: unset; margin: 0px; padding: 0; transition: unset; } input[type="text"]::placeholder { color: var(--Text-Weak#555) !important; } input[type="text"]:focus { background-color: white !important; color: #4e6583 !important; outline: none !important; } } } &:hover { background-color: #f7f5f4; .header_nav--menu.header_nav_search { .header_search { input[type="text"] { background-color: #f7f5f4 !important; } } } } } } } } } .g3p-nav-mobile--container.g3p-nav-mobile_view { #mobileMainModal { .nav-search { #mobile_header_tabs--search { .header_tabs_content--container.g3p_header_tabs_content--container { .header_nav--menu.header_nav_search { .header_search { input[type="text"] { width: 100% !important; background: #fff !important; border: none !important; outline: none !important; margin-left: 10px !important; color: var(--Tertiary-Dark-text-medium#555) !important; font-size: 14px !important; font-: normal !important; font-weight: 400 !important; line-height: 20px !important; -webkit-appearance: unset; box-shadow: none; display: unset; height: unset; margin: 0px; padding: 0; transition: unset; } input[type="text"]::placeholder { color: #555 !important; } input[type="text"]:focus { background-color: white !important; color: #4e6583 !important; outline: none !important; } } } } } } } } .header_nav--menu.header_nav_search { position: relative; } #header-search-results-all { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border: 1px solid #130f25; box-shadow: rgba(0000.08) 0px 12px 16px 0px; padding: 0 var(--margin-1616px); align-items: flex-start; align-self: stretch; display: block; background: var(--Button-Surface-Outlined#fff); border-top: 0px; position: absolute; z-index: 9999; top: 100%; right: 0%; width: 598px; display: none; } #mobile_header-search-results-all { position: absolute; z-index: 9999; top: 100%; right: 0%; width: 100%; display: none; border-radius: 0 0 20px 20px; outline: none; box-shadow: -1px 0 0 0 #130f251px 0 0 0 #130f250 1px 0 0 #130f25; border-top: 0; } #header_dropdown--resultList { border-top: 1px solid var(--Tertiary-Light-border#130f25); width: 100%; } .header_dropdown--resultInfo { display: flex; align-items: center; justify-content: space-between; } .header_dropdown--resultInfo { position: relative; } .header_dropdown--resultInfoTitle:hover { color: var(--CTAs-Text-Link-On-Light#130f25) !important; background: var(--Tertiary-Light-surface-weak#f7f5f4); border-radius: 8px; padding-right: 30px; /* Add space for the arrow */ background-image: url("/content/dam/ps-nav-assets/g3p-nav-updates/Arrow2.png"); background-repeat: no-repeat; background-position: right 2% center; /* Position the arrow to the right */ } .header_dropdown--resultInfoTitle:focus-within { outline: none; border-radius: 4px; outline: 2px solid var(--Links-Pink#e7005e); } .nav-search.section { @media screen and (min-width: 1248px) { position: relative; margin-right: 20px; } #header_tabs--search, #mobile_header_tabs--search { display: flex; width: 598px; flex-direction: column; align-items: center; .header_tabs_content--container.g3p_header_tabs_content--container { display: flex; padding: 10px 16px; align-items: center; gap: 10px; align-self: stretch; width: 598px; border-radius: 20px; border: 1px solid var(--Button-Stroke-Strong#130f25); .header_nav--menu.header_nav_search { width: 100%; } } .header_tabs_content--container.g3p_header_tabs_content--container:focus-within { background-color: white; color: white; } } } .g3p-nav-desktop_view { @media screen and (max-width: 1248px) { display: none !important; } } .g3p-main-nav--container { display: flex; padding: 0px 50px; justify-content: space-between; align-items: center; align-self: stretch; height: 71px; background: var(--Surface-Strong#fff); } .g3p-main-nav-left ul { display: flex; list--type: none; padding: 0; margin: 0; gap: 30px; } button.g3p-main-nav__btn.active { .g3p-main-nav__header { color: #130f25; } } button.g3p-main-nav__btn { background: transparent !important; display: flex !important; justify-content: center !important; align-items: center !important; border: none !important; padding: 0 !important; height: 71px !important; position: relative !important; box-shadow: none !important; color: var(--Tertiary-Dark-text-medium#a5aacf) !important; } button.g3p-main-nav__btn:focus-visible { padding-right: 3px !important; height: 40px !important; margin-top: 15px; outline: none; border-radius: 4px; outline: 2px solid var(--Links-Pink#e7005e); } button.g3p-main-nav__btn:hover { color: #130f25 !important; box-shadow: none !important; } button.g3p-main-nav__btn:hover .g3p-main-nav__chevron { border-color: #130f25 !important; } button.g3p-main-nav__btn.active::after { content: "" !important; position: absolute !important; display: block !important; width: 100% !important; height: 5px !important; background: #ff1675 !important; bottom: 0 !important; } button.g3p-main-nav__btn.active .g3p-main-nav__chevron { transform: rotate(-135deg) !important; margin-top: 3px !important; border-color: #130f25 !important; } .g3p-main-nav-right ul { display: flex; list--type: none; padding: 0; justify-content: center; margin: 0; gap: 20px; align-items: center; } .g3p-main-mav__list { display: flex; gap: 30px; } .g3p-main-nav__header { font-family: "PS TT Commons Regular"HelveticaRobotoArialsans-serif; color: var(--Links-Neutral-hover#45424d); font-size: var(--size-text-md16px); font-: normal; font-weight: 400; line-height: var(--line-height-text-md24px); /* 150% */ letter-spacing: var(--letter-spacing-text0); cursor: pointer; margin-right: 2px; transition: background-color 0.3s easeborder-color 0.3s ease; } .g3p-main-nav__header:hover { color: #130f25; } .g3p-main-nav__chevron { display: inline-block; width: 7px; height: 7px; margin-left: 8px; border-right: 2px solid #45424d; border-bottom: 2px solid #45424d; transform: rotate(45deg); transition: transform 0.3s ease; margin-top: -4px; } .g3p-main-bar--wrapper { height: 90px; max-width: 100%; padding-left: 50px; padding-right: 50px; margin: auto; } .g3p-nav-modal { display: none; position: absolute; background: white; border-radius: 0px 0px 16px 16px; background: var(--Tertiary-Light-surface#fff); z-index: 9999; padding: 32px; gap: 24px; align-items: flex-start; } .g3p-nav-modal ul { list--type: none; padding: 0; margin: 0; } .g3p-nav-modal.show { display: block; } .g3p-nav-modal--main_container { display: flex; gap: 24px; .g3p-nav-modal--main_wrapper { display: flex; flex-direction: column; align-items: flex-start; } .g3p-nav-modal--main_wrapper a:focus-visible { outline: none; border-radius: 4px; border: 2px solid var(--Links-Pink#e7005e); } } .g3p-modal-subheader--text { color: var(--Primary-Dark-Blue#130f25); font-size: 14px; font-weight: 600; line-height: 24px; } .g3p-modal-subheader--separator { width: 248px; height: 1px; background: #130f25; margin-bottom: 16px; } .g3p-modal-subheader--container { display: flex; justify-content: flex-start; align-items: center; gap: 10px; margin-bottom: 8px; } .g3p-modal-subheader--list { display: flex; flex-direction: column; width: 100%; li { width: 100%; } li a { display: flex; width: 100%; padding: var(--padding-88px) var(--padding-1212px); align-items: center; gap: var(--margin-88px); border-radius: 8px; background: var(--Button-Surface-Outlined#fff); } } .g3p-modal-subheader--item { color: var(--Links-Neutral#45424d); font-size: 14px; font-weight: 500; line-height: 18px; align-self: stretch; } span.g3p-modal-subheader--item span.cloud-guru { font-size: 12px; color: #555; font-weight: 500; line-height: 20px; } .g3p-modal-subheader--image { padding: 3px; gap: 10px; display: flex; width: 28px; height: 28px; flex-direction: column; justify-content: center; align-items: center; border-radius: 3px; svg { width: 18px; height: 18px; aspect-ratio: 1 / 1; } svg path { fill: #ff1675; } } /* Style for the modal background */ .g3p-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #130f25; opacity: 0.5; backdrop-filter: blur(2px); z-index: 99; display: none; } /* Show overlay when modal is active */ .g3p-modal-overlay.active { display: block; } .g3p-modal-subheader--arrow { background-repeat: no-repeat; background-size: contain; display: block; position: absolute; right: 20px; top: 50%; transition: 0.3s all; opacity: 0; transform: translateY(-50%); } .g3p-nav-modal a { display: flex !important; width: 248px; flex-direction: column; align-items: flex-start; gap: var(--margin-88px); position: relative !important; align-self: stretch !important; text-decoration: none !important; } .g3p-nav-modal a:hover { border-radius: 8px; background: var(--Button-Surface-Outlined-hover#f7f5f4); .g3p-modal-subheader--item { color: #130f25 !important; } } .g3p-nav-modal a:hover .g3p-modal-subheader--arrow { opacity: 1 !important; right: 10px !important; } .g3p-margin_20 { margin: 20px 0; } .g3p-sidp-btn--container { display: flex; padding: 8px; align-items: center; gap: 12px; align-self: stretch; } .g3p-sidp-btn--logo { width: 28px; height: 28px; } .g3p-sidp-btn--text { // font-family: "PS Commons"; font-size: 14px; margin-left: 10px; max-width: 135px; font-weight: 500; line-height: 18px; } .course--padding { padding: 4px 12px !important; } .g3p-nav-course--sub_container { display: flex; flex-direction: column; gap: 24px; } .g3p-nav-course--sub_container a:focus-visible { outline: none; border-radius: 4px; border: 2px solid var(--Links-Pink#e7005e); } .g3p-nav-modal--left_updated { left: 50% !important; transform: translateX(-50%); @media screen and (min-width: 2036px) { left: 35% !important; } } .g3p-separator--extra_width { width: 356px; } .g3p-nav--anchor_btn { gap: 7px !important; flex-direction: row !important; color: var(--Links-Pink#e7005e) !important; font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important; padding: 12px 0 0 0 !important; margin-top: 16px !important; max-width: max-content !important; @media screen and (min-width: 1440px) { padding: 0 !important; margin-top: 24px !important; } } a.g3p-nav--anchor_btn:hover { cursor: pointer !important; background: transparent !important; color: #b7094a !important; .g3p-nav-resource--right_cta-image svg path { fill: #b7094a !important; } .g3p-nav-resource--right_cta-image svg { transform: translateX(3px); transition: transform 0.3s ease; } } a.g3p-nav--anchor_btn:focus-visible { outline: none; border-radius: 4px; border: 2px solid var(--Links-Pink#e7005e); } .g3p-nav-resource--container { display: flex; } .g3p-nav-resource--left { padding: 32px 0 32px 32px; } .g3p-nav-resource--right { border-bottom-right-radius: 16px; display: flex; padding: var(--padding-3232px) var(--margin-3232px); align-items: flex-start; gap: 56px; align-self: stretch; background: #fff; flex-direction: column; flex-shrink: 0; .g3p-nav-resource--right-contents { display: flex; width: 321px; flex-direction: column; align-items: flex-start; gap: var(--margin-88px); } } .g3p-nav-modal.show.g3p-no-padding { padding: 0; transform: translateX(-50%); left: 51% !important; display: grid; grid-template-columns: unset; grid-template-rows: 1fr; grid-template-areas: unset; @media screen and (min-width: 2236px) { left: 33% !important; } } .g3p-nav-resource--right_header { color: var(--Primary-Dark-Blue#130f25); font-size: var(--size-text-sm14px); font-: normal; font-weight: 600; line-height: var(--line-height-text-md28px); /* 171.429% */ letter-spacing: var(--letter-spacing-text0); } .g3p-nav-resource--right_separator { height: 1px; background: var(--Button-Stroke-Strong#130f25); width: 100%; margin-bottom: 16px; } a.g3p-nav-resource--right_img { width: 100%; padding: 0 !important; } a.g3p-nav-resource--right_img:focus-visible { outline: none; border-radius: 8px; border: 2px solid var(--Links-Pink#e7005e); } .g3p-nav-resource--right_image { max-width: 100%; border-radius: 8px; } .g3p-nav-resource--right_title { color: var(--Primary-Dark-Blue#130f25); font-size: var(--size-text-sm14px); font-: normal; font-weight: 600; line-height: var(--line-height-text-md24px); margin-top: 10px; } .g3p-nav-resource--right p { margin-top: unset; color: var(--Tertiary-Light-text-medium#555); font-size: var(--size-text-sm14px); font-: normal; font-weight: 400; line-height: var(--line-height-text-sm22px); letter-spacing: var(--letter-spacing-text0); margin-bottom: 10px; } a.g3p-nav-resource--right_cta { color: var(--CTAs-Text-Link-On-Light#d60056) !important; flex-direction: row !important; font-size: 14px; font-weight: 600; line-height: 20px; gap: 7px !important; } a.g3p-nav-resource--right_cta:hover { cursor: pointer; background: transparent; color: #b7094a !important; .g3p-nav-resource--right_cta-image svg path { fill: #b7094a !important; } .g3p-nav-resource--right_cta-image svg { transform: translateX(3px); transition: transform 0.3s ease; } } a.g3p-nav-resource--right_cta:focus-visible { outline: none; border-radius: 4px; border: 2px solid var(--Links-Pink#e7005e); } .g3p-nav-resource--right_cta:hover::after { transform: rotate(-45deg) translate(3px3px); } .g3p-nav-get-started, .g3p-nav-contact-sales { padding: 10px 34px !important; border-radius: 999px !important; text-decoration: none !important; cursor: pointer !important; font-size: 14px; } .g3p-nav-contact-sales { display: flex; max-width: 366px; flex-direction: column; justify-content: center; align-items: center; padding: 4px 24px !important; background: #fff; font-weight: 600 !important; border: 1px solid var(--Button-Stroke-Strong#130f25); line-height: var(--line-height-text-md24px); letter-spacing: var(--letter-spacing-text0); color: var(--Button-Text-Outlined#130f25) !important; text-align: center; position: relative; z-index: 2; transition: all 275ms ease-in-out; &::after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease; -webkit-transition: all 0.7s ease; z-index: -1; } } .g3p-nav-contact-sales:focus-visible { outline: none; border-radius: 30px; border: 2px solid var(--Links-Pink#e7005e); } .g3p-nav-contact-sales:hover::after { width: 100%; border-radius: 999px; background: #F7F5F4; } .g3p-nav-get-started { border: none !important; display: flex !important; padding: var(--padding-44px) var(--padding-1616px) var(--padding-44px) var(--padding-2424px) !important; justify-content: center !important; align-items: center !important; border-radius: 999px !important; background: var(--CTAs-Button-Pink#e7005e) !important; text-decoration: none !important; cursor: pointer !important; position: relative !important; z-index: 2; transition: all 275ms ease-in-out !important; gap: 4px; max-width: 366px; &::after { content: ""; height: 100%; left: 0; top: 0; width: 0px; position: absolute; transition: all 0.3s ease; -webkit-transition: all 0.7s ease; z-index: -1; } } .g3p-nav-get-started:focus-visible { outline: none; outline-offset: 2px; outline: #e7005e solid 2px; } .g3p-nav-get-started:hover::after { width: 100%; border-radius: 999px; background: #b7094a; } .g3p-nav-get-started svg { display: flex; width: 20px; flex-direction: column; align-items: flex-start; gap: 8.333px; transition: transform 0.3s ease; } .g3p-nav-get-started.active svg { transform: rotate(180deg); } .g3p-nav-get-started--text { // font-family: "PS TT Commons Regular"HelveticaRobotoArialsans-serif; color: var(--Button-Text-Solid#fff); text-align: center; font-size: var(--size-text-sm14px); font-: normal; font-weight: 600; line-height: var(--line-height-text-md24px); /* 171.429% */ letter-spacing: var(--letter-spacing-text0); gap: 8px; } .g3p-nav-get-started--text.g3p-arrow-icon.rotated { svg { transform: rotate(180deg); } } .get-started__content { position: absolute; transform: translate(28%72%); background-color: #fff; border-radius: 16px; box-shadow: 0px 4px 8px rgba(0000.1); z-index: 1000; border-top-left-radius: 0px; border-top-right-radius: 0px; } .get-started__content::before { content: ""; position: absolute; top: -10px; right: 26%; transform: translateX(-50%); border-width: 0 10px 10px; border-: solid; border-color: transparent transparent white transparent; } .get-started__content ul { gap: 12px !important; display: flex !important; align-items: flex-start !important; flex-direction: column !important; padding: 24px !important; width: max-content !important; } .get-started__item { color: var(--Primary-Dark-Blue#130f25); font-size: 16px; display: flex; gap: 8px; align-items: center; font-weight: 700; line-height: 22px; } .get-started__text { color: var(--Primary-Dark-Blue#130f25); font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: 0; } .get-started__text:hover { color: #d60056; } .get-started__icon { display: flex; gap: 8px; justify-content: flex-start; align-items: center; text-decoration: none !important; } .get-started__icon:focus-visible { outline: none; border-radius: 4px; border: 2px solid var(--Links-Pink#e7005e); } .get-started__icon img { border-radius: 3px; background: var(--Primary-Pink#ff1675); width: 28px; height: 28px; object-fit: scale-down; } .get-started__mobile-button { display: flex; justify-content: center; align-items: center; } /* Mobile View CSS */ .g3p-nav-mobile_view { @media screen and (min-width: 1249px) { display: none !important; } } .g3p-nav-mobile-header { display: flex; height: 66px; padding: 12px 24px; justify-content: space-between; align-items: center; align-self: stretch; background: #fff; position: sticky; top: 0; z-index: 1000; } .g3p-nav-mobile-header.removed { z-index: unset; } a.g3p-nav-mobile-logo { display: flex; align-items: center; gap: 8px; } .g3p-nav-mobile-logo img { width: 182px; } #menuIcon { cursor: pointer; transition: transform 0.3s ease; } #menuIcon:hover { transform: scale(1.1); } .g3p-nav-mobile__main-modal { width: 100%; } .mobile-nav--search-box-container { display: flex; padding: 10px 20px 20px 20px; flex-direction: column; align-items: center; gap: 10px; align-self: stretch; background: var(--neutral-surface-300#2a2753); } .mobile-nav--search-box { display: flex; padding: 10px 20px; align-items: center; gap: 10px; align-self: stretch; border-radius: 999px; background: #383461; } .mobile-nav--search-input { color: var(--Tertiary-Dark-text-medium#a5aacf); // font-family: "PS Commons"; font-size: 16px; font-weight: 400; line-height: 20px; background: transparent; width: 100%; border: none; } .mobile-nav--search-input:focus { color: #4e6583; outline: none; } a.mobile-nav--signin { display: flex; align-items: center; text-decoration: none; } a.mobile-nav--signin:focus, a.mobile-nav--contact:focus { text-decoration: none; cursor: pointer; } .mobile-nav--signin img { margin-right: 8px; } .mobile-nav--signin-and-contact { display: flex; height: 48px; padding: 0px 24px; align-items: center; gap: 24px; background: var(--neutral-surface-300#fff); justify-content: end; position: sticky !important; top: 136px; z-index: 8; } .mobile-nav--signin-chevron { margin-top: 6px !important; } .mobile-nav--signin-chevron.rotated { transform: rotate(-180deg) !important; margin-top: -6px !important; } .mobile-nav--signin-text { color: var(--Links-Neutral#45424d); font-size: var(--size-text-sm14px); font-: normal; font-weight: 400; line-height: var(--line-height-text-sm22px); /* 157.143% */ letter-spacing: var(--letter-spacing-text0); } .mobile-nav--signin-text.rotated { color: #130f25 !important; } .g3p-mobile-contact-sales--block { width: 100%; display: flex; justify-content: center; } .g3p-mobile-contact-sales--block .g3p-nav-contact-sales-mobile { display: flex; max-width: 366px; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; color: #130f25 !important; background: transparent; border: 2px solid #130f25; font-size: 16px; border-radius: 999px !important; text-decoration: none !important; cursor: pointer !important; width: 100%; text-align: center; font-weight: 600; padding: 12px 32px !important; } .mobile-nav--signin-and-contact ul { list--type: none; display: flex; gap: 24px; } a.mobile-nav--contact { display: flex; text-decoration: none; color: var(--Tertiary-Dark-text-medium#a5aacf) !important; } a.g3p-sign-in--modal_item { text-decoration: none; display: flex; padding: 12px 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #130f25; } a.g3p-sign-in--modal_item:last-child { border-bottom: none; } .g3p-sign-in--modal_item img { width: 18px; height: 18px; } .g3p-sign-in--modal { position: absolute; top: 0; left: 0; width: 100%; background-color: white; z-index: 1000; padding: 0 24px; } .g3p-signin--subheader { color: var(--Primary-Dark-Blue#130f25); font-size: 16px; font-weight: 500; line-height: 28px; } .g3p-right-chevron { display: inline-block; width: 7px; height: 7px; border-right: 2px solid #130f25; border-bottom: 2px solid #130f25; transform: rotate(-45deg); transition: transform 0.3s ease; } .g3p-dis-flex { display: flex; gap: 10px; align-items: center; } .g3p-signin-modal-overlay { height: 100vh; position: absolute; top: 48px; left: 0; right: 0; bottom: 0; background: rgba(1915370.8); z-index: 999; } .g3p-mobile-navs { display: flex; padding: 16px 0 132px 0; flex-direction: column; align-items: flex-start; @media screen and (min-width: 640px) and (max-width: 1249px) { position: absolute; width: 414px; overflow-y: scroll; background: white; height: calc(100vh - 190px); } } .g3p-mobile-navs-header { display: flex; padding: 12px 0; margin: 0 24px; align-items: center; gap: 8px; justify-content: space-between; align-self: stretch; border-bottom: 1px solid #130f25; } .g3p-mobile-navs-header--chevron { display: inline-block; width: 7px; height: 7px; border-right: 2px solid #130f25; border-bottom: 2px solid #130f25; transform: rotate(45deg); } .g3p-mobile-navs-header--chevron.rotated { transform: rotate(-135deg); transition: transform 0.3s ease; border-color: #130f25; } .g3p-mobile-navs-header--text { color: var(--Primary-Dark-Blue#130f25); font-size: 16px; font-: normal; font-weight: 400; line-height: 24px; letter-spacing: 0; } .g3p-mobile--full_width { width: 100%; @media screen and (min-width: 640px) and (max-width: 1249px) { background: #fff; } } .g3p-header--focused_bg { background: var(--Tertiary-Light-surface-weak#130f25); .g3p-mobile-navs-header--text { color: #fff; } .g3p-mobile-navs-header--chevron { border-right: 2px solid #fff; border-bottom: 2px solid #fff; } } .g3p-header--focused_border { border: none; } .g3p-mobile-navs-subheaders { background: #fff; display: flex; padding-top: 10px; flex-direction: column; align-items: center; gap: 16px; align-self: stretch; } .g3p-mobile-subnav_header { display: flex; padding: 0 var(--padding-2424px); flex-direction: column; align-items: flex-start; align-self: stretch; } .g3p-mobile--separator { height: 1px; background: #130f25; width: 100%; } .g3p-mobile-display-flex-col { display: flex; flex-direction: column; width: 100%; } .g3p-mobile-subnav_header a { padding: var(--margin-88px) var(--margin-1612px); flex-direction: column; align-items: flex-start; gap: var(--margin-88px); align-self: stretch; text-decoration: none !important; color: #130f25 !important; display: flex !important; } .g3p-mobile-subnav_header .g3p-mobile-subnav_header-title { display: flex; padding: var(--margin-88px) 0 var(--margin-1616px) 0; flex-direction: column; align-items: flex-start; gap: var(--margin-88px); align-self: stretch; } body.add--no__scroll { overflow: hidden !important; } .g3p-mobile-sidp-btn--text { font-size: 14px; font-weight: 500; line-height: 18px; } .g3p-no--margin { margin: 0; } .g3p-mobile-anchor { align-self: baseline; } .g3p-mobile-anchor_btn { text-decoration: none; display: flex; padding: 0 var(--padding-2424px); align-items: center; gap: var(--margin-44px); align-self: stretch; } .g3p-mobile-anchor_btn span { color: var(--Links-Pink#e7005e); font-size: var(--size-text-sm14px); font-: normal; font-weight: 600; line-height: var(--line-height-text-md24px); letter-spacing: var(--letter-spacing-text0); display: flex; align-items: center; text-decoration: none; } .g3p-mobile-featured_resource { display: flex; padding: 0px 24px; flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 20px; } .g3p-mobile-featured_resource--text { color: var(--Primary-Dark-Blue#130f25); font-size: 16px; font-weight: 700; line-height: 22px; } .g3p-mobile-fr-separateor { height: 1px; background: #c2d1e2; width: 100%; margin-bottom: 14px; } .g3p-mobile-featured_resource img { border-radius: 8px; width:100%; max-width: 100%; margin: 10px 0; } .g3p-mobile-fr-title { color: var(--Primary-Dark-Blue#130f25); font-family: "PS Commons Bold"; font-size: 14px; font-weight: 700; line-height: 16px; } .g3p-mobile-featured_resource p { color: var(--Tertiary-Light-text-medium#3e5674); font-size: 12px; font-weight: 500; line-height: 20px; } .g3p-mobile--nomargin { padding-left: 0; } .g3p-mobile-get-started { display: flex; position: fixed; background: white; bottom: 0; padding: 16px 24px; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 12px; width: 100%; z-index: 99; @media screen and (min-width: 640px) and (max-width: 1249px) { max-width: 414px; } @media screen and (max-width: 639px) { align-items: center; } } .g3p-mobile-get-started--block { display: flex; max-width: 366px; padding: 12px 24px 12px 32px; justify-content: center; align-items: center; border-radius: 999px; width: 100%; background: var(--Button-Surface-Solid#130f25); } .g3p-arrow-icon { display: flex; align-items: center; } .g3p-mobile-get-started-modal { position: fixed; width: 100%; bottom: 60px; z-index: 9; } .g3p-mobile-get-started-modal--block { border-radius: 20px; max-width: 366px; display: flex; padding: var(--padding-2424px) var(--padding-2424px) var(--padding-1212px) var(--padding-2424px); flex-direction: column; align-items: flex-start; flex: 1 0 0; gap: 12px; background: #fff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .g3p-mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #130f25; opacity: 0.5; z-index: 999; display: none; } .g3p-mobile-overlay.show { display: block; } .g3p-mobile-get-started-modal.show .g3p-mobile-get-started-modal--content { bottom: 143px; @media screen and (max-width: 639px) { left: 7%; max-width: 366px; border-radius: 16px 16px 0 0; } } .g3p-mobile-get-started-modal--content { position: fixed; bottom: -100%; left: 0; width: 100%; // background: #fff; z-index: 1001; transition: bottom 0.3s ease-in-out; @media screen and (min-width: 640px) and (max-width: 1249px) { border-radius: 16px 16px 0 0; right: 0; max-width: 414px; left: calc(100vw - 391px); } } .g3p-nav-mobile--container.g3p-nav-mobile_view { .g3p-nav-mobile__main-modal { @media screen and (min-width: 640px) and (max-width: 1249px) { max-width: 414px; position: relative; z-index: 100; background: #fff; left: calc(100% - 414px); top: 6.6rem; } .nav-search.section { padding: var(--padding-88px) var(--padding-2424px); background: var(--neutral-surface-300#fff); display: flex; width: 100%; height: 70px; flex-direction: column; align-items: center; gap: 10px; position: sticky; top: 66px; z-index: 9; #header_tabs--search, #mobile_header_tabs--search { display: flex; flex-direction: column; align-items: center; align-self: stretch; border-radius: 20px; width: unset; .header_tabs_content--container.g3p_header_tabs_content--container { width: unset; position: relative; } #header_search--form { padding: 0px; gap: 0px; } } } } } .g3p-nav-desktop_view, .g3p-nav-mobile_view { button { font-family: inherit; font-weight: unset; font-size: unset; line-height: unset; padding: unset; white-space: unset; border-radius: unset; color: unset; background: unset; position: unset; text-align: unset; text-decoration: unset; display: unset; transition: unset; margin: unset; letter-spacing: unset; text-transform: unset; } ul, li { margin: unset; padding: unset; } a { color: unset; word-break: unset; } } .menu-dropdown-panel--overlay { position: fixed; display: block; top: 131px; left: 0; width: 100%; height: 100%; opacity: 0.5; background: var(--Brand-Inky-Blue#130f25); backdrop-filter: blur(2px); z-index: 99; } .g3p-nav-icon-container { display: flex; width: 28px; height: 28px; flex-direction: column; justify-content: center; align-items: center; border-radius: 3px; padding: 3px; } .g3p-nav-user-icon { margin-right: 8px; display: flex; } .g3p-main-container--overlay { @media screen and (min-width: 640px) and (max-width: 1249px) { height: 100vh; width: 100vw; z-index: 9; position: fixed; background: rgba(1915370.7); display: flex; top: 0; } } .g3p-menu-btn{border:0;background:transparent;padding:0;display:inline-flex;align-items:center;cursor:pointer} .is-hidden { display: none !important; }
Featured resource
2025 Tech Upskilling Playbook
Tech Upskilling Playbook

Build future-ready tech teams and hit key business milestones with seven proven plays from industry leaders.

Check it out

Foundations of Agentic AI

Course Summary

The Foundations of Agentic AI course focuses on building real-world chatbots and autonomous problem-solving agents using open-source toolsincluding Hugging Face TransformersLlamaIndexand OpenAI Gym. Participants will gain hands-on experience designingbuildingand deploying intelligent agents capable of reasoning and interacting in natural languagepowered by Hugging Face’s free pre-trained models. An optional 3rd-day hackathon allows teams to apply their knowledge to tackle realistic AI challenges using real-world datasets and APIs.

Prerequisites
In order to succeed in this courseyou will need:

  • A basic understanding of machine learning and natural language processing
  • Proficiency in Python programming

Purpose
Gain experience designingbuildingand deploying intelligent agents capable of reasoning and interacting in natural language
Audience
Those looking to designbuildand deploy conversational and problem-solving agents
Role
Software Developers | Data Scientists | Data Engineers | AI/ML Developers
Skill level
Intermediate
Style
Lecture | Hands-on Activities | Labs
Duration
2 days (3 days with optional hackathon)
Related technologies
AI/ML | Gen AI | Hugging Face | Python

 

Course objectives
  • Understand how to leverage Hugging Face models for building conversational and problem-solving agents
  • Build practical agentic AI systems using Python-based tools and frameworks
  • Integrate free and open-source libraries like LlamaIndex and OpenAI Gym for agent design
  • Deploy fully functional chatbots and agents without reliance on paid APIs

What you'll learn:

In this Foundations of Agentic AI courseyou'll learn:

Foundations of Chatbots and Intelligent Agents

  • Introduction to Agentic AI and Hugging Face
    • What is Agentic AI?
      • Overview of agentsautonomyand decision-making
    • Hugging Face Ecosystem
      • Introduction to Transformerspipelinesand pre-trained models
    • Exploring a pre-built chatbot using Hugging Face's models
  • Building Chatbots with Hugging Face Transformers
    • Transformers for NLP Tasks: Understanding how Hugging Face’s models handle tasks like text generation Q&Aand summarization
      • Loading a pre-trained conversational model (e.g.DialoGPT or BlenderBot)
      • Fine-tuning the chatbot on a custom dataset (e.g.customer service FAQs)
      • Testing the chatbot’s responses and improve performance
  • Augmenting Chatbots with LlamaIndex
    • Connecting Chatbots to External Data
      • Making chatbots more intelligent with LlamaIndex
      • Retrieval-Augmented Generation (RAG)
      • Answering queries with real-time information
    • Building a chatbot knowledge base (e.g.FAQscompany policies)
      • Testing the chatbot on domain-specific questions
  • Introduction to Simulated Environments with OpenAI Gym
    • Simulating Tasks for Intelligent Agents
      • Why simulations are essential for agent training
    • Customizing OpenAI Gym Environments
      • Designing environments for specific tasks
    • Setting up a basic OpenAI Gym environment (e.g.Taxi-v3)
      • Building a rule-based agent to solve a simple navigation task

Advanced Agent Design and Real-World Applications

  • Multi-Modal Agents and Advanced Integrations
    • Multi-Modal Inputs for Agents
      • Combining textimagesand structured data
    • Integrating Hugging Face models for text and vision tasks (e.g.image captioning with CLIP or BLIP)
      • Creating a multi-modal chatbot that processes both text and images
  • Problem-Solving Agents with OpenAI Gym
    • Reinforcement Learning Primer: Basics of Q-learning and policy optimization
    • Training a reinforcement learning agent in a custom Gym environment (e.g.resource allocation or delivery)
      • Comparing a rule-based agent’s performance with an RL-based agent
  • Deploying Agentic AI Systems
    • Deploying Chatbots and Agents Locally or on Cloud Platforms
      • Tools and best practices
    • Deploying a chatbot locally using Flask or FastAPI
      • Build a simple front-end to interact with the deployed agent

Dive in and learn more

When transforming your workforceit’s important to have expert advice and tailored solutions. We can help. Tell us your unique needs and we'll explore ways to address them.

Let's chat

By clicking submityou agree to our Privacy Policy and Terms of Useand consent to receive marketing emails from Pluralsight.