강의

멘토링

로드맵

BEST
Programming

/

etc. (Programming)

ファイナルコーディングテスト:フロントエンド

実際の企業で出題されるFront-Endコーディングテストを参考にして製作された10の問題を一緒に解いてみて、2次コーディングテスト(実装テスト)を完璧に備えましょう!

Coding Test

学習した受講者のレビュー

こんなことが学べます

  • 2次コーディングテスト(実装テスト)に備えて

  • HTML、CSS、JS Web/アプリページの実装

  • Selenium

  • CyPress

frontend codingtest final

[検索最適化のためのテキストです]

実際の企業から出題されるFront-Endコーディングテストを参考にして製作された10問題をまとめて解き、
2次コーディングテスト(実装テスト)に備えられる講義です。

フロントエンド開発者コーディングテスト!
なぜ模擬試験が必要なのですか?

一次コーディングテストである「アルゴリズムテスト」の場合、
準備できる講義、ウェブサイト、模擬テストなど
簡単に閲覧できます。

ただし、2次コーディングテスト(実装テスト)の場合、
「公開された出題の問題を見つけるのは難しいです。」
「企業ごとにどの問題が出題されるのかわかりません。」
「どんなコードを書くべきかどうかは加算点があるのか分からない」
「私の実力が正確にわからないので、何から準備すべきかよく分からない!」

ああ、
「ファイナルコーディングテスト:フロントエンド」を用意しました!

10の2次コーディングテストの例の問題を一緒に解決しながら
実装テストの感覚をつかむことができます。

通常、開発者の就職プロセスは次のとおりです。

履歴書提出→一次コーディングテスト→二次コーディングテスト
→実務面接→役員面接→最終合格

コーディングテスト 1次では基本素養を調べるアルゴリズムコーディングテストを、
2次では、実務能力を調べるための課題を提出します。

2次コーディングテストにおける「課題の実装」とは
まさにどんなものでしょうか?

実務能力を調べるための課題として
通常UIデザインと機能仕様を与える
同様に実装するという問題が出題されます。

与えられた課題を実施して提出すると、
面接では、なぜコードを書いたのか、
コードの実装にはどんな困難があり、どのように克服したのかなど
インタビューします。

それでは、私たちにはどんなコントラストが必要でしょうか?
✅ 実際の企業から出題される類似内容の問題を解く
✅難易度別学習(企業ごとに問題難易度が異なるため)
✅自分でどの部分が脆弱かをチェック
✅繰り返し学習によるFront-End実装の自信を得る

本講義では現職のFront-End開発者と共に
さまざまな難易度で構成された10の問題の例を次々に解決します。
自分でどんな部分が脆弱かをチェックしてみて
ページ実装に対する自信を得ることができます。

【講義シミュレーション】
1. ノッションページで、問題UIの設計と要件の仕様を確認します。
2. 提供されたピグマリンクと講義資料を活用して直接コードを作成してみる。
3. 講義映像を見ながら現職開発者が作成したコードを確認し、問題点を補完する。

[ファイナルコーディングテスト講義3/行/要/約]
- フロントエンド開発者就職/離職準備
- ページ実装に対する自信
- デザイナーとのコラボレーション(in Figma)

このレッスンでは、例のUIデザインイメージと一緒にFigma(ピグマ)リンクを提供します。
Figmaでデザイナーがデザインした結果物のピクセル間隔、フォントサイズ、カラーコードなどを
直接確認して、効率的なコラボレーションを練習してみます。

[Q&A]
Q. フロントエンド開発者就職時に二次コーディングテストには必須ですか?
2次コーディングテストでどの難易度の問題が出題されるのか分からないから
できるだけ多くのサンプルの問題/チュートリアルを体験してください:)

Q. Windows/MacOS 開発環境を提供しますか?
はい、Windows、MacOSはすべてスムーズにクラスを聴くことができます:)

Q. どのコードエディタを使用しますか?
本講義はVisual Studio Codeで授業が行われます。

受講生の皆さんがより便利に勉強できるように
Notion ページリンク、講義資料(画像ソース)など講義受講時に必要なすべてを提供します。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド開発者を準備する就労生

  • 離職を準備するフロントエンド開発者

  • ページ実装に対する自信を得たい方

  • デザイナーと現業でどのようにコラボレーションするか知りたい方

前提知識、
必要でしょうか?

  • HTML

  • CSS

  • Javascript

こんにちは
です。

10,485

受講生

367

受講レビュー

2

回答

4.8

講座評価

21

講座

더 오름은 제주코딩베이스캠프의 프리미엄 브랜드로 주로 실무, 취업과 연관된 강의를 제작하고 있습니다.

제주코딩베이스캠프에서 이론적인 지식을 획득하셨다면, 더 오름의 실전 강의들을 통해 포트폴리오와 실무 능력들을 모두 가져가세요! 

" 2%를 채우기 위한 여러분의 집념과 열정을 응원합니다! "

 

︎ 더 오름 로드맵

The Oreum 로드맵.png.webp

 

カリキュラム

全体

125件 ∙ (22時間 13分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

15件

4.6

15件の受講レビュー

  • hwk님의 프로필 이미지
    hwk

    受講レビュー 6

    平均評価 5.0

    5

    42% 受講後に作成

    와... 조금 비싸도 사봤는데... 이 실력으로 코테를 보려고 했던 제가 너무 부끄러워집니다ㅠㅠ 중간까지 들었는데 너무 만족스러워요... 저는 어느정도 구현에 자신이 있다고 생각하고 마지막으로 이 강의를 들어본건데, 문제를 마주하는 순간 생각보다 막막하더라구요... 그래서 초반 강의에서는 많이 헤맸습니다ㅠ 점차 진행하면서 어떤식으로 구현을 해야하는지 순서가 보이면서 속도가 붙기 시작했어요. 전보다는 확실히 주관있는 코드가 짜이는 것 같아요! 비싸지만 돈 값하는 강의라고 생각합니다!! 프론트엔드 개발자 준비하시는 분들은 후회 안하실거예요!

    • oh님의 프로필 이미지
      oh

      受講レビュー 5

      平均評価 5.0

      5

      5% 受講後に作成

      코딩 테스트는 안보지만... 웹 페이지 제작 연습하고 싶어서 샀는데 꽤 괜찮은 것 같습니다. 감사합니다.

      • 찌니님의 프로필 이미지
        찌니

        受講レビュー 2

        平均評価 5.0

        5

        17% 受講後に作成

        WoW~!! 와디즈 펀딩으로 구매해서 수강 중인데 너무 좋네여ㅠㅠ 아직 완강은 못했지만..^^7 완강까지 달려볼께요 ㅎㅎㅎ

        • 123456ghghgh님의 프로필 이미지
          123456ghghgh

          受講レビュー 7

          平均評価 5.0

          5

          100% 受講後に作成

          좋은강의 감사합니다

          • 데릭로님의 프로필 이미지
            데릭로

            受講レビュー 71

            平均評価 5.0

            5

            12% 受講後に作成

            좋은강의 감사합니다.

            期間限定セール、あと4日日で終了

            ¥247,500

            25%

            ¥39,975

            The Oreumの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!