Technical challenges from front end interviews

•

2 likes•2,746 views

Technical Challenges from Front-end Interviews Can you build an event binding system in ten lines of code? Do you know what problems border-box incurs? It just so happens that the most common front-end tech interview questions span the most interesting corners of browser technologies. In this talk, Shawn Drost will give you a taxonomy of interview questions, dive deep into solutions, and collate your best resources for further study. You'll leave with a stronger grasp of the technologies you use every day, and a roadmap for success in interviews. The material is drawn from the curriculum of Hack Reactor, an immersion school that routinely leads software engineers toward 5 figure increases to their skills and marketability.

Education Technology Business

HACK REACTOR - Shawn Drost

@shawndrost

Technical Challenges From FrontEnd Interviews
Shawn Drost
@shawndrost
shawn@hackreactor.com

HACK REACTOR - Shawn Drost

@shawndrost

A MYSTERY.

HACK REACTOR - Shawn Drost

@shawndrost

This talk:
* The Taxonomy
* Easy Wins
* Very Engaging Interactive Activities
* Live Coding (with errors!)
* Profit
* Irrelevant Baby Animals

HACK REACTOR - Shawn Drost

@shawndrost

This is my job.

HACK REACTOR - Shawn Drost

@shawndrost

The Taxonomy
1. Browser Concepts
2. Algorithms and Data Structures
3. Soft Skills

HACK REACTOR - Shawn Drost

@shawndrost

Browser Concepts

HACK REACTOR - Shawn Drost

@shawndrost

Only 5 Questions

HACK REACTOR - Shawn Drost

@shawndrost

What is a closure?
Why is it useful?

HACK REACTOR - Shawn Drost

What is event delegation?
Bubbling?

@shawndrost

HACK REACTOR - Shawn Drost

What is the box model?
How can you speed up page load?
What are some values for the CSS position property?
> How do they work?
https://github.com/darcyclarke/Front-end-Developer-Interview-Questions

@shawndrost

HACK REACTOR - Shawn Drost

Algorithms and Data Structures

@shawndrost

HACK REACTOR - Shawn Drost

@shawndrost

Consider a hash.

HACK REACTOR - Shawn Drost

@shawndrost

If that doesn’t work,

HACK REACTOR - Shawn Drost

Algorithms:
All anagrams, all the time

@shawndrost

HACK REACTOR - Shawn Drost

n-queens, break a dollar

@shawndrost

HACK REACTOR - Shawn Drost

@shawndrost

Soft Skills

HACK REACTOR - Shawn Drost

http://www.interviewcake.com/tips-and-tricks

@shawndrost

HACK REACTOR - Shawn Drost

@shawndrost

Questions?
Shawn Drost
@shawndrost
shawn@hackreactor.com

Recently uploaded

Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...

EduSkills OECD

In BC’s nearly-decade-old “new” curriculum, the curricular competencies describe the processes that students are expected to develop in areas of learning such as mathematics. They reflect the “Do” in the “Know-Do-Understand” model. Under the “Communicating” header falls the curricular competency “Explain and justify mathematical ideas and decisions.” Note that it contains two processes: “Explain mathematical ideas” and “Justify mathematical decisions.” I have broken it down into its separate parts in order to understand--or reveal--its meaning. The first part is commonplace in classrooms. By now, BC math teachers—and students—understand that “Explain mathematical ideas” means more than “Show your work.” Teachers consistently ask “What did you do?” and “How do you know?” This process is about retelling, not just of steps but of thinking. The second part happens less frequently. Think back to the last time that you observed a student make—a necessary precursor to justify—a mathematical decision. “Justify” is about defending. Like “explain,” it involves reasoning; unlike “explain,” it also involves opinion and debate. In order to reinterpret the curricular competency “Explain and justify mathematical ideas and decisions,” I will continue to take apart its constituent part “Justify mathematical decisions” and carefully examine the term “mathematical decisions.” What, exactly, is a “mathematical decision”? Below, I will categorize answers to this question. These categories, and the provided examples, may help to suggest new opportunities for students to justify.

