Conner Ardman
Frontend CSS Coding Interview | Ft. Clément Mihailescu
updated
Sources:
www.finalroundai.com/blog/ai-vibe-coding-destroying-junior-developers-careers
https://layoffs.fyi/
arxiv.org/abs/2507.09089
trueup.io/job-trend
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
devin.ai
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
auth0.com/signup?onboard_app=genai&ocid=7014z000001NyoxAAC-aPA4z0000008OZeGAM
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prompts:
First
I am trying to create X. Give me step by step instructions for what to do. If there are multiple options for a step, provide each of those options with the tradeoffs so I can choose between them.
Goal:
Product Requirements:
Second
I need to instruct an AI agent to use this database. Give me a prompt I can use that has all of the context on the database schema
Third
Explain what this code does line by line as if I'm a junior developer: Assume I am a competent programmer, but you need to explain what each step of the code does, what its purpose is, and any concerns/limitations/etc of the code.
Fourth
Create unit tests for this function. Use the Jest testing library.
The expected behavior of the function is:
Write tests for the normal cases, empty inputs, large inputs, various types of invalid inputs, and all other relevant edge cases.
Fifth
Suggest 3 edge cases I'm likely forgetting to test for this function:
Sixth
I am deciding between two options for implementing X. Provide a complete list of pros and cons for each, and make a judgement as to which would be the better choice. If you think there is another alternative to consider, include that as well.
Goal:
Option A:
Option B:
Seventh
Refactor this code for readability and performance without changing functionality: Provide a list of the changes made. For each change, explain why the change was made and why it doesn’t change the functionality in any way.
Eighth
Review this function as if you are a senior engineer. Specifically look for the following, and provide a list of potential improvements with reasoning for those improvements:
Logical mistakes that could cause errors.
Unaccounted for edge cases.
Poor or inconsistent naming conventions and styling that would make the code hard to understand.
Performance optimizations.
Security vulnerabilities or concerns to consider.
Ambiguous or hard to understand code that requires documentation.
Debugging code that should be removed before pushing to production.
Any other ways to improve the code quality, readability, performance, security, scalability, or maintainability.
Ninth
I am creating a class/function in JavaScript to do X. Create boilerplate code for this without implementing the business logic. For each step in the code, include a comment indicating what needs to be done there.
Tenth
I am creating a function in JavaScript to do X. Create boilerplate code for this without implementing the business logic. For each step in the code, include a comment indicating what needs to be done there.
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
giveinternet.org/connerardman
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
giveinternet.org/connerardman
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Links shown:
code.visualstudio.com
marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Timestamps:
00:00:00 Getting Setup
00:01:28 Hello World
00:03:32 Variables
00:06:19 Strings
00:10:57 Numbers
00:15:39 Booleans
00:17:32 Null and Undefined
00:19:42 Comments
00:22:00 Whitespace
00:24:00 If Statements
00:29:57 Equality Operators
00:36:27 Comparison Operators
00:40:17 Logical Operators
00:47:11 Switch Statements
00:51:28 Ternary Operator
00:54:01 While Loops
01:00:18 For Loops
01:05:51 Break and Continue
01:08:52 Declaring Functions
01:11:14 Function Parameters
01:17:09 Scope
01:21:02 Return Statements
01:25:42 Callback Functions
01:28:33 Anonymous Functions
01:31:51 Arrow Functions
01:36:42 Defining Objects
01:42:18 Methods
01:47:22 Checking Properties
01:54:10 Nesting Objects
01:57:10 Math Object
02:04:24 String Object
02:12:29 Declaring Arrays
02:15:59 Nesting Arrays
02:19:04 Editing Arrays
02:22:54 Array Iteration
02:24:45 Functional Iteration
02:32:56 Object Iteration
02:36:40 Sorting
02:41:05 Var vs Const vs Let
02:48:54 Pass by Reference
02:53:46 Object Equality
02:56:10 Type Coercion
03:05:57 NaN
03:13:33 Typeof Operator
03:18:33 Truthy and Falsy
03:22:54 Script Tags
03:26:47 Selecting HTML Elements
03:32:11 Modifying HTML Elements
03:38:22 Creating HTML Elements
03:42:31 Removing HTML Elements
03:44:54 Event Driven Programming
03:51:44 Try Catch Finally
03:58:00 Strict Mode
04:01:03 Automatic Semicolon Insertion
Business/brands 👉 youtube@connerardman.com
Prepping for your coding interviews? Give AlgoExpert a try!
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prepping for your coding interviews? Give AlgoExpert a try!
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prepping for your coding interviews? Give AlgoExpert a try!
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prepping for your coding interviews? Give AlgoExpert a try!
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
How many of these hard software engineering quiz questions can you get right?
Prepping for your coding interviews? Give AlgoExpert a try!
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Timestamps:
00:00 Being Passionate About CS
2:19 800 Applications Landing a Job
4:12 New Grad With No Internship
9:18 Are Wages Going Down?
11:20 Aged Out of Tech
13:43 Productive Summer Without Internships
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prepping for your frontend interviews? Use code "conner" for a discount on my product FrontendExpert:
frontendexpert.io/conner
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
linkedin.com/in/ashtom
github.com/ashtom
https://x.com/ashtom
Prepping for your coding interviews? Give AlgoExpert a try!
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Timestamps:
00:00 GitHub Copilot Agent mode
05:12 Will AI take developers' jobs?
08:20 How to vibe code effectively
11:18 Open sourcing Copilot
15:04 Should LLMs be open source?
18:13 Senior developers resisting AI
22:06 How to future-proof a career in tech
23:50 How to land your first software engineer job
26:26 How to get into open-source
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
Sources:
trueup.io/job-trend
https://layoffs.fyi
tradingeconomics.com/united-states/interest-rate
techcrunch.com/2025/05/09/tech-layoffs-2025-list
fastcompany.com/91331862/tech-layoffs-may-2025-crowdstrike-match-group-panasonic-job-cuts-list
https://80.lv/articles/52-000-tech-industry-workers-laid-off-in-2025-so-far/
newsletter.pragmaticengineer.com/p/the-reality-of-tech-interviews?utm_source=chatgpt.com
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
Resume form in case I do this again: https://forms.gle/ckLHWsyRnRteXqEm7
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
Resume form in case I do this again: https://forms.gle/ckLHWsyRnRteXqEm7
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prepping for your coding interviews? Give AlgoExpert a try!
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
Resume form in case I do this again: https://forms.gle/ckLHWsyRnRteXqEm7
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
Prepping for your coding interviews? Give AlgoExpert a try!
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
AI Products Featured: GPT, Claude, Gemini, Grok, Meta AI
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
Original article: leadership-letters.com/p/tips-to-become-10x-better-in-tech
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
Video Featured:
@tomisloading (TikTok @tomisloading)
tiktok.com/@tomisloading/video/7158181151444684074
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
youtube.com/watch?v=Bs29i2TR7AE
Prepping for your coding interviews? Give AlgoExpert a try!
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
Video Featured:
@jaychungkim (TikTok @jaykimchung)
tiktok.com/@jaykimchung/video/7271012581035281710
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
youtube.com/watch?v=mGEf4qLpAbw
Prepping for your coding interviews? Give AlgoExpert a try!
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
Video Featured:
@tldv.io_yt (TikTok @tldv.io)
tiktok.com/@tldv.io/video/7241647625286503707
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com
algoexpert.io
Video Featured:
@mewtru (TikTok @mewtru)
tiktok.com/@mewtru/video/7483193412318006574
🎬 TikTok: tiktok.com/@connerardman
💼 LinkedIn: linkedin.com/in/connerardman
📸 Instagram: instagram.com/connerardman
📢 Twitter/X: https://x.com/connerardman
💻 Video/Coding Gear (affiliate): amazon.com/shop/connerardman
Business/brands 👉 youtube@connerardman.com


