×

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

<> 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
  • Learning Path
  • Libraries: This path is only available in the libraries listed. To access this pathpurchase a license for the corresponding library.
  • Core Tech

Developing AI-enabled Applications

6 Courses
14 Hours
Skill IQ

This path explores both traditional machine learning and modern generative AI approaches. This path guides you through building intelligent applications using various frameworks and platformsfrom ChatGPT integration to specialized AI agents. Learn to leverage powerful tools like LangChainOpenAI's APIsand Microsoft's Semantic Kernel to create sophisticated AI solutions. The curriculum combines practical implementation with architectural best practicesteaching you to build scalableresponsible AI applications across multiple programming languages and frameworks.

Content in this path
AI-powered Application Development

LangChain and Semantic Kernel

Try this learning path for free
Access this learning path and other top-rated tech content with a free trial.
What You'll Learn
  • Integrate ChatGPT and other LLMs into applications
  • Build AI chains and agents using LangChain
  • Develop Java-based AI applications with LangChain4j
  • Create generative AI applications with Python
  • Implement AI features in .NET applications
  • Design and deploy AI agents with Semantic Kernel
  • Apply responsible AI practices
Prerequisites
  • Programming experience in Python or C#
  • RESTful API fundamentals
  • Basic understanding of machine learning concepts
  • Database management skills
  • Version control with Git
  • Command line proficiency
  • Basic cloud platform knowledge
Related topics
  • OpenAI APIs
  • LangChain
  • Semantic Kernel
  • Machine Learning
  • Python
  • .NET
  • Prompt Engineering
Not sure where to start?
With over 500 assessments to choose fromyou can see where your skills stand and receive adaptive learning recommendations to fill knowledge gaps in as little as 10 minutes.
<> body { background: transparent; } .blade__block--rebrandHailMarry { width: 100%; margin: 0 auto; max-width: 1440px; display: flex; } #rebrandHailMarry .blade__container { width: 100%; margin: 40px 100px; } @media screen and (width: 1024px) { #rebrandHailMarry .blade__container { margin: 40px 60px; } } @media screen and (max-width: 1023px) { #rebrandHailMarry .blade__container { margin: 40px 24px; } } #rebrandHailMarry .main__container { display: flex; max-width: 1240px; padding: var(--padding-6060px); flex-direction: column; align-items: center; gap: var(--margin-2424px); flex-shrink: 0; border-radius: 16px; box-shadow: 0 4px 16px 0 rgba(1915370.08); background: url("/content/dam/rebrand2025/bg-graphics/left-bg-arrows-white.svg") no-repeat left center, url("/content/dam/rebrand2025/bg-graphics/right-bg-arrows-white.svg") no-repeat right center, var(--Green-Blue-Filllinear-gradient(102deg#33edaf 5.57%#0bcfdd 97.02%)); } @media screen and (max-width: 640px) { #rebrandHailMarry .main__container { padding: 60px 24px; background-position: left -108px bottomright -115px topcenter; } } @media screen and (max-width: 1023px) { #rebrandHailMarry .main__container { padding: 60px 24px; background-position: left -50px bottomright -50px topcenter; } } #rebrandHailMarry .main__container h3 { color: var(--Text-Strong#130f25); text-align: center; font-family: "PS TT Commons Regular"HelveticaRobotoArialsans-serif; font-size: var(--size-h340px); font-: normal; font-weight: 400; line-height: var(--line-height-h348px); letter-spacing: var(--letter-spacing-h3-1px); margin: 0; } #rebrandHailMarry .btn { display: block; width: 366px; max-width: 366px; padding: var(--padding-1212px) var(--padding-3232px); text-align: center; border-radius: 999px; transition: all 275ms ease-in-out; text-decoration: none; z-index: 2; position: relative; } @media screen and (max-width: 640px) { #rebrandHailMarry .btn { width: 100%; max-width: 100%; padding: 12px 48px; } } #rebrandHailMarry .btn::after { content: ""; height: 100%; left: 0; top: 0; width: 0; position: absolute; transition: all 0.3s ease; -webkit-transition: all 0.7s ease; z-index: -1; } #rebrandHailMarry .dark--button:hover::after { width: 100%; border-radius: 999px; background: #45424d; } #rebrandHailMarry .white--button:hover::after { width: 100%; border-radius: 999px; background: #f7f5f4; } #rebrandHailMarry .dark--button { color: #fff; background: #130f25; border: 1px solid #130f25; } #rebrandHailMarry .white--button { background: #fff; color: #130f25; border: 1px solid #fff; } #rebrandHailMarry .btn_text { text-align: center; font-family: "PS TT Commons Regular"HelveticaRobotoArialsans-serif; font-size: var(--size-text-md16px); font-: normal; font-weight: 600; line-height: var(--line-height-text-md24px); letter-spacing: var(--letter-spacing-text0); } #rebrandHailMarry .cta__container { display: flex; gap: 24px; } @media screen and (max-width: 1023px) { #rebrandHailMarry .cta__container { flex-direction: column; } }

Get started with Pluralsight