×

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

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

GitHub Copilot Fundamentals: AI Paired Programming

Learn how GitHub Copilot leverages AI to enhance your coding experience and help you become a more proficient developer. Learn how to use Copilot to build gamesgrasp prompt engineeringand improve existing applications.

Beginner
1h 51m
(4229)

Created by Aaron Stewart

Last Updated Dec 222023

Course Thumbnail
  • Course

GitHub Copilot Fundamentals: AI Paired Programming

Learn how GitHub Copilot leverages AI to enhance your coding experience and help you become a more proficient developer. Learn how to use Copilot to build gamesgrasp prompt engineeringand improve existing applications.

Beginner
1h 51m
(4229)

Created by Aaron Stewart

Last Updated Dec 222023

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

In this courseGitHub Copilot Fundamentals: AI Paired Programmingyou’ll learn to leverage this AI-driven coding companion for an enhanced development experience. Firstyou’ll explore its common use casesunderstand its transformative benefitsand dive into compelling statistics that illustrate how it elevates everyday tasks for developers in the age of AI. Nextyou’ll witness GitHub Copilot’s capabilities firsthand as you create the classic snake game from scratch using prompts generated by GitHub Copilot chat. You’ll then delve into the intricacies of GitHub Copilotbreaking down critical aspects like prompt engineering and the data flowlarge language modelsand GitHub’s commitment to securityprivacycomplianceand transparency.. Finallyyou’ll put your knowledge into action by using GitHub Copilot to construct a console minigame that reinforces the concepts learned throughout the course. Upon completion of this courseyou’ll possess the skills and knowledge needed to harness the capabilities of GitHub Copilot that is revolutionizing development practices in this AI-driven era.

GitHub Copilot Fundamentals: AI Paired Programming
Beginner
1h 51m
(4229)
Table of contents

About the author
Aaron Stewart - Pluralsight course - GitHub Copilot Fundamentals: AI Paired Programming
Aaron Stewart
15 courses 4.6 author rating 5784 ratings

Aaron is an integration engineer living in the heart of Silicon SlopesUtah Valley. He's an outdoor enthusiast and loves taking little square pictures of the world.

<> .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