Making and Justifying Mathematical Decisions.pdf

Chris Hunter

Class 11th Physics NEET formula sheet pdf

AyushMahapatra5

Paris 2024 Olympic Geographies - an activity

GeoBlogs

The global implications of DORA and NIS 2 Directive are significant, extending beyond the European Union. Amongst others, the webinar covers: • DORA and its Implications • Nis 2 Directive and its Implications • How to leverage directive and regulation as a marketing tool and competitive advantage • How to use new compliance framework to request additional budget Presenters: Christophe Mazzola - Senior Cyber Governance Consultant Armed with endless Excel files, a meme catalog worthy of the best X'os (formerly twittos), and a risk register to make your favorite risk manager jealous, I swapped my computer scientist cape a few years ago for that of a (cyber) threat hunter with the honorary title of CISO. Ah, and I am also a quadruple senior certified ISO27001/2/5, Pas mal non ? C'est francais. Malcolm Xavier Malcolm Xavier has been working in the Digital Industry for over 18 Years now. He has worked with Global Clients in South Africa, United States and United Kingdom. He has achieved Many Professional Certifications Like CISSP, Google Cloud Practitioner, TOGAF, Azure Cloud, ITIL v3 etc. His core competencies include IT strategy, cybersecurity, IT infrastructure management, data center migration and consolidation, data protection and compliance, risk management and governance, and IS program development and management. Date: April 25, 2024 Tags: Information Security, Digital Operational Resilience Act (DORA) ------------------------------------------------------------------------------- Find out more about ISO training and certification services Training: Digital Operational Resilience Act (DORA) - EN | PECB NIS 2 Directive - EN | PECB Webinars: https://pecb.com/webinars Article: https://pecb.com/article Whitepaper: https://pecb.com/whitepaper ------------------------------------------------------------------------------- For more information about PECB: Website: https://pecb.com/ LinkedIn: https://www.linkedin.com/company/pecb/ Facebook: https://www.facebook.com/PECBInternational/ Slideshare: http://www.slideshare.net/PECBCERTIFICATION

Beyond the EU: DORA and NIS 2 Directive's Global Impact

PECB

Unit-IV; Professional Sales Representative (PSR).pptx

VishalSingh1417

An Overview of Mutual Funds Bcom Project.pdf

SanaAli374401

Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes

Celine George

Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...

Shubhangi Sonawane

Unit-V; Pricing (Pharma Marketing Management).pptx

VishalSingh1417

1029 - Danh muc Sach Giao Khoa 10 . pdf

QucHHunhnh

Unit-IV- Pharma. Marketing Channels.pptx

VishalSingh1417

Activity 01 - Artificial Culture (1).pdf

ciinovamais

Nutritional Needs Presentation - HLTH 104

misteraugie

INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx

RAM LAL ANAND COLLEGE, DELHI UNIVERSITY.

PROCESS RECORDING FORMAT.docx

PoojaSen20

Seal of Good Local Governance (SGLG) 2024Final.pptx

negromaestrong

Mattingly "AI & Prompt Design: The Basics of Prompt Design"

National Information Standards Organization (NISO)

Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...

christianmathematics

fourth grading exam for kindergarten in writing

TeacherCyreneCayanan

Recently uploaded (20)

Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...

Making and Justifying Mathematical Decisions.pdf

Class 11th Physics NEET formula sheet pdf

Paris 2024 Olympic Geographies - an activity

Beyond the EU: DORA and NIS 2 Directive's Global Impact

Unit-IV; Professional Sales Representative (PSR).pptx

An Overview of Mutual Funds Bcom Project.pdf

Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes

Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...

Unit-V; Pricing (Pharma Marketing Management).pptx

1029 - Danh muc Sach Giao Khoa 10 . pdf

