├── Books └── Eloquent_JavaScript book.pdf ├── Cheatsheets ├── JavaScript Cheatsheet.txt ├── Pratham_50thread.pdf ├── css_grid_cheatsheet.pdf └── js-cheatsheet.pdf ├── README.md └── startups-hiring.md /Books/Eloquent_JavaScript book.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rajat-mehra05/awesome-frontend-interview-resources/f35c368c7d58f2fc13145f328208720b683e22a9/Books/Eloquent_JavaScript book.pdf -------------------------------------------------------------------------------- /Cheatsheets/JavaScript Cheatsheet.txt: -------------------------------------------------------------------------------- 1 | // STRINGS 2 | // string[index] - get a certain character of a string 3 | // string.length - return the number of characters in a string 4 | // string.split(' ') - returns an array of words of a string 5 | // string.split('') - returns an array of characters of a string 6 | // string.toLowerCase() - returns a lowercased string 7 | // string.toUpperCase() - returns an uppercased string 8 | // string.includes('subtring') - checks whether a substring exists inside of a string [check the character case] 9 | 10 | // ARRAYS 11 | // array[index] - returns a certain value from an array 12 | // array.indexOf('value') - returns the index of the first occurance of that value 13 | // array.length - returns the number of elements in the array 14 | // array.join('') - returns a string of array values 15 | // array.push(value) - adds the value to the end of the array 16 | // array.pop() - removes the value from the end of the array 17 | // array.unshift(value) - adds the value to the start of the array 18 | // array.shift() - removes the value from the start of the array 19 | // array.splice(fromIndex, number_of_elements) - removes the number_of_elements, starting from fromIndex from the array 20 | // array.slice(fromIndex, toIndex) - copies a certain part of the array 21 | 22 | // for - looping 23 | const emojis = [ '😀', '😆', '🙃', '😍' ]; 24 | const wavingEmojis = []; 25 | 26 | for (let i = 0; i < emojis.length; i++) { wavingEmojis.push(`👋${emojis[i]}👋`); } 27 | 28 | // forEach - array method for looping 29 | emojis.forEach((emoji) => console.log(emoji)); 30 | 31 | // map - array method for looping BUT IT HAS RETURNS 32 | const wavingEmojis = emojis.map((emoji) => `👋${emoji}👋`); 33 | 34 | // filter const numbers = [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]; 35 | const numbersBiggerThanFive = numbers.filter((number) => number > 5); 36 | 37 | // sort const numbers = [ 3, 4, 1, 5, 4, 7, 2, 23, 12 ]; 38 | const sortFromSmalles = numbers.sort((a, b) => a - b); 39 | const sortFromLargest = numbers.sort((a, b) => b - a); 40 | 41 | // VALUE VS REFERENCE (part 1: intro) 42 | // arrays 43 | const numbers = [ 1, 2, 3, 4 ]; // #123asd 44 | const anotherNumbers = numbers; // #123asd 45 | anotherNumbers.push(5); 46 | 47 | // objects 48 | const person = { firstName: 'John', lastName: 'Doe' }; 49 | const anotherPerson = person; 50 | anotherPerson.lastName = 'DOEEEE'; 51 | 52 | console.log(numbers === anotherNumbers); // true 53 | console.log(person === anotherPerson) // true 54 | 55 | // VALUE VS REFERENCE (part 2: CLONING ARRAYS AND OBJECTS) 56 | 57 | // SHALLOW CLONING - ONE LEVEL DEEP 58 | const original = [ 1, 2, 3 ]; 59 | const newOriginal = [...original]; 60 | 61 | // DEEP CLONING - TWO LEVELS DEEP 62 | const users = [ { name: 'John', age: 25 }, { name: 'Victor', age: 25 } ]; 63 | const newUsers = JSON.parse(JSON.stringify(users)); -------------------------------------------------------------------------------- /Cheatsheets/Pratham_50thread.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rajat-mehra05/awesome-frontend-interview-resources/f35c368c7d58f2fc13145f328208720b683e22a9/Cheatsheets/Pratham_50thread.pdf -------------------------------------------------------------------------------- /Cheatsheets/css_grid_cheatsheet.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rajat-mehra05/awesome-frontend-interview-resources/f35c368c7d58f2fc13145f328208720b683e22a9/Cheatsheets/css_grid_cheatsheet.pdf -------------------------------------------------------------------------------- /Cheatsheets/js-cheatsheet.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/rajat-mehra05/awesome-frontend-interview-resources/f35c368c7d58f2fc13145f328208720b683e22a9/Cheatsheets/js-cheatsheet.pdf -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Frontend Interview related questions (resources) 2 | 3 |

