From a5acf92139d737c005c0bd8165f90528004b636e Mon Sep 17 00:00:00 2001 From: Yangshun Tay Date: Wed, 7 Sep 2022 19:46:59 +0800 Subject: [PATCH] website: add Great Front End affiliate links --- contents/coding-interview-prep.md | 6 +- .../software-engineering-interview-guide.md | 4 + website/src/components/SidebarAd/index.js | 28 ++++++- .../components/SidebarAd/styles.module.css | 4 + website/src/pages/index.js | 73 ++++++++++++++++++- 5 files changed, 110 insertions(+), 5 deletions(-) diff --git a/contents/coding-interview-prep.md b/contents/coding-interview-prep.md index 86a1e5b1..75de5d86 100644 --- a/contents/coding-interview-prep.md +++ b/contents/coding-interview-prep.md @@ -22,11 +22,13 @@ sidebar_label: Step-by-step how to prepare +import InDocAd from './\_components/InDocAd'; + _The ultimate guide on how to efficiently prepare for your software engineering technical interview - coding test round._ If you have decided to embark on the arduous process of preparing for your coding interviews and you don't know how to maximize your time, this is the only guide you need to go from zero to hero on your coding test. -import InDocAd from './\_components/InDocAd'; + ## What is a Software Engineering coding interview? @@ -100,6 +102,8 @@ Apart from helping you master important coding interview data structures and alg This course by Design Gurus expands upon the questions on the recommended practice questions but approaches the practicing from a questions pattern perspective, which is an approach I also agree with for learning and have personally used to get better at coding interviews. The course allows you to practice selected questions in Java, Python, C++, JavaScript and also provides sample solutions in those languages along with step-by-step visualizations. **Learn and understand patterns, not memorize answers!** [**Get lifetime access today →**](https://designgurus.org/link/kJSIoU?url=https%3A%2F%2Fdesigngurus.org%2Fcourse%3Fcourseid%3Dgrokking-the-coding-interview) + + ### 4. Accompany practice with coding interview cheatsheets to internalize the must-dos and must-remembers {#practice-with-cheatsheets} To maximize what you get out of your practice, I recommend referring to the following coding interview cheatsheets _while_ you are studying and practicing: diff --git a/contents/software-engineering-interview-guide.md b/contents/software-engineering-interview-guide.md index 61756292..e04f9503 100644 --- a/contents/software-engineering-interview-guide.md +++ b/contents/software-engineering-interview-guide.md @@ -20,6 +20,8 @@ sidebar_label: 'SWE interviews: What are they and how to prepare' +import InDocAd from './\_components/InDocAd'; + Nobody has time to grind hundreds of LeetCode questions, and the good news is that you don't need to do that many to actually get the job at FAANG! I was frustrated at my job at Grab, a ridesharing company in South-east Asia and wanted to break into FAANG but I wasn't sure how to. After a few months of research, studying and practicing, I interviewed at 11 companies and managed to get 9 offers from top tech companies in the Bay Area - Facebook, Google, Airbnb, Palantir, Dropbox, Lyft, and some startups. It was a tedious process which I don't ever want to go through again. **I went through that process but with this guide, you don't have to.** @@ -37,6 +39,8 @@ How to prepare for your software engineering interview: 1. Prepare for the behavioral interview 1. Negotiating the offer package + + ## Maximize your chances of being shortlisted Do you still have trouble getting shortlisted at some or all of the top tech companies? Your resume could be the issue. diff --git a/website/src/components/SidebarAd/index.js b/website/src/components/SidebarAd/index.js index 1fbdf5fc..711910df 100644 --- a/website/src/components/SidebarAd/index.js +++ b/website/src/components/SidebarAd/index.js @@ -29,6 +29,25 @@ function FAANGTechLeads({ position }) { ); } +function GreatFrontEnd({ position }) { + return ( + { + window.gtag('event', `greatfrontend.${position}.click`); + }}> +

+ LeetCode for Front End + Prepare with Great Front End's large pool of high quality front + end interview questions and solutions! +

+ + ); +} + function AlgoMonster({ position }) { return ( {() => { const rand = Math.random(); - const path = window.location.pathname; + // Ugly hack to show conditional sidebar content. + if ( + (path.includes('software-engineering-interview-guide') || + path.includes('coding-interview-prep')) && + position === 'in_doc' + ) { + return ; + } if (path.includes('resume')) { return ; diff --git a/website/src/components/SidebarAd/styles.module.css b/website/src/components/SidebarAd/styles.module.css index c3b42cdc..d7fc116e 100644 --- a/website/src/components/SidebarAd/styles.module.css +++ b/website/src/components/SidebarAd/styles.module.css @@ -20,6 +20,10 @@ background-color: rgb(244, 63, 94); } +.backgroundGreatFrontEnd { + background-color: rgb(79, 70, 229); +} + .backgroundGrokkingCoding { background-color: #6fc8cc; color: #083436 !important; diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 205ff376..858d4a4f 100755 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -111,13 +111,14 @@ function Home() { description={siteConfig.tagline}> - + - + - + + @@ -499,6 +500,72 @@ function FAANGTechLeadsSection() { ); } +function GreatFrontEndSection() { + return ( +
+ +
+ ); +} + function AlgoMonsterSection() { return (