Unit-IV- Pharma. Marketing Channels.pptx

Activity 01 - Artificial Culture (1).pdf

Nutritional Needs Presentation - HLTH 104

INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx

PROCESS RECORDING FORMAT.docx

Seal of Good Local Governance (SGLG) 2024Final.pptx

Mattingly "AI & Prompt Design: The Basics of Prompt Design"

Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...

fourth grading exam for kindergarten in writing

Featured

How to Prepare For a Successful Job Search for 2024

Albert Qian

A report by thenetworkone and Kurio. The contributing experts and agencies are (in an alphabetical order): Sylwia Rytel, Social Media Supervisor, 180heartbeats + JUNG v MATT (PL), Sharlene Jenner, Vice President - Director of Engagement Strategy, Abelson Taylor (USA), Alex Casanovas, Digital Director, Atrevia (ES), Dora Beilin, Senior Social Strategist, Barrett Hoffher (USA), Min Seo, Campaign Director, Brand New Agency (KR), Deshé M. Gully, Associate Strategist, Day One Agency (USA), Francesca Trevisan, Strategist, Different (IT), Trevor Crossman, CX and Digital Transformation Director; Olivia Hussey, Strategic Planner; Simi Srinarula, Social Media Manager, The Hallway (AUS), James Hebbert, Managing Director, Hylink (CN / UK), Mundy Álvarez, Planning Director; Pedro Rojas, Social Media Manager; Pancho González, CCO, Inbrax (CH), Oana Oprea, Head of Digital Planning, Jam Session Agency (RO), Amy Bottrill, Social Account Director, Launch (UK), Gaby Arriaga, Founder, Leonardo1452 (MX), Shantesh S Row, Creative Director, Liwa (UAE), Rajesh Mehta, Chief Strategy Officer; Dhruv Gaur, Digital Planning Lead; Leonie Mergulhao, Account Supervisor - Social Media & PR, Medulla (IN), Aurelija Plioplytė, Head of Digital & Social, Not Perfect (LI), Daiana Khaidargaliyeva, Account Manager, Osaka Labs (UK / USA), Stefanie Söhnchen, Vice President Digital, PIABO Communications (DE), Elisabeth Winiartati, Managing Consultant, Head of Global Integrated Communications; Lydia Aprina, Account Manager, Integrated Marketing and Communications; Nita Prabowo, Account Manager, Integrated Marketing and Communications; Okhi, Web Developer, PNTR Group (ID), Kei Obusan, Insights Director; Daffi Ranandi, Insights Manager, Radarr (SG), Gautam Reghunath, Co-founder & CEO, Talented (IN), Donagh Humphreys, Head of Social and Digital Innovation, THINKHOUSE (IRE), Sarah Yim, Strategy Director, Zulu Alpha Kilo (CA).

Social Media Marketing Trends 2024 // The Global Indie Insights

Kurio // The Social Media Age(ncy)

The search marketing landscape is evolving rapidly with new technologies, and professionals, like you, rely on innovative paid search strategies to meet changing demands. It’s important that you’re ready to implement new strategies in 2024. Check this out and learn the top trends in paid search advertising that are expected to gain traction, so you can drive higher ROI more efficiently in 2024. You’ll learn: - The latest trends in AI and automation, and what this means for an evolving paid search ecosystem. - New developments in privacy and data regulation. - Emerging ad formats that are expected to make an impact next year. Watch Sreekant Lanka from iQuanti and Irina Klein from OneMain Financial as they dive into the future of paid search and explore the trends, strategies, and technologies that will shape the search marketing landscape. If you’re looking to assess your paid search strategy and design an industry-aligned plan for 2024, then this webinar is for you.

Trends In Paid Search: Navigating The Digital Landscape In 2024

Search Engine Journal

From their humble beginnings in 1984, TED has grown into the world’s most powerful amplifier for speakers and thought-leaders to share their ideas. They have over 2,400 filmed talks (not including the 30,000+ TEDx videos) freely available online, and have hosted over 17,500 events around the world. With over one billion views in a year, it’s no wonder that so many speakers are looking to TED for ideas on how to share their message more effectively. The article “5 Public-Speaking Tips TED Gives Its Speakers”, by Carmine Gallo for Forbes, gives speakers five practical ways to connect with their audience, and effectively share their ideas on stage. Whether you are gearing up to get on a TED stage yourself, or just want to master the skills that so many of their speakers possess, these tips and quotes from Chris Anderson, the TED Talks Curator, will encourage you to make the most impactful impression on your audience. See the full article and more summaries like this on SpeakerHub here: https://speakerhub.com/blog/5-presentation-tips-ted-gives-its-speakers See the original article on Forbes here: http://www.forbes.com/forbes/welcome/?toURL=http://www.forbes.com/sites/carminegallo/2016/05/06/5-public-speaking-tips-ted-gives-its-speakers/&refURL=&referrer=#5c07a8221d9b

5 Public speaking tips from TED - Visualized summary

SpeakerHub

Everyone is in agreement that ChatGPT (and other generative AI tools) will shape the future of work. Yet there is little consensus on exactly how, when, and to what extent this technology will change our world. Businesses that extract maximum value from ChatGPT will use it as a collaborative tool for everything from brainstorming to technical maintenance. For individuals, now is the time to pinpoint the skills the future professional will need to thrive in the AI age. Check out this presentation to understand what ChatGPT is, how it will shape the future of work, and how you can prepare to take advantage.

ChatGPT and the Future of Work - Clark Boyd

Clark Boyd

Getting into the tech field. what next

Tessa Mero

Google's Just Not That Into You: Understanding Core Updates & Search Intent

Lily Ray

How to have difficult conversations

Rajiv Jayarajah, MAppComm, ACC

Introduction to Data Science

Christy Abraham Joy

Time Management & Productivity - Best Practices

Vit Horky

The six step guide to practical project management If you think managing projects is too difficult, think again. We’ve stripped back project management processes to the basics – to make it quicker and easier, without sacrificing the vital ingredients for success. “If you’re looking for some real-world guidance, then The Six Step Guide to Practical Project Management will help.” Dr Andrew Makar, Tactical Project Management

The six step guide to practical project management

MindGenius

Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...

RachelPearson36

During this webinar, Anand Bagmar demonstrates how AI tools such as ChatGPT can be applied to various stages of the software development life cycle (SDLC) using an eCommerce application case study. Find the on-demand recording and more info at https://applitools.info/b59 Key takeaways: • Learn how to use ChatGPT to add AI power to your testing and test automation • Understand the limitations of the technology and where human expertise is crucial • Gain insight into different AI-based tools • Adopt AI-based tools to stay relevant and optimize work for developers and testers * ChatGPT and OpenAI belong to OpenAI, L.L.C.

Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...

Applitools

12 Ways to Increase Your Influence at Work

GetSmarter

ChatGPT webinar slides

Alireza Esmikhani

More than Just Lines on a Map: Best Practices for U.S Bike Routes

Project for Public Spaces & National Center for Biking and Walking

Has your project been caught in a storm of deadlines, clashing requirements, and the need to change course halfway through? If yes, then check out how the administration team navigated through all of this, relocating 160 people from 3 countries and opening 2 offices during the most turbulent time in the last 20 years. Belka Games’ Chief Administrative Officer, Katerina Rudko, will share universal approaches and life hacks that can help your project survive unstable periods when there seem to be too many tasks and a lack of time and people.

Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...

DevGAMM Conference

Barbie - Brand Strategy Presentation

Erica Santiago

According to the latest State of the American Manager report from Gallup, employees who have regular meetings with their managers are almost three times as likely to be engaged as those who don’t. These regular check-ins keep managers and employees in sync and aligned. Want to see better manager/employee relationships in your organisation? Then make an all-in commitment to 1:1 meetings. Not sure how? You’ve come to the right place. In this webinar with Jamie Resker, Founder and Practice Leader for Employee Performance Solutions (EPS), and Teala Wilson, Talent Management Consultant at Saba Software, you’ll get the inside track on how to hold effective 1:1 meetings, including tips for getting managers on board. • Go beyond discussing the status of everyday work to higher level topics, including recognition, performance, development, and career aspirations • Learn how to decide meeting frequency, what to cover, as well as roles and responsibilities of the manager and employee • Understand how managers can build trust and make it comfortable for employees to provide upward feedback • Unite your organisation with a unified approach to 1:1 meetings Join us for this 1-hour webinar to get practical tips for building better manager-employee relationships with intention and purpose. About the Speakers Jamie Resker - Founder and Practice Leader for Employee Performance Solutions (EPS) Jamie Resker, Practice Leader and Founder of Employee Performance Solutions, is a recognized innovator in performance management. She is the originator of the-the Performance Continuum Feedback Method® and Conversations to Optimize Employee Performance training program; tools and training that reshape communications between managers and employees to drive and align performance. Jamie is on the faculty for the Northeast Human Resources Association, is a contributor to Halogen Software's Talent Space Blog, and is an editorial advisory board member for HR Examiner. Teala Wilson - Senior Consultant, Strategic Services, Saba Software Teala is a Talent Management Consultant at Halogen Software, now a part of Saba Software. She has worked with teams on a national and global level supporting human resources in areas such as performance management, recruitment, employee benefit programs, training and talent development, workforce planning and internal communications. Teala also has a personal passion for visual arts and design. Want to learn more? Join us for an upcoming Product Tour! http://bit.ly/2yitfqu

Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well

Saba Software

This video by Simplilearn will explain to you Introduction to C Programming Language. Introduction to C Programming Language Tutorial For Beginners will explain to you the C language's history, C's importance, its features, real-world applications, and some of its advantages and disadvantages. 00:00 Introduction to C 1:42-History of C language Dennis Ritchie, a computer scientist, could identify the gaps and tap out the best features from both B and BCPL languages to invent a new hybrid. Hence, C was born in 1972 at Bell Laboratories. A remarkably simple and highly readable programming language resulted in groundbreaking advancements in the IT industry. 2:48-Importance and unraveling the powerful capabilities of C, The widespread use of C started to take over the IT industry. Unraveling the potential of C, the designers began to discover new possibilities that led them to focus on the big picture. 3:56-C's cutting-edge features The designers at Bell Laboratories ensured that their programming language solved the issues with B and BCPL and the ones they had foreseen. 6:35-The popular real-world applications of C -UNIX operating system -google file system -Mozilla -Graphical user interface 8:30-The advantages and disadvantages of C 10:34-The popular IT companies and their domains that employ C · MasterCard · IBM · Flipkart · Dell · Twitter · GitHub and twitch 11:09-First c program. 🔥 Explore our FREE courses with completion certificates: https://www.simplilearn.com/skillup-f... ✅Subscribe to our Channel to learn more about the top Technologies: https://bit.ly/2VT4WtH ⏩ Check out the C++ Programming training videos: https://www.youtube.com/playlist?list... #IntroductiontoCProgrammingLanguage #CLanguage #CProgramming #CProgram #CProgrammingLanguage #LearnCProgramming #HowToCodeInCForBeginners #CTutorialForBeginners #LearnCProgramming #Simplilearn Dennis Ritchie, a computer scientist, was able to identify the gaps and tap out the best features from both B and BCPL languages to invent a new hybrid. Hence, C was born in 1972 at Bell Laboratories. A remarkably simple and highly readable programming language resulted in groundbreaking advancements in the IT industry. ✅What is C++ Programming? C++ is an enhanced and extended version of C programming language, developed by Bjarne Stroustrup in 1979 as part of his Ph.D. project. Bjarne developed what he called ‘C with Classes’ (later renamed C++) because he felt limited by the existing programming languages that were not ideal for large scale projects. He used C to build what he wanted because C was already a general-purpose language that was efficient and fast in its operations. ✅C++ Career Prospects: With just C++ programming expertise, you will have excellent job opportunities, salaries, and career prospects. However, for a career based on programming languages such as Java and Python (which are in more demand than C++) or for careers based on front-end, back-end, and full-stack

