100 Front End Interview Questions Challenge

Ace Your Front End Technical Screen with HTML, CSS, & JavaScript

Created byDylan Israel, Patrick Siewe

Last updated 8/2019

English

English [Auto],

What you'll learn

HTML
CSS
JavaScript
Front End Web Development
Interviewing Skills

Course content

8 sections • 125 lectures • 9h 35m total length

Course Introduction5:03
Discover how to ace front end interview screens through passive learning, active practice, and repetition. Cover CSF specificity, custom properties, box model, asynchronous code, debugging, and SOLID principles.
How to Succeed with this Course1:36
Example Code Resources1:10
VSCode Extensions2:30

JavaScript Data Types1:16
const && let vs var7:03
Pass By Value vs Pass By Reference7:45
Demonstrate pass by value vs pass by reference in JavaScript, illustrating primitive vs non-primitive data, how arrays and objects copy, and how to clone without mutation using spread or stringifying.
map() vs filter() vs reduce()9:19
Falsey Values4:32
Global Variables1:19
this3:42
== vs ===4:22
Coercion - 3 + 2 + "7"4:02
typeof5:02
delete4:31
Object Notations4:16
Strict Mode4:32
Explore JavaScript strict mode and use strict, which enforces best practices, prevents global variable creation, bans deleting properties and duplicate parameter names, and turns errors on mistakes to reduce bugs.
Anonymous Functions4:07
Explore anonymous functions in JavaScript by contrasting them with named functions, showing how to store a function in a variable, pass it as a reference, and invoke it later.
Callbacks4:27
Explore callbacks and higher-order functions in JavaScript, showing how to pass a function to map and a promise, call them later, and manage synchronous and asynchronous flows.
Closure5:21
Naming & Standards20:36
Empty Array Ways4:09
MUL Function2:53
Create Array3:23
undefined vs null2:58
0.2 + 0.13:18
instanceof3:30
IIFE4:07
Maintaining State & Local Storage7:27
HTML 5 APIs5:00
Destructuring Objects & Arrays5:54
Rest && Spread Operator6:57
Arrow Functions7:36
NaN2:21
Undeclared vs Undefined2:35
DOM Selectors8:01
How to Copy an Object?4:56
Compare 2 Objects10:06
Service Workers2:24
Removing Duplicates4:46

Name some CSS Properties2:05
visibility hidden vs display none2:42
CSS Terminology2:42
Data Attribute9:54
Class vs ID1:36
CSS Specificity5:25
Responsive Design4:43
Learn how responsive web design creates a single application that adapts to multiple devices by using media queries, CSS flexbox or grid, and native CSS layouts.
Box Model4:14
CSS Preprocessors2:38
pseudo-class1:48
pseudo-element6:52
Create a Circle2:01
Semantic HTML3:21
head3:51
meta tags3:30
div vs span1:18
Accessibility4:15
HTML Structure2:05
CSS Custom Properties5:01
CSS Principles1:45
Install a Font5:55
Add CSS2:15
Vendor Prefixes3:24
CSS Grid vs Flexbox1:30
CSS Library2:26
Z-Index1:56

Speeding Up a Slow App4:56
Dependency Injection4:22
SOLID Principles56:31
Conflict3:40
Debugging4:56
Master debugging by using browser inspector tools, console logs and console table, writing unit tests, and leveraging devtools network, performance, and audits to proactively fix bugs.
Cross Browser Compatibility6:55
Web Pages2:15
Static vs Dynamic6:06
Recursion3:50
OOP2:54
Functional1:37
Git / Version Control32:27
Components4:31
Last Items Learned2:52
Staying Up to Date2:28
Clean Code2:25
Frameworks4:32
Testing Your Code1:31
Agile & Scrum5:08
Learn how agile and Scrum drive fast, iterative development with two-week sprints, standups, planning, demos, and stakeholder reviews, plus guidance on product owner roles and Scrum certifications.
NPM6:28
Communication2:57
SPA Functionality2:37
Tools7:48
Why You2:47
Why Us2:41
5 Years3:09
New Opportunities2:06
Professional Achievement4:44
Mistakes3:31
Colleagues1:55
Salary Expectations5:56

Do You Have Any Questions for Me?0:49
What code quality standards does the team follow?2:10
discover what code quality standards teams follow and learn the interview questions that reveal branching strategies, unit testing, end-to-end testing, feature toggles, CI/CD, and QA processes.
What team / project will I be on?2:03
Why are you interested in hiring me?1:14
Final Statement1:23
Deliver a final statement that explains why you are perfect for the role by highlighting core technologies from your side projects, continued learning, and your mentoring of junior devs.

Requirements

Eager to land a front end development job

Description

By the end of the course you'll be able to pass a front end technical screen covering the fundamentals of front end web development HTML, CSS, and JavaScript. We also will dive into interview prep, cultural questions, and general HR screening questions.

As a front end engineer working at a major tech company I'm always happy to help others understand the fundamentals of Front End Engineering. By understanding the main core concepts bit only will be become better engineers but we will interview better increasing our career prospects significantly.

Although, the majority of the course is on technical subjects we will cover crucial business topics as well. Engineering is one part technical and one part soft / business skills at the end of the day.

Each question will include 3 main items:

Insight into why a question is asked and what an interviewer is looking for
How to answer the question
If applicable, code examples with additional detail to fully understand the material

The course syllabus was designed alongside multiple front end developers with over 30 years of combined experience with varied backgrounds from self-taught to traditional CS degree routes. I think it's important to mention this as you will be working with engineers of all backgrounds but the combination of what is important remains true across the spectrum.

Who this course is for:

Aspiring developers
Junior Developers
Students hungry to learn the fundamentals of front end development
Those looking to prepare for a technical screen in web development

100 Front End Interview Questions Challenge

What you'll learn

Explore related topics

Course content

Introduction4 lectures • 10min

JavaScript36 lectures • 3hr 9min

Async JavaScript7 lectures • 30min

HTML / CSS26 lectures • 1hr 29min

General31 lectures • 3hr 21min

Do You Have Any Questions for Me?5 lectures • 8min

Interview Prep12 lectures • 41min

Additional Resources4 lectures • 8min

Requirements

Description

Who this course is for: