This page has moved.
+ +We will automatically redirect you in 5 seconds...
+{props.title}
-{props.title}
++
+ + )}
+
+ Certification Curriculum +
+Certification
+ + {props.certification.title} + +-
+
-
+
+
+ + {props.learnerLevel} +
+ -
+
+
+ + + {props.certification.course.modules.length} + {' modules'} + +
+ -
+
+
+ + + + +
+
-
+ {items.map(item => (
+
- {item} + ))} +
What I Will Learn?
+ {renderBasicList(props.certification.learningOutcomes)} +Prerequisites
+ {props.certification.prerequisites?.length ? ( + renderBasicList(props.certification.prerequisites) + ) : ( ++ No prior knowledge in software development is required +
+ )} +Frequently Asked Questions
++ Absolutely! + Again, all our courses are currently free. + Whenever you feel like you can start to benefit from enrolling in a certification, + you can do it at any time. +
+ `, + title: 'Can I keep working on the individual courses, even though I did not enroll in the certification?', + }, + { + description: ` ++ Once you enroll during the free trial period or during a paid period, + you can complete the certification at your own pace - no time constraints, + even when the free trial period is over. +
+ `, + title: 'After I enroll, do I have to complete the certification within a certain amount of time?', + }, + { + description: ` ++ Assessments are coming soon! + We plan to release early within the 2nd Quarter of 2023. +
+ `, + title: 'When will assessments be available for certifications?', + }, + { + description: ` ++ Yes, that is our plan! Stay tuned for more developments on this. +
+ `, + title: 'Will you eventually have a premium plan where I can have access to multiple certifications?', + }, + { + description: ` ++ We have a long history of producing and recognizing top technical talent. + Our ratings are reliable measures of expertise and have been trusted by companies like Google. + When you infuse our history with the learning space, we can create the perfect recipe for you to learn, + earn and thrive at Topcoder and beyond. +
+ `, + title: ` + Why should I learn at Topcoder vs. other platforms? + `, + }, +] diff --git a/src-ts/tools/learn/certification-details/certification-details-modal/certif-details-content/data/index.ts b/src-ts/tools/learn/certification-details/certification-details-modal/certif-details-content/data/index.ts new file mode 100644 index 000000000..32658dfe4 --- /dev/null +++ b/src-ts/tools/learn/certification-details/certification-details-modal/certif-details-content/data/index.ts @@ -0,0 +1,2 @@ +export * from './faqs.data' +export * from './perks.data' diff --git a/src-ts/tools/learn/certification-details/certification-details-modal/certif-details-content/data/perks.data.tsx b/src-ts/tools/learn/certification-details/certification-details-modal/certif-details-content/data/perks.data.tsx new file mode 100644 index 000000000..7bb328f81 --- /dev/null +++ b/src-ts/tools/learn/certification-details/certification-details-modal/certif-details-content/data/perks.data.tsx @@ -0,0 +1,45 @@ +export type PerkIconsType = | + 'currency-dolary' | + 'icon-certif' | + 'shield-check' | + 'filter-icon'; + +export interface PerkItem { + description: string + icon: PerkIconsType + title: string +} + +export const perks: Array-
+
-
+
+
+ + {props.certification.learnerLevel} +
+ -
+
+
+ + + {props.certification.coursesCount} + {' courses'} + +
+ -
+
+
+ + + + , [ + 'Assuming 1 to 4 hour', + 'learning per day', + ])} + place='bottom' + trigger={ } + triggerOn='hover' + /> + +
+ {!props.certProgress && (
+ -
+
+
+ + + FREE + until April 30 + $20 + +
+ )}
+
-
+ {props.certification.skills.map(skill => (
+
- {skill} + ))} +
+ You have successfully enrolled! +
+ + + ++
No payment required
++ {props.certTitle} +
+{props.title ?? 'Why certify with Topcoder?'}
+ +-
+ {props.items.map(perk => (
+
-
+ + {getPerkIcon(perk)} ++++
{perk.title}
+{perk.description}
+
+ ))}
+
Topcoder Academy
++ Certificate + {' '} + not found +
+@@ -125,7 +136,12 @@ const CourseCompletedPage: FC<{}> = () => { size='sm' buttonStyle='secondary' label='View certificate' - route={getCertificatePath(courseData.provider, courseData.certification)} + route={( + getCertificatePath( + courseData.resourceProvider.name, + certificationParam, + ) + )} />
Coming soon
-+ Hey there! +
++ Looks like we don’t have your certificate. + Have you completed the course? If not, keep going at it! If you have: +
+-
+
- + Try again in 60 seconds. We might still be generating your certification! + +
-
+ If you already waited, contact our support team.
+ Please reference Topcoder Academy and the course you completed.
+
+
+ Contact support
+
+ +
+
+ Keep Learning away! +
+- {hasTimeEstimate ? props.completionHours?.value : (<> )} + {hasTimeEstimate ? props.completionTimeValue : (<> )}
') ?? '' }} /> - {props.startDate && ( -
+ has successfully completed the certification requirements and has been awarded +
++ You have successfully completed the + {' '} + {props.certification.title} + {' '} + Certification + ! +
+ + + ++ {certification.description} +
+ )} + + {renderStatusBox()} + + {!certifProgress && ( + + Learn more + + )} +{props.title}
import('./welcome'), 'WelcomePage')
+const CertificationDetailsPage: LazyLoadedComponent = lazyLoad(
+ () => import('./certification-details'),
+ 'CertificationDetailsPage',
+)
+const EnrollmentPage: LazyLoadedComponent = lazyLoad(
+ () => import('./certification-details/enrollment-page'),
+ 'EnrollmentPage',
+)
const CourseDetailsPage: LazyLoadedComponent = lazyLoad(() => import('./course-details'), 'CourseDetailsPage')
const CourseCompletedPage: LazyLoadedComponent = lazyLoad(() => import('./course-completed'), 'CourseCompletedPage')
const MyCertificate: LazyLoadedComponent = lazyLoad(() => import('./course-certificate'), 'MyCertificate')
@@ -11,6 +20,10 @@ const UserCertificate: LazyLoadedComponent = lazyLoad(() => import('./course-cer
const FreeCodeCamp: LazyLoadedComponent = lazyLoad(() => import('./free-code-camp'), 'FreeCodeCamp')
const MyLearning: LazyLoadedComponent = lazyLoad(() => import('./my-learning'), 'MyLearning')
const LandingLearn: LazyLoadedComponent = lazyLoad(() => import('./Learn'))
+const MyTCACertificate: LazyLoadedComponent = lazyLoad(() => import('./tca-certificate'), 'MyTCACertificate')
+const UserTCACertificate: LazyLoadedComponent = lazyLoad(() => import('./tca-certificate'), 'UserTCACertificate')
+const ValidateTCACertificate: LazyLoadedComponent
+ = lazyLoad(() => import('./tca-certificate'), 'ValidateTCACertificate')
export enum LEARN_PATHS {
certificate = '/certificate',
@@ -20,6 +33,8 @@ export enum LEARN_PATHS {
fcc = '/learn/fcc',
root = '/learn',
startCourseRouteFlag = 'start-course',
+ tcaCertifications = '/tca-certifications',
+ tcaEnroll = '/enroll',
}
export const rootRoute: string = LEARN_PATHS.root
@@ -70,6 +85,14 @@ export function getUserCertificateSsr(
return `${LearnConfig.CERT_DOMAIN}/${handle}/${provider}/${certification}/${encodeURI(title)}`
}
+export function getUserTCACertificateSsr(
+ certification: string,
+ handle: string,
+ title: string,
+): string {
+ return `${LearnConfig.CERT_DOMAIN}/${handle}/tca/${certification}/${encodeURI(title)}`
+}
+
export function getUserCertificateUrl(
provider: string,
certification: string,
@@ -82,6 +105,37 @@ export function getViewStyleParamKey(): string {
return Object.keys(LearnConfig.CERT_ALT_PARAMS)[0]
}
+export function getTCACertificationPath(certification: string): string {
+ return `${LEARN_PATHS.root}${LEARN_PATHS.tcaCertifications}/${certification}`
+}
+
+export function getTCACertificationEnrollPath(certification: string): string {
+ return `${LEARN_PATHS.root}${LEARN_PATHS.tcaCertifications}/${certification}${LEARN_PATHS.tcaEnroll}`
+}
+
+export function getTCACertificateUrl(
+ certification: string,
+): string {
+ return `${getTCACertificationPath(certification)}${LEARN_PATHS.certificate}`
+}
+
+export function getUserTCACertificateUrl(
+ certification: string,
+ handle: string,
+): string {
+ return `${getTCACertificationPath(certification)}/${handle}${LEARN_PATHS.certificate}`
+}
+
+export function getTCACertificationValidationUrl(
+ completionUuid: string,
+): string {
+ return `${EnvironmentConfig.TOPCODER_URLS.TCA}${LEARN_PATHS.root}/${completionUuid}`
+}
+
+export function getAuthenticateAndEnrollRoute(): string {
+ return `${authUrlLogin()}${encodeURIComponent(LEARN_PATHS.tcaEnroll)}`
+}
+
export const learnRoutes: ReadonlyArray
+ {clearFCCCertificationTitle(course.freeCodeCampCertification.title)}
+ {enrollment?.userName} {profile.handle}
+ {enrollment?.userName}
+ {' '}
+ has successfully completed the certification
+
+ Topcoder is partnering with multiple content providers
+ to bring you a best in class course catalog. Stay tuned for more courses!
+ {clearFCCCertificationTitle(props.certification.title)}
+ {desc}
+ {descLength > EXCERPT_TEXT_LEN ? '...' : ''}
+
+ We are happy to release Topcoder Certifications! Take advantage
+ of our pilot Certification program. Click on a certification below to learn more.
+ {props.certification.title}
+ {desc}
+ {props.certification.description.length > EXCERPT_TEXT_LEN ? '...' : ''}
+ We are working hard to bring you the best content out there. Learn with us!
+ Increase your chances of getting placed on a gig or placing in a competition!
+ The more you learn, more opportunities will become available.
+
+ Earn certifications to increase your earning opportunities inside and out of Topcoder.
+
+ Our catalog of courses is growing! We currently offer 11 free courses
+ covering data science, web development, coding interview prep,
+ information security, and quality assurance.
+
- Email:
- {' '}
- {profile.email}
-
- Username:
- {' '}
- {profile.handle}
-
- {profile.firstName}
- {' '}
- {profile.lastName}
-
- *******************
- We will automatically redirect you in 5 seconds...{props.title}
-
- Topcoder Academy
+
+ Certificate
+
+
+ not found
+
+ ) : (
+
+ {'What '}
+ {enrollment?.userName}
+ {' Learned?'}
+
+ {learnedOutcomes}
+
+ Courses Taken
+
-
- We look forward to learning with you!
+ prepare you to earn on the Topcoder platform.
`}
theme='light'
- >
-
{category}
-
- Courses Available
-
- {certificationsCount}
-
-
-
-
+ Courses
+
+ {certificationsCount}
+
+
+
+ Check out our Courses
+ Coming Soon
)}
Happy you’re here!
- My progress
-
- {allMyLearningsLink}
-
-
+ Certifications
+
+ {certificationsCount}
+
+
+ Introducing Topcoder Certifications
+ What can topcoder academy do for you?
+ {
+ collapsed ? (
+ Stand out
+ Certifications
+ Courses
+ This page has moved.
+
+