Introduction to C Programming Language

Simplilearn

Featured (20)

How to Prepare For a Successful Job Search for 2024

Social Media Marketing Trends 2024 // The Global Indie Insights

Trends In Paid Search: Navigating The Digital Landscape In 2024

5 Public speaking tips from TED - Visualized summary

ChatGPT and the Future of Work - Clark Boyd

Getting into the tech field. what next

Google's Just Not That Into You: Understanding Core Updates & Search Intent

How to have difficult conversations

Introduction to Data Science

Time Management & Productivity - Best Practices

The six step guide to practical project management

Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...

Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...

12 Ways to Increase Your Influence at Work

ChatGPT webinar slides

More than Just Lines on a Map: Best Practices for U.S Bike Routes

Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...

Barbie - Brand Strategy Presentation

Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well

Introduction to C Programming Language

Technical challenges from front end interviews

1. HACK REACTOR - Shawn Drost @shawndrost Technical Challenges From FrontEnd Interviews Shawn Drost @shawndrost shawn@hackreactor.com

2. HACK REACTOR - Shawn Drost @shawndrost A MYSTERY.

3. HACK REACTOR - Shawn Drost @shawndrost This talk: * The Taxonomy * Easy Wins * Very Engaging Interactive Activities * Live Coding (with errors!) * Profit * Irrelevant Baby Animals

4. HACK REACTOR - Shawn Drost @shawndrost

5. HACK REACTOR - Shawn Drost @shawndrost This is my job.

6. HACK REACTOR - Shawn Drost @shawndrost The Taxonomy 1. Browser Concepts 2. Algorithms and Data Structures 3. Soft Skills

7. HACK REACTOR - Shawn Drost @shawndrost

8. HACK REACTOR - Shawn Drost @shawndrost Browser Concepts

9. HACK REACTOR - Shawn Drost @shawndrost Only 5 Questions

10. HACK REACTOR - Shawn Drost @shawndrost What is a closure? Why is it useful?

11. HACK REACTOR - Shawn Drost What is event delegation? Bubbling? @shawndrost

12. HACK REACTOR - Shawn Drost @shawndrost

13. HACK REACTOR - Shawn Drost What is the box model? How can you speed up page load? What are some values for the CSS position property? > How do they work? https://github.com/darcyclarke/Front-end-Developer-Interview-Questions @shawndrost

14. HACK REACTOR - Shawn Drost @shawndrost

15. HACK REACTOR - Shawn Drost Algorithms and Data Structures @shawndrost

16. HACK REACTOR - Shawn Drost @shawndrost Consider a hash.

17. HACK REACTOR - Shawn Drost @shawndrost If that doesn’t work,

18. HACK REACTOR - Shawn Drost Algorithms: All anagrams, all the time @shawndrost

19. HACK REACTOR - Shawn Drost n-queens, break a dollar @shawndrost

20. HACK REACTOR - Shawn Drost @shawndrost

21. HACK REACTOR - Shawn Drost @shawndrost Soft Skills

22. HACK REACTOR - Shawn Drost http://www.interviewcake.com/tips-and-tricks @shawndrost

23. HACK REACTOR - Shawn Drost @shawndrost Questions? Shawn Drost @shawndrost shawn@hackreactor.com

Technical challenges from front end interviews

Recommended

Recommended

More Related Content

Recently uploaded

Recently uploaded (20)

Featured

Featured (20)

Technical challenges from front end interviews