×

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

<> 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
  • Course

Developing Generative AI Applications with Python and Open AI

Generative AI is a turning point in human history. Those who leverage LLMs will be more productivecreativeefficientand will be able to achieve more with less. In this course you will learn how to create generative AI applications with the OpenAI API and Python.

Intermediate
2h 49m
(36)

Created by Xavier Morera

Last Updated Jan 122024

Course Thumbnail
  • Course

Developing Generative AI Applications with Python and Open AI

Generative AI is a turning point in human history. Those who leverage LLMs will be more productivecreativeefficientand will be able to achieve more with less. In this course you will learn how to create generative AI applications with the OpenAI API and Python.

Intermediate
2h 49m
(36)

Created by Xavier Morera

Last Updated Jan 122024

Get started today

Access this course and other top-rated tech content with one of our business plans.

Try this course for free

Access this course and other top-rated tech content with one of our individual plans.

This course is included in the libraries shown below:

  • Core Tech
What you'll learn

Generative AI is a turning point in human history. Those who leverage LLMs will be more productivecreativeefficientand will be able to achieve more with less. In this courseDeveloping Generative AI Applications with Python and OpenAI (ChatGPT)you’ll gain the ability to create generative AI applications. Firstyou’ll learn about the fundamentals of generative AI modelsincluding their architecturetraining processesand applications. At this point you’ll learn how to write good promptswhich is an extremely valuable skill. Nextyou’ll familiarize yourself with the OpenAI API and the available modelsthird you’ll use the API to generate human-like responses to questions or generate content based on your prompts. Moving forwardyou will learn how to create a basic chatbot. Finallyyou’ll learn how to train a model using your own data. When you’re finished with this courseyou’ll have the skills and knowledge of how to create a generative AI application using the OpenAI API and Python.

Developing Generative AI Applications with Python and Open AI
Intermediate
2h 49m
(36)
Table of contents

About the author
Xavier Morera - Pluralsight course - Developing Generative AI Applications with Python and Open AI
Xavier Morera
61 courses 4.2 author rating 3259 ratings

Xavier is very passionate about teachinghelping others understand Generative AIMLSearchand Big Data. He is also an entrepreneurproject managertechnical authortrainerand holds a few certifications with ClouderaMicrosoftand the Scrum Alliancealong with being a Microsoft MVP.

<> .ps-forrester-wave { padding: 50px 40px 60px 72px; max-width: 800px; } .forrester-wave-container { background: #130F25; border-radius: 16px; display: flex; flex-direction: column; padding: 40px; align-items: flex-start; font-family: "PS TT Commons Regular"HelveticaRobotoArialsans-serif; } .ps-forrester-wave h3 { font-size: 32px !important; font-weight: 400; line-height: 40px; color: #ffffff; margin: 0; } .ps-forrester-wave h3 span.lime { color: #130F25; background: #CFFF6E; padding: 0 8px; border-radius: 4px; } .ps-forrester-wave p { color: #BFBFBF; font-size: 20px; line-height: 30px; font-weight: 500; } .ps-forrester-wave .image { margin: 0 auto; background-color: #ffffff; border-radius: 13px; margin-top: 40px; padding: 13px; } .ps-forrester-wave .image img { max-width: 400px; border-radius: 24px; } @media (max-width: 1024px) { .ps-forrester-wave .image img { max-width: 100%} } @media screen and (min-width: 1024px) and (max-width: 1248px) { .ps-forrester-wave { max-width: 59%; padding: 40px; } } @media screen and (max-width: 1023px) and (min-width: 640px) { .ps-forrester-wave { max-width: 592px; margin: 0 auto; padding: 40px 0; } } @media screen and (max-width: 639px) { .ps-forrester-wave { padding: 40px 0; width: 100%; } }

2025 Forrester Wave™ names Pluralsight as a Leader among tech skills dev platforms

See how our offering and strategy stack up.

forrester wave report