Common topics in JavaScript to understand in depth:

4 | 5 | - [Namaste JavaScript series on youtube](https://www.youtube.com/watch?v=pN6jk0uUrD8) by Akshay Saini 6 | - [Promises in JavaScript](https://blog.greenroots.info/series/javascript-promises) by [Tapas Adhikari](https://blog.greenroots.info/) 7 | - [Quiz on Promises](https://danlevy.net/javascript-promises-quiz/) 8 | - [Interview Questions on Promises](https://betterprogramming.pub/10-javascript-promise-challenges-before-you-start-an-interview-c9af8d4144ec) 9 | - [30 seconds of Interview](https://30secondsofinterviews.org/) - Best for revising interview concepts 10 | - [Why React re-renders ?](https://www.joshwcomeau.com/react/why-react-re-renders/) by [Josh Comeau](https://www.joshwcomeau.com/) 11 | - [useMemo and useCallback blog](https://www.joshwcomeau.com/react/usememo-and-usecallback/) by [Josh Comeau](https://www.joshwcomeau.com/) 12 | - [5 practical interview questions on Promises](https://rehansattar.dev/five-practical-interview-questions-related-to-promises) 13 | - ['this' in JavaScript](https://dmitripavlutin.com/gentle-explanation-of-this-in-javascript/) by [Dmitri Pavlutin](https://dmitripavlutin.com/) 14 | - [Guide to cracking interviews](https://alphaayush.notion.site/alphaayush/2e13395deff94a428d45b3aa88dc7ee7?v=06b5c5617b8442bc878bd210257786ad) by Ayush Singh 15 | - [JS interview questions](https://roadsidecoder.hashnode.dev/) on `objects`, `closures`, `functions`, etc by Piyush Agarwal aka [RoadsideCoder](https://www.youtube.com/watch?v=XnFIX3c7xoI&ab_channel=RoadsideCoder) 16 | - [React interview coding questions](https://github.com/shrutikapoor08/react-coding-interview-questions) by [Shruti Kapoor](https://github.com/shrutikapoor08) 17 | - [Interview concepts guide](https://codewithsimran.substack.com/p/comprehensive-front-end-interview?utm_campaign=post&utm_medium=web&utm_source=) by CodeWithSimran 18 | - [Async Functions](https://tkdodo.eu/blog/about-async-functions) by [TkDodo](https://github.com/tkdodo) 19 | - [Frontend Interview Handbook](https://frontendinterviewhandbook.com/en/javascript-questions/) 20 | - [JavaScript Interview advanced questions](https://rajatgupta.xyz/js-interview-2) by [Rajat Gupta](https://github.com/rajatetc) 21 | - [Ace the JS interview](https://manuarora.in/blog/ace-the-javascript-interview) 22 | - [Top 155 React Interview questions](https://www.fullstack.cafe/interview-questions/react) 23 | - [Should I use rems/em or pixels ?](https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/) 24 | - [123 Essential JS questions](https://github.com/ganqqwerty/123-Essential-JavaScript-Interview-Questions) 25 | - [Virtual DOM in React](https://hackernoon.com/virtual-dom-reconciliation-and-diffing-algorithm-explained-simply-ycn34gr) 26 | - [Prototypal Inheritance in JS](https://blog.yogeshchavan.dev/how-prototypal-inheritance-works-in-javascript) by [Yogesh Chavan](https://blog.yogeshchavan.dev/) 27 | 28 | 29 | ## Practice coding challenges in JavaScript/React 30 | 31 | - [Algochurn](https://www.algochurn.com/) by [Manu Arora](https://manuarora.in/) 32 | - [Frontend Machine Coding Questions](https://frontendeval.com/) 33 | - [JavaScript coding challenges](https://github.com/sadanandpai/javascript-code-challenges) by [Sadanand Pai](https://github.com/sadanandpai) 34 | - [DOM Challenges](https://github.com/sunnypuri/dom-challenge-problems) by Sunny Puri 35 | - [DOM Challenges](https://github.com/devkodeio/the-dom-challenge) by Devkodeio 36 | - [BigFrontend.Dev](https://bigfrontend.dev/react) for React 37 | - [BigFrontend.Dev](https://bigfrontend.dev/quiz) for JavaScript 38 | - [Leetcode Interview Questions](https://leetcode.com/problemset/) 39 | 40 | 41 | ## Find jobs here (any domain) 42 | 43 | - [Reactiflux Jobs](https://www.reactiflux.com/jobs) 44 | 45 | - [List of companies](https://github.com/poteto/hiring-without-whiteboards) by [Lauren Tan](https://github.com/poteto) 46 | 47 | - Companies that don't have a broken hiring process 48 | - The companies and teams listed here use interview techniques and questions that resemble day-to-day work. 49 | For example, pairing on a real world problem or a paid/unpaid take home exercise. 50 | 51 | - If you wish to search/sort/filter/group companies, check [Airtable](https://airtable.com/shr3eGPDm3wGjT2gA/tbluCbToxQ2knSLhh/viwmFR062GOjG4cjs) 52 | 53 | - [Relevel](https://relevel.com/) 54 | - Book your test slot 55 | - Give interviews as per your convenience. 56 | 57 | - [ARC](https://arc.dev/) 58 | - [HasJob](https://hasjob.co/) 59 | - [Refer please](https://www.referplease.com/) 60 | - [Enthire](https://enthire.co/) 61 | - [Talent.io](https://www.talent.io/p/en-fr/home) 62 | 63 | 64 | ## Practice mock interviews 65 | 66 | - [Pramp](https://www.pramp.com/#/) 67 | - [Interviewing.io](https://interviewing.io/) 68 | 69 | 70 | ## React resources to learn 71 | 72 | - [Articles/Blogs resources related to React](https://reactresources.com/articles) 73 | - [React with webpack resource](https://www.packtpub.com/product/hands-on-webpack-for-react-development-video/9781789139808) 74 | 75 | ## Coding practices 76 | 77 | - [Learn by actual coding](https://academy.bigbinary.com/) by Big Binary 78 | 79 | ## JavaScript Algorithms 80 | 81 | - [JS Algorithms](https://github.com/trekhleb/javascript-algorithms) by [Oleksii Trekhleb](https://github.com/trekhleb) 82 | 83 | ## Books 84 | 85 | - [You don't know JS](https://github.com/getify/You-Dont-Know-JS) 86 | 87 | ## How to write clean code in JavaScript ? 88 | 89 | - [Clean code in JS](https://github.com/ryanmcdermott/clean-code-javascript) 90 | 91 | 92 | ## Design Patterns in JavaScript 93 | 94 | - [JavaScript Design Patterns](https://www.digitalocean.com/community/tutorial_series/javascript-design-patterns) 95 | - [JS Design Pattern](https://addyosmani.com/resources/essentialjsdesignpatterns/book/) book by Addy Osmani 96 | - [Interview Questions on System Design](https://faun.pub/top-30-system-design-interview-questions-and-problems-for-programmers-417e89eadd67) 97 | - [Free Figma Component library](https://www.figmacomponents.com/?ref=peerlist) (For taking design inspirations) 98 | 99 | 100 | ## Freelance websites: 101 | 102 | - [Freelancer](https://www.freelancer.in/jobs/javascript/) 103 | 104 | 105 | ## Find open source projects here 106 | 107 | - [Open Source projects](https://opensource.twitter.dev/projects/) 108 | - [Open Source websites](https://github.com/sdmg15/Best-websites-a-programmer-should-visit#open-source-websites) 109 | 110 | 111 | ## Placement Stories 112 | 113 | - [Interview rejections and experience](https://muskan611998jain.medium.com/placement-stories-interview-experiences-rejections-756f0c4b1166) by Muskan Jain 114 | - [Unacademy Interview experience](https://rajatgupta.xyz/unacademy-interview) by [Rajat Gupta](https://github.com/rajatetc) 115 | - [Byjus Interview experience](https://webscript.info/rizwan/byju-s-front-end-software-engineer-interview-experience-and-questions-6173d821a9bac) by Rizwan Khan 116 | 117 | # Thank you to the authors :) 118 | A big thank you to the authors of respective blogs and repos. 🔥 119 | 120 | # Note 121 | 122 | - I have created this repository so that people could reach out to various useful resources/repos of others from a single source. 123 | - All the credits goes to respective authors/creators (and not me, obviously!). 124 | - If you find this repo helpful, you can give it a star and fork it and let others know too. 125 | - If you wish to contribute to this repository, feel free to make a pull request. 126 | I will review it and merge it if I find it helpful to the developers' community. :) 127 | -------------------------------------------------------------------------------- /startups-hiring.md: -------------------------------------------------------------------------------- 1 | # List of startups actively hiring: 2 | 3 | 1. miHoYo 4 | 2. HackerRank 5 | 3. uCertify 6 | 4. Giggso 7 | 5. Dharaksha Ecosolutions 8 | 6. KnowBe4 9 | 7. AiDash 10 | 8. GroMo 11 | 9. Numocity 12 | 10. Urban Company 13 | 11. Chakr Innovation 14 | 12. Bharatpe 15 | 13. Atlan 16 | 14. Upswing 17 | 15. VComply 18 | 16. Venwiz 19 | 17. Prodigal 20 | 18. Refyne 21 | 19. eka.care 22 | 20. Zeta Suite 23 | 21. GrowthX 24 | 22. Druva 25 | 23. Freshworks 26 | 24. Park+ 27 | 25. Spendflo 28 | 26. Acko 29 | 27. FamPay 30 | 28. Navi 31 | 29. Rapido 32 | 30. Rippling 33 | 31. Mensa Brands 34 | 32. Harness 35 | 33. Toplyne.io 36 | 34. Meesho 37 | 35. Skydo 38 | 36. Nektar.ai 39 | 37. Slintel, a 6sense company 40 | 38. Wingify 41 | 39. Kula 42 | 40. Cactus Communications 43 | 41. Prodigal 44 | 42. Appsmith 45 | 43. Exponent Energy 46 | 44. Groww 47 | 45. Ditto 48 | 46. Scribble Data 49 | 47. Kae Capital 50 | 48. Upswing 51 | 49. Etech Global Services 52 | 50. Covesto 53 | 51. Savvy 54 | 52. AltWord 55 | 53. Tortoise 56 | 54. SolarSquare Energy 57 | 55. My Content Cafe 58 | 56. Velocity 59 | 57. Seek 60 | 58. Kratikal 61 | 59. CodeParva Technologies 62 | 60. The HRBPs 63 | 61. Aura 64 | 62. Neend 65 | 63. Paragraph.xyz 66 | 64. Digipple 67 | 65. Baaz 68 | 66. Viacom 18 69 | 67. Thoucentric 70 | 68. MeetRecord 71 | 69. Tata 1mg 72 | 70. IO FACTORY 73 | 71. Xenonstack 74 | 72. Seecking 75 | 73. Middesk 76 | 74. TranZact 77 | 75. Exportify 78 | 76. Zorro 79 | 77. Dream11 80 | 78. Planys Technologies 81 | 79. GMMB 82 | 80. CricHeroes 83 | 81. Cashfree Payments 84 | 82. Wright Research 85 | 83. ProductDossier 86 | 84. Cogno AI 87 | 85. Apptio 88 | 86. Oro Money 89 | 87. DAOLens 90 | 88. CASHe 91 | 89. Velocity 92 | 90. AdaptNXT 93 | 91. Success SquadStack 94 | 92. CRED 95 | 93. InfraCloud 96 | 94. BluSmart 97 | 95. Opcito 98 | 96. BillMart 99 | 97. Liminal 100 | 98. INDmoney 101 | 99. Suno Kitaab 102 | 100. LeapScholar 103 | --------------------------------------------------------------------------------