知るほど見えるWebアクセシビリティWCAG
The Oreum
誰もが不便なく利用できるウェブサイトを作る秘密、WCAG 2.2 ガイドと実践適用ノウハウを通じてアクセシビリティの高いサービスを作ってみましょう！
초급
wcag, web-accessibility, wai-aria
BEST
ファイナルコーディングテスト：フロントエンド
実際の企業で出題されるFront-Endコーディングテストを参考にして製作された10の問題を一緒に解いてみて、2次コーディングテスト（実装テスト）を完璧に備えましょう！
学習した受講者のレビュー
受講後に得られること
2次コーディングテスト（実装テスト）に備えて
HTML、CSS、JS Web/アプリページの実装
Selenium
CyPress
_1.gif "パコテ1番_1（概要と環境設定）_1.gif")
.gif "パコテ1番_1（概要と環境設定）.gif")
_2.gif "パコテ1番_1（概要と環境設定）_2.gif")
[検索最適化のためのテキストです]
実際の企業から出題される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,824
受講生
402
受講レビュー
3
回答
4.8
講座評価
21
講座
더 오름은 제주코딩베이스캠프의 프리미엄 브랜드로 주로 실무, 취업과 연관된 강의를 제작하고 있습니다.
제주코딩베이스캠프에서 이론적인 지식을 획득하셨다면, 더 오름의 실전 강의들을 통해 포트폴리오와 실무 능력들을 모두 가져가세요!
" 2%를 채우기 위한 여러분의 집념과 열정을 응원합니다! "
▶︎ 더 오름 로드맵
共同知識共有者
カリキュラム
全体
125件 ∙ (22時間 13分)
講座資料（こうぎしりょう）:
授業資料
講座掲載日:
最終更新日:
受講レビュー
全体
15件
4.6
15件の受講レビュー
hoodu受講レビュー 6
∙
平均評価 5.0
- ahyeah
受講レビュー 5
∙
平均評価 5.0
- dbwls9829116
受講レビュー 2
∙
平均評価 5.0
- 123456ghghgh0970
受講レビュー 7
∙
平均評価 5.0
- derrickrodo
受講レビュー 71
∙
平均評価 5.0
期間限定セール
￥231,000
30%
￥40,704
The Oreumの他の講座
知識共有者の他の講座を見てみましょう！
![[初級] 40分で見ているサス강의 썸네일](https://cdn.inflearn.com/public/courses/327348/cover/1bcbc86c-d3cb-444a-9d03-4c0597b2e642/썸네일_Sass_fin.png?f=avif&w=420)
似ている講座
同じ分野の他の講座を見てみましょう！
![シニア面接官が教える 開発者の就職・転職を 一気に解決する [理論編]강의 썸네일](https://cdn.inflearn.com/public/courses/334892/cover/0526106b-934b-4ccc-a771-ec6a9cff945e/334892.png?f=avif&w=420)
![先輩データアナリストのSQLコーディングテストノウハウ公開2023年12月]강의 썸네일](https://cdn.inflearn.com/public/courses/332774/cover/a9900f25-50a4-46f1-930d-e6ef03ea88f1/332774.png?f=avif&w=420)
![シニア面接官が教える開発者就職と転職を一発で解決する方法 [理論編-履歴書編]강의 썸네일](https://cdn.inflearn.com/public/courses/334898/cover/a4a987c6-8558-4b45-9388-958ef0dff3ab/334898.png?f=avif&w=420)
