Final Coding Test: Frontend

[Text for search engine optimization]

Let's solve 10 problems created with reference to front-end coding tests given in actual companies.
This course will help you prepare for the second coding test (implementation test).

Front-end developer coding test!
Why do we need mock exams?

For the first coding test, the ‘Algorithm Test’,
Lectures, websites, mock tests, etc. that can help you prepare
You can find it easily.

However, for the second coding test (implementation test),
"It's hard to find publicly available exam questions."
"You can't know what kind of questions each company will ask."
"I don't know what kind of code I should write to get bonus points."
"I don't know exactly what I'm capable of, so I don't know where to start preparing!"

so
We've prepared the 'Final Coding Test: Front-End'!

Let's solve 10 second coding test example problems together.
You can get a feel for implementation testing.

The typical developer hiring process is as follows:

Submit resume → 1st coding test → 2nd coding test
→ Practical interview → Executive interview → Final selection

The first coding test is an algorithm coding test that examines basic skills.
In the second round, you will submit an assignment to assess your practical skills.

In the second coding test, ‘implementation of the task’
What exactly is it?

As a task to find out practical skills,
Usually, we provide UI design and functional specifications.
A problem is posed asking you to implement it in the same way .

When you implement and submit the given task,
In the interview, why did you write the code like that?
What difficulties did you face in implementing the code and how did you overcome them?
I will be interviewing you.

So what preparations do we need?
✅ Solve problems similar to those presented in actual companies
✅ Learning by difficulty level (because the difficulty level of problems varies by company)
✅ Check which areas you are vulnerable to
✅ Gain confidence in front-end implementation through repetitive learning.

In this lecture , we will be working with a current Front-End developer.
Let's solve 10 example problems of varying difficulty one by one.
Check yourself to see which parts are vulnerable ,
You will gain confidence in implementing your pages .

[Lecture Simulation]
1. Check the problem UI design and requirements specification on the Notion page.
2. Use the provided Figma link and lecture materials to write your own code.
3. Watch the lecture video to check the code written by a current developer and improve the problems.

[Final Coding Test Lecture 3/Line/Summary]
- Preparing for employment/job change as a front-end developer
- Confidence in page implementation
- Collaboration with designers (in Figma)

This course provides a Figma link with examples of UI design images.
In Figma, the pixel spacing, font size, color code, etc. of the results designed by the designer are displayed.
We will practice efficient collaboration by checking it directly.

[Q&A]
Q. Is it necessary to prepare for a second coding test when hiring a front-end developer?
Because we don't know what level of difficulty the questions will be on the second coding test.
I recommend trying out as many example problems/tutorials as possible :)

Q. Do you provide a Windows/MacOS development environment?
Yes, you can take classes smoothly on both Windows and MacOS :)

Q. What code editor do you use?
This course will be taught using Visual Studio Code .

To help students study more conveniently
We provide everything you need to take the course , including Notion page links, lecture materials (image sources), etc.