From 2b866603105d74c92a5814ef9d9f871ca99a68db Mon Sep 17 00:00:00 2001 From: Yangshun Date: Tue, 31 Oct 2023 15:04:19 +0800 Subject: [PATCH] website: prettify files --- .../contents/coding-interview-cheatsheet.md | 1 + apps/website/contents/mock-interviews.md | 1 - apps/website/contents/resume.md | 15 +--- apps/website/contents/system-design.md | 2 +- .../website/src/components/SidebarAd/index.js | 18 ++--- apps/website/src/pages/index.js | 75 +++++++------------ .../src/theme/DocItem/Content/index.js | 3 +- 7 files changed, 38 insertions(+), 77 deletions(-) diff --git a/apps/website/contents/coding-interview-cheatsheet.md b/apps/website/contents/coding-interview-cheatsheet.md index d603f352..77752858 100644 --- a/apps/website/contents/coding-interview-cheatsheet.md +++ b/apps/website/contents/coding-interview-cheatsheet.md @@ -122,6 +122,7 @@ This discussion can range from a few minutes to up to 5-10 minutes depending on - ✅ If you get stuck on the approach or optimization, use [this structured way](./coding-interview-techniques.md) to jog your memory / find a good approach - ✅ Explain a few approaches that you could take at a high level (don't go too much into implementation details). Discuss the tradeoffs of each approach with your interviewer as if the interviewer was your coworker and you all are collaborating on a problem. + > For algorithmic questions, space/time is a common tradeoff. Let's take the famous [Two Sum](https://leetcode.com/problems/two-sum/) question for example. There are two common solutions > > 1. Use nested for loops. This would be O(n2) in terms of time complexity and O(1) in terms of space. diff --git a/apps/website/contents/mock-interviews.md b/apps/website/contents/mock-interviews.md index bfc9b388..8a756ad4 100644 --- a/apps/website/contents/mock-interviews.md +++ b/apps/website/contents/mock-interviews.md @@ -54,4 +54,3 @@ What makes Meetapro stand out? - Expert interviewers: Veterans from FAANG and top-tier companies bring years of experience, offering priceless feedback that truly makes a difference. - Direct communication: Job seekers can directly message interviewers to address any questions or concerns, such as experience sharing or rescheduling, ensuring better preparation for both parties. - All-in-one tools: Meetapro equips you with the essential tools for an effective interview session, including recording options for post-session review. - diff --git a/apps/website/contents/resume.md b/apps/website/contents/resume.md index cb113fca..3e5fddff 100644 --- a/apps/website/contents/resume.md +++ b/apps/website/contents/resume.md @@ -356,7 +356,6 @@ The cover letter should **highlight the resume, rather than duplicate the conten ::: - Here's a structure to transform your cover letter into a compelling narrative: - Capture Attention: In your opening paragraph, succinctly present the primary reasons you are an ideal candidate for the job. @@ -380,30 +379,24 @@ Here's a structure to transform your cover letter into a compelling narrative: Example of an ML Engineer Cover Letter: -1. *Paragraph 1: The Hook and personal touch* -

+1. _Paragraph 1: The Hook and personal touch_

> Growing up in Argentina, questions about economics are part of everyday life long before you become an Economics student. While many developing countries suffer the consequences of natural disasters or geopolitical conflicts, most - generations of Argentines have spent their entire lives avoiding the consequences of the crisis caused by macroeconomic imbalances in our country. Possibly due to this history, it is practically impossible to spend a day of your life without listening to a friend or family member make predictions about what the exchange rate between the peso and the dollar should be, or their opinion about what should be done by the Central Bank to lower inflation.

-2. *Paragraph 2: Motivation, background and growth story* -

- +2. _Paragraph 2: Motivation, background and growth story_

> Curiosity to find an answer to these daily questions was what motivated me to start my Degree in Economics at the University of Buenos Aires. I did my entire university career while working at the [BANK], experience that was exhausting and challenging in similar proportions. During my eight years working in a financial institution, I have seen first-hand how new technologies and Big Data tools have been transforming the way in which corporate decisions are made. That aroused my curiosity in the different Machine Learning techniques and for that reason I moved to Madrid to perform my Master in Big Data. After that, I was approached by a recruiter that gave me the opportunity to unleash my skills in the gaming industry in London. -3. *Paragraph 3: Showcase achievements, impact and stakeholder management* -

+3. _Paragraph 3: Showcase achievements, impact and stakeholder management_

> [GAMING COMPANY] gave me an incredible opportunity. For the first time in my career, I was able to connect my childhood memories as a gamer with my professional skills. The capable leadership at [GAMING COMPANY] quickly identified my project management and analytical skills and they gave me huge responsibilities. I worked closely with the Chief Strategy Officer and the Head of External Developer Relations to identify potential publishing and M&A opportunities. During my watch we closed two strategic deals that are now contributing with more than 10% of the portfolio revenue. After that incredible experience, I was invited to join a start-smaller SaaS mobile data company called [SAAS COMPANY]. It was a hard decision but the challenge of joining a start-up and helping they grow and expand globally was an opportunity that I could not decline. -4. *Paragraph 4: Motivation to join the company aligned with personal values* -

+4. _Paragraph 4: Motivation to join the company aligned with personal values_

> After [SAAS COMPANY] I had the opportunity to apply my skills in the Fintech industry. Coming from Argentina, where the population suffer the consequences of the absence of good credit, I was extremely excited about [BNLP FINTECH]’s mission of democratizing free-credit in the UK and the U.S. - ## Final tips ### Do not take job application forms lightly diff --git a/apps/website/contents/system-design.md b/apps/website/contents/system-design.md index 8321c2c5..4617d859 100644 --- a/apps/website/contents/system-design.md +++ b/apps/website/contents/system-design.md @@ -50,7 +50,7 @@ System design content is still work-in-progress, but the following are some reso - [System Design Primer](https://github.com/donnemartin/system-design-primer) - Most comprehensive resource on system design out there. Recommended only if you have a ton of time to spare. - [System Design Interview](https://github.com/checkcheckzz/system-design-interview) - Contains many links to tips about system design, system design-related topics and engineering blogs of famous companies. - [System Design Cheatsheet](https://gist.github.com/vasanthk/485d1c25737e8e72759f) - Brief and concise content. Serves as a good revision right before your system design interview. -- [System Design Roadmap](https://roadmap.sh/system-design) - Step-by-step guide that includes links to articles and videos on learning essential topics. +- [System Design Roadmap](https://roadmap.sh/system-design) - Step-by-step guide that includes links to articles and videos on learning essential topics. ## Books diff --git a/apps/website/src/components/SidebarAd/index.js b/apps/website/src/components/SidebarAd/index.js index 960fcfe3..6f1eecca 100644 --- a/apps/website/src/components/SidebarAd/index.js +++ b/apps/website/src/components/SidebarAd/index.js @@ -16,8 +16,7 @@ function FAANGTechLeads({ position }) { rel="noopener" onClick={() => { window.gtag('event', `faangtechleads.${position}.click`); - }} - > + }}>

Craft the perfect resume for FAANG @@ -39,8 +38,7 @@ function TIHResumeReview({ position }) { rel="noopener" onClick={() => { window.gtag('event', `tih.resume_review.${position}.click`); - }} - > + }}>

Get your resume reviewed for free @@ -62,8 +60,7 @@ function GreatFrontEnd({ position }) { rel="noopener" onClick={() => { window.gtag('event', `greatfrontend.${position}.click`); - }} - > + }}>

LeetCode for Front End Built by ex-FAANG Senior Engineers, GreatFrontEnd is the fastest @@ -82,8 +79,7 @@ function AlgoMonster({ position }) { rel="noopener" onClick={() => { window.gtag('event', `algomonster.${position}.click`); - }} - > + }}>

Stop grinding mindlessly. Study with a plan @@ -105,8 +101,7 @@ function DesignGurusSystemDesign({ position }) { rel="noopener" onClick={() => { window.gtag('event', `designgurus.system_design.${position}.click`); - }} - > + }}>

Get the job at FAANG Grokking the System Design Interview is a highly recommended @@ -126,8 +121,7 @@ function ByteByteGoSystemDesign({ position }) { rel="noopener" onClick={() => { window.gtag('event', `bytebytego.system_design.${position}.click`); - }} - > + }}>

Ace Your Next System Design Interview diff --git a/apps/website/src/pages/index.js b/apps/website/src/pages/index.js index 7b972851..dd782f54 100755 --- a/apps/website/src/pages/index.js +++ b/apps/website/src/pages/index.js @@ -108,8 +108,7 @@ function Home() { return ( + description={siteConfig.tagline}> @@ -146,8 +145,7 @@ function HeroSection() {

+ to="/software-engineering-interview-guide/"> Start reading now  →
@@ -186,8 +184,7 @@ function WhatIsThisSection() { 'text--center', 'margin-bottom--lg', styles.sectionTitle, - )} - > + )}> Fastest way to prepare effectively for your software engineering interviews, used by over 1,000,000 engineers @@ -250,8 +247,7 @@ function RoraSection() { target="_blank" onClick={() => { window.gtag('event', 'rora.homepage.click'); - }} - > + }}> Get risk-free negotiation advice  → @@ -305,8 +301,7 @@ function HowToUseSection() { 'text--center', 'margin-bottom--lg', styles.sectionTitle, - )} - > + )}> Not sure where to start in your interview preparation?
We've got you covered. @@ -315,8 +310,7 @@ function HowToUseSection() { 'text--center', 'margin-bottom--lg', styles.sectionTagline, - )} - > + )}> This guide is structured in a{' '} simple to follow, step-by-step style covering all aspects of your software engineering interview preparation -{' '} @@ -326,8 +320,7 @@ function HowToUseSection() {
+ className={clsx('col', 'col--3', styles.featuresRowItemContainer)}> Prepare a FAANG-ready resume} @@ -340,8 +333,7 @@ function HowToUseSection() { />
+ className={clsx('col', 'col--3', styles.featuresRowItemContainer)}> Ace the interviews} @@ -355,8 +347,7 @@ function HowToUseSection() { />
+ className={clsx('col', 'col--3', styles.featuresRowItemContainer)}> Negotiate the best offer} @@ -368,8 +359,7 @@ function HowToUseSection() { />
+ className={clsx('col', 'col--3', styles.featuresRowItemContainer)}> Prepare for the job} @@ -400,8 +390,7 @@ function FeaturesSection() { 'text--center', 'margin-vert--lg', styles.sectionTitle, - )} - > + )}> We have everything you need - all straight to the point
@@ -412,8 +401,7 @@ function FeaturesSection() { 'col', 'col--4', styles.featuresRowItemContainer, - )} - > + )}>

