×

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

<> 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; }
Software development
Artificial Intelligence
Cloud
View all courses
Learn
Connect
Blog
Resource hub
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

The AI Developer’s Toolkit

In this courseyou will learn about all of the modern data-driven AI tools now available to software developers and IT professionals.

Beginner
1h 44m
(96)

Created by Matthew Renze

Last Updated Mar 022026

Course Thumbnail
  • Course

The AI Developer’s Toolkit

In this courseyou will learn about all of the modern data-driven AI tools now available to software developers and IT professionals.

Beginner
1h 44m
(96)

Created by Matthew Renze

Last Updated Mar 022026

Get started today

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

Start a free team trial
Buy now
Try this course for free

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

Start a free trial
Buy now

This course is included in the libraries shown below:

  • AI
  • Cloud
  • Data
The AI Developer’s Toolkit
Start a free team trial
Start a free trial
What you'll learn

In today's technical landscapeadding AI to your applications requires just a few lines of codeor in many casesno code at all. Unfortunatelymost software developers and IT professionals have not yet learned how to leverage these new AI tools and techniques. In this courseThe AI Developer’s Toolkityou’ll learn about all of the modern data-driven AI tools now available to software developers and IT professionals.

Firstyou’ll learn about AI tools for analyzing and synthesizing tables of datatextaudioimagesand video. Nextyou’ll explore how this will help you to generate ideas for how to incorporate AI into your own products and services. Finallyyou'll discover several short demos of easy-to-use AI tools from MicrosoftGoogleand Amazon.

By the end of this courseyou’ll understand the overall landscape of AI tools that you can add into your own products and services.

The AI Developer’s Toolkit
Beginner
1h 44m
(96)
Table of contents

About the author
Matthew Renze - Pluralsight course - The AI Developer’s Toolkit
Matthew Renze
13 courses 4.7 author rating 6429 ratings

Matthew Renze is an AI researcherconsultantand author. As the founder of Renze Consultinghe has trained over 600,000 software developers and IT professionals. As an AI research scientisthe develops cognitive architectures for agentic AI systems. Matthew is pursuing his Doctor of Engineering degree at Johns Hopkins University. He has a Master's degree in Artificial Intelligence from JHUand double degrees in Computer Science and Philosophy. He is a Microsoft Regional Directora Microsoft MVP in AIand an author for Pluralsight. You can learn more at https://matthewrenze.com/

More Courses by Matthew
<> .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.

Learn more
forrester wave report
Related Pages
<> .ps-footer { display: flex; padding: var(--padding-6060px) var(--margin-1440100px); flex-direction: column; justify-content: center; align-items: center; gap: var(--margin-3232px); background: var(--Brand-Inky-Blue#130f25); @media screen and (max-width: 1023px) { padding: 60px 24px 48px 24px; width: 100%; // min-width: 414px; max-width: 1023px; } @media screen and (min-width: 1024px) and (max-width: 1260px) { padding: 60px 60px; width: 100%; min-width: 1024px; max-width: 1260px; } footer#ftr { @media screen and (max-width: 639px) { max-width: 592px !important; margin: 0 auto !important; } @media screen and (max-width: 1023px) { max-width: unset; margin: 0; } } footer#ftr.footer-wrapper { .footer-columns-wrapper { margin: 0; padding: 0; display: flex; width: 1240px; max-width: 1240px; padding-bottom: 40px; align-items: flex-start; gap: var(--margin-4040px); @media screen and (max-width: 1023px) { flex-wrap: wrap; place-content: space-between; column-gap: 24px; max-width: 592px; width: 100%; padding-bottom: 0; } @media screen and (min-width: 1024px) and (max-width: 1260px) { flex-wrap: wrap; place-content: space-between; width: unset; max-width: unset; } .footer-column { display: flex; min-width: 120px; max-width: 180px; flex-direction: column; align-items: flex-start; gap: var(--margin-1212px); flex: 1 0 0; align-self: stretch; @media screen and (max-width: 1023px) { min-width: 45% !important; width: 100%; flex: 1 !important; } @media screen and (min-width: 1024px) and (max-width: 1200px) { min-width: 20% !important; flex: 1 !important; } .footer-heading { margin: 0; color: var(--Text-Strong#fff); font-size: var(--size-h620px); font-: normal; font-weight: 500; line-height: var(--line-height-h626px); /* 130% */ letter-spacing: var(--letter-spacing-h60); } .footer-links { font-family: "PS TT Commons Regular"; padding: 0; display: flex; flex-direction: column; align-items: flex-start; gap: var(--margin-88px); align-self: stretch; .footer-link { display: flex; align-items: center; gap: var(--margin-44px); .footer-link-name { color: var(--Links-Neutral#bfbfbf); font-family: "PS TT Commons Regular"HelveticaRobotoArialsans-serif; 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); } .footer-link-name:focus-visible { outline: none; border-radius: 4px; border: 2px solid var(--Links-Pink#e7005e); } a { text-decoration: none; &:hover { color: #fff; } } } } } } .footer-last-column { display: flex; min-width: 280px; flex-direction: column; align-items: flex-start; gap: var(--margin-1616px); flex: 1 0 0; align-self: stretch; @media screen and (min-width: 1024px) and (max-width: 1200px) { min-width: 20% !important; flex: 1 !important; width: 100%; } .footer-copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--margin-1212px); align-self: stretch; .footer-heading { color: var(--Text-Strong#fff); font-family: "PS Commons"; font-size: var(--size-h620px); font-: normal; font-weight: 500; line-height: var(--line-height-h626px); letter-spacing: var(--letter-spacing-h60); align-self: stretch; } .footer-subheading { color: var(--Text-Weak#bfbfbf); font-family: "PS Commons"; 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); align-self: stretch; } } .button-wrapper { cursor: pointer; transition: unset; margin: 0; text-transform: unset; display: flex; width: 130px; max-width: 366px; padding: var(--padding-44px) var(--padding-2424px); flex-direction: column; justify-content: center; align-items: center; border-radius: 999px; background: var(--Button-Surface-Solid#fff); color: var(--Button-Text-Solid#130f25); text-align: center; font-family: "PS Commons"; font-size: var(--size-text-sm14px); font-: normal; font-weight: 600; line-height: var(--line-height-text-md24px); letter-spacing: var(--letter-spacing-text0); border: none; z-index: 2; position: relative; 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; } } .button-wrapper:hover::after { width: 100%; border-radius: 999px; background: #dbd9da; } .button-wrapper:focus-visible { border-radius: 30px; border: 2px solid var(--Links-Pink#e7005e); outline: none; } .social-links { display: flex; padding-top: var(--padding-1212px); justify-content: center; align-items: center; gap: var(--margin-3232px); padding-inline-start: 0; li { transition: outline 0.2s ease; } li:focus-within { border-radius: 4px; border: 2px solid var(--Links-Pink#e7005e); } li a:focus { outline: none; } } } hr { width: 100%; height: 1px; background: var(--Text-Weak#bfbfbf); margin-top: 32px; margin-bottom: 32px; } .footer-utility { display: flex; width: 100%; align-items: center; gap: 16px; @media screen and (max-width: 1023px) { flex-direction: column; } .footer-logo-cp { display: flex; align-items: center; gap: var(--margin-1616px); flex: 1 0 0; @media screen and (max-width: 1023px) { flex-direction: column; } .logo-link { width: 44px; height: 44px; aspect-ratio: 1/1; } .logo-link:focus { outline: none; border-radius: 4px; border: 2px solid var(--Links-Pink#ff1675); } .copyright { color: var(--Text-Weak#bfbfbf); font-family: "PS Commons"; font-size: var(--size-text-xs12px); font-: normal; font-weight: 400; line-height: var(--line-height-text-xs18px); /* 150% */ letter-spacing: var(--letter-spacing-text0); } } .utility-links { display: flex; justify-content: flex-end; align-items: center; gap: var(--margin-2424px); flex: 1 0 0; list--type: none; margin-top: 0; @media screen and (max-width: 1023px) { padding-inline-start: 0; margin: 0; } .utility-link a { color: var(--Text-Weak#bfbfbf); font-family: "PS Commons"; font-size: var(--size-text-xs12px); font-: normal; font-weight: 400; line-height: var(--line-height-text-xs18px); /* 150% */ letter-spacing: var(--letter-spacing-text0); text-decoration: none; } li { transition: outline 0.2s ease; } li:focus-within { border-radius: 4px; border: 2px solid var(--Links-Pink#e7005e); } li a:focus { outline: none; } } } } } footer#ftr { background-color: unset; color: unset; text-decoration: unset; border-top: unset; padding-bottom: unset; } footer#ftr a, footer#ftr a:hover { color: var(--Links-Neutral#bfbfbf); text-decoration: unset; } footer ul { margin-left: unset; font-size: unset; line-height: unset; list--position: unset; margin-bottom: unset; font-weight: unset; line-height: unset; padding-left: unset; margin-bottom: unset; } footer li { margin-left: unset; font-size: unset; line-height: unset; list--position: unset; margin-bottom: unset; font-weight: unset; line-height: unset; padding-left: unset; margin-bottom: unset; ul { margin-left: unset; } } li.footer-column-list-item:has(.footer-column-list-item-link.do-not-sell) { display: none; }