mirror of
https://github.com/yangshun/tech-interview-handbook.git
synced 2025-07-28 12:43:12 +08:00
website: homepage improvements
This commit is contained in:
Yangshun
@ -1,71 +1,86 @@
|
||||
module.exports = {
|
||||
docs: {
|
||||
Preface: ['introduction', 'landscape'],
|
||||
'Job Application': [
|
||||
'resume',
|
||||
'resume-case-study',
|
||||
'resume-sample',
|
||||
'cover-letter',
|
||||
],
|
||||
'Interview Process': [
|
||||
'interview-formats',
|
||||
'self-introduction',
|
||||
{
|
||||
type: 'category',
|
||||
label: 'Coding Round',
|
||||
items: [
|
||||
'coding-round-overview',
|
||||
'picking-a-language',
|
||||
'study-and-practice',
|
||||
'best-practice-questions',
|
||||
'during-coding-interview',
|
||||
'cheatsheet',
|
||||
'coding-signals',
|
||||
'mock-interviews',
|
||||
'interviewer-cheatsheet',
|
||||
],
|
||||
},
|
||||
'system-design',
|
||||
{
|
||||
type: 'category',
|
||||
label: 'Behavioral Round',
|
||||
items: [
|
||||
'behavioral-round-overview',
|
||||
'star-format',
|
||||
'behavioral-questions',
|
||||
'psychological-tricks',
|
||||
],
|
||||
},
|
||||
'questions-to-ask',
|
||||
],
|
||||
'Post Interview': [
|
||||
'understanding-compensation',
|
||||
'negotiation',
|
||||
'engineering-levels',
|
||||
'team-selection',
|
||||
],
|
||||
Algorithms: [
|
||||
'algorithms/algorithms-introduction',
|
||||
'algorithms/array',
|
||||
'algorithms/binary',
|
||||
'algorithms/dynamic-programming',
|
||||
'algorithms/geometry',
|
||||
'algorithms/graph',
|
||||
'algorithms/hash-table',
|
||||
'algorithms/heap',
|
||||
'algorithms/interval',
|
||||
'algorithms/linked-list',
|
||||
'algorithms/math',
|
||||
'algorithms/matrix',
|
||||
'algorithms/oop',
|
||||
'algorithms/permutation',
|
||||
'algorithms/queue',
|
||||
'algorithms/recursion',
|
||||
'algorithms/sorting-searching',
|
||||
'algorithms/stack',
|
||||
'algorithms/string',
|
||||
'algorithms/tree',
|
||||
'algorithms/trie',
|
||||
],
|
||||
},
|
||||
docs: [
|
||||
{
|
||||
type: 'category',
|
||||
label: 'Preface',
|
||||
items: ['introduction', 'landscape'],
|
||||
},
|
||||
{
|
||||
type: 'category',
|
||||
label: 'Job Application',
|
||||
items: ['resume', 'resume-case-study', 'resume-sample', 'cover-letter'],
|
||||
},
|
||||
{
|
||||
type: 'category',
|
||||
label: 'Interview Process',
|
||||
items: [
|
||||
'interview-formats',
|
||||
'self-introduction',
|
||||
{
|
||||
type: 'category',
|
||||
label: 'Coding Round',
|
||||
items: [
|
||||
'coding-round-overview',
|
||||
'picking-a-language',
|
||||
'study-and-practice',
|
||||
'best-practice-questions',
|
||||
'during-coding-interview',
|
||||
'cheatsheet',
|
||||
'coding-signals',
|
||||
'mock-interviews',
|
||||
'interviewer-cheatsheet',
|
||||
],
|
||||
},
|
||||
'system-design',
|
||||
{
|
||||
type: 'category',
|
||||
label: 'Behavioral Round',
|
||||
items: [
|
||||
'behavioral-round-overview',
|
||||
'star-format',
|
||||
'behavioral-questions',
|
||||
'psychological-tricks',
|
||||
],
|
||||
},
|
||||
'questions-to-ask',
|
||||
{
|
||||
type: 'category',
|
||||
label: 'Post Interview',
|
||||
items: [
|
||||
'understanding-compensation',
|
||||
'negotiation',
|
||||
'engineering-levels',
|
||||
'team-selection',
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
type: 'category',
|
||||
label: 'Algorithms',
|
||||
items: [
|
||||
'algorithms/algorithms-introduction',
|
||||
'algorithms/array',
|
||||
'algorithms/binary',
|
||||
'algorithms/dynamic-programming',
|
||||
'algorithms/geometry',
|
||||
'algorithms/graph',
|
||||
'algorithms/hash-table',
|
||||
'algorithms/heap',
|
||||
'algorithms/interval',
|
||||
'algorithms/linked-list',
|
||||
'algorithms/math',
|
||||
'algorithms/matrix',
|
||||
'algorithms/oop',
|
||||
'algorithms/permutation',
|
||||
'algorithms/queue',
|
||||
'algorithms/recursion',
|
||||
'algorithms/sorting-searching',
|
||||
'algorithms/stack',
|
||||
'algorithms/string',
|
||||
'algorithms/tree',
|
||||
'algorithms/trie',
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
@ -11,7 +11,7 @@ export default [
|
||||
wasn't sure what to expect and where to start. This handbook together
|
||||
with the{' '}
|
||||
<a
|
||||
href="https://github.com/yangshun/front-end-interview-handbook"
|
||||
href="https://frontendinterviewhandbook.com"
|
||||
target="_blank"
|
||||
rel="noreferrer noopener">
|
||||
Front End Interview Handbook
|
||||
|
||||
@ -137,16 +137,29 @@ function Home() {
|
||||
)}>
|
||||
Why Tech Interview Handbook?
|
||||
</h2>
|
||||
<div className="row margin-vert--lg">
|
||||
<div className="col">
|
||||
<h3>From Zero to Hero</h3>
|
||||
<div className={classnames('row', styles.featuresRow)}>
|
||||
<div
|
||||
className={classnames(
|
||||
'col',
|
||||
'col--4',
|
||||
styles.featuresRowItem,
|
||||
)}>
|
||||
<h3>💯 Go From Zero to Hero</h3>
|
||||
<p>
|
||||
Go from zero to tech interview hero with this handbook. No
|
||||
prior interview experience needed.
|
||||
</p>
|
||||
<a href={useBaseUrl('introduction')}>
|
||||
<strong>Learn more</strong>
|
||||
</a>
|
||||
</div>
|
||||
<div className="col">
|
||||
<h3>Curated Practice Questions</h3>
|
||||
<div
|
||||
className={classnames(
|
||||
'col',
|
||||
'col--4',
|
||||
styles.featuresRowItem,
|
||||
)}>
|
||||
<h3>📝 Curated Practice Questions</h3>
|
||||
<p>
|
||||
No one has time to practice a few hundred LeetCode
|
||||
questions. We tell you which are the best questions to
|
||||
@ -156,35 +169,65 @@ function Home() {
|
||||
</a>
|
||||
.
|
||||
</p>
|
||||
<a href={useBaseUrl('best-practice-questions')}>
|
||||
<strong>Learn more</strong>
|
||||
</a>
|
||||
</div>
|
||||
<div className="col">
|
||||
<h3>Interview Cheatsheet</h3>
|
||||
<div
|
||||
className={classnames(
|
||||
'col',
|
||||
'col--4',
|
||||
styles.featuresRowItem,
|
||||
)}>
|
||||
<h3>✅ Interview Cheatsheet</h3>
|
||||
<p>
|
||||
Straight-to-the-point Do's and Don'ts during an interview.
|
||||
Knowing these, the battle is already half won.
|
||||
</p>
|
||||
<a href={useBaseUrl('cheatsheet')}>
|
||||
<strong>Learn more</strong>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row margin-vert--lg">
|
||||
<div className="col">
|
||||
<h3>Practical Algorithm Tips</h3>
|
||||
<div
|
||||
className={classnames(
|
||||
'col',
|
||||
'col--4',
|
||||
styles.featuresRowItem,
|
||||
)}>
|
||||
<h3>💁♀️ Practical Algorithm Tips</h3>
|
||||
<p>
|
||||
Practical tips for every algorithm topic - common
|
||||
techniques and corner cases to look out for.
|
||||
</p>
|
||||
<a href={useBaseUrl('algorithms/introduction')}>
|
||||
<strong>Learn more</strong>
|
||||
</a>
|
||||
</div>
|
||||
<div className="col">
|
||||
<h3>Behavioral Questions</h3>
|
||||
<div
|
||||
className={classnames(
|
||||
'col',
|
||||
'col--4',
|
||||
styles.featuresRowItem,
|
||||
)}>
|
||||
<h3>💬 Behavioral Questions</h3>
|
||||
<p>
|
||||
Check out what behavioral questions companies commonly ask
|
||||
and you can prepare your answers ahead of time.
|
||||
</p>
|
||||
<a href={useBaseUrl('behavioral-questions')}>
|
||||
<strong>Learn more</strong>
|
||||
</a>
|
||||
</div>
|
||||
<div className="col">
|
||||
<h3>Tested and Proven</h3>
|
||||
<div
|
||||
className={classnames(
|
||||
'col',
|
||||
'col--4',
|
||||
styles.featuresRowItem,
|
||||
)}>
|
||||
<h3>🧪 Tested and Proven</h3>
|
||||
<p>
|
||||
Countless engineers have gotten their dream jobs with its
|
||||
help.
|
||||
Countless engineers have gotten their dream jobs with the
|
||||
help of Tech Interview Handbook.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -193,11 +236,7 @@ function Home() {
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={classnames(
|
||||
'margin-bottom--lg',
|
||||
'padding-vert--lg',
|
||||
styles.sectionSponsorAlt,
|
||||
)}>
|
||||
className={classnames('padding-vert--lg', styles.sectionSponsorAlt)}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col col--8 col--offset-2">
|
||||
@ -228,12 +267,7 @@ function Home() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={classnames(
|
||||
'margin-vert--lg',
|
||||
'padding-vert--lg',
|
||||
styles.sectionAlt,
|
||||
)}>
|
||||
<div className={classnames('padding-vert--lg', styles.sectionAlt)}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col col--6 col--offset-3">
|
||||
@ -276,12 +310,7 @@ function Home() {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={classnames(
|
||||
'margin-vert--lg',
|
||||
'padding-vert--lg',
|
||||
'text--center',
|
||||
)}>
|
||||
<div className={classnames('padding-vert--lg', 'text--center')}>
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col col--8 col--offset-2">
|
||||
|
||||
@ -53,3 +53,11 @@
|
||||
.quote {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.featuresRow {
|
||||
margin-top: -2rem;
|
||||
}
|
||||
|
||||
.featuresRow .featuresRowItem {
|
||||
padding-top: 2rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user