{title}

@@ -439,8 +427,7 @@ function FAANGTechLeadsSection() { return (

+ style={{ backgroundColor: 'rgb(244, 63, 94)' }}>
@@ -460,8 +447,7 @@ function FAANGTechLeadsSection() { target="_blank" onClick={() => { window.gtag('event', 'faangtechleads.homepage.click'); - }} - > + }}> Improve your resume now   →
@@ -478,8 +464,7 @@ function GreatFrontEndSection() { return (
+ style={{ backgroundColor: 'rgb(79, 70, 229)' }}>
@@ -492,15 +477,13 @@ function GreatFrontEndSection() {

+ style={{ fontSize: 'var(--ifm-h2-font-size)' }}> Built by ex-FAANG Senior Engineers,{' '} + target="_blank"> GreatFrontEnd {' '} is the fastest way to prepare for a front end interview job. @@ -517,8 +500,7 @@ function GreatFrontEndSection() { 'event', 'greatfrontend.homepage.prepare.click', ); - }} - > + }}> Try it out   →

@@ -540,8 +522,7 @@ function TweetsSection() { 'margin-bottom--lg', 'text--center', styles.sectionTitle, - )} - > + )}> Over 1,000,000 people have benefitted from this handbook!
@@ -743,8 +724,7 @@ function SuccessStoriesSection() { 'margin-vert--lg', 'text--center', styles.sectionTitle, - )} - > + )}> Countless engineers have gotten a job at FAANG with this free handbook @@ -767,8 +747,7 @@ function SuccessStoriesSection() { + target="_blank"> Open a Pull Request here ! @@ -792,8 +771,7 @@ function SponsorshipSection() { 'margin-vert--lg', 'text--center', styles.sectionTitle, - )} - > + )}> Interested in advertising on Tech Interview Handbook?

@@ -826,14 +804,12 @@ function SponsorshipSection() { className="button button--primary button--lg margin-right--md" href="mailto:contact@techinterviewhandbook.org" rel="noopener" - target="_blank" - > + target="_blank"> Advertise with us! + to="/advertise"> Find out more

@@ -859,8 +835,7 @@ function PreFooterSection() {

+ to="/software-engineering-interview-guide/"> Start reading now  →
diff --git a/apps/website/src/theme/DocItem/Content/index.js b/apps/website/src/theme/DocItem/Content/index.js index 63b3dcbc..add673b3 100644 --- a/apps/website/src/theme/DocItem/Content/index.js +++ b/apps/website/src/theme/DocItem/Content/index.js @@ -46,8 +46,7 @@ export default function DocItemContent({ children }) { + target="_blank"> 👋 Hi there, I'm Yangshun, an ex-Meta Staff Engineer, author of this handbook and Blind 75. Follow me on LinkedIn for Software Engineering advice and interview tips!