マークアップエンジニアコース

  • 講座レベル3
  • DX推進スキル標準(DSS-P)
  • ITスキル標準(ITSS)
講座申込サイトに移る

講座情報

「EdtechTraining」は、株式会社Y'sが運営するプログラミング講座です。

【概要】
HTML/CSSの基礎から、SassやJavaScriptを用いた動的なWebサイト制作までを体系的に学びます。
セマンティックなマークアップ、レスポンシブデザイン、Sassによる効率的なスタイリング、JavaScriptによるDOM操作など、モダンなフロントエンド制作の必須スキルを網羅。
最終的にはデザインカンプを忠実に再現し、実務レベルのコーディングができる力の習得を目指します。

【カリキュラムの構成】
1. 序盤はHTML/CSSの基本構文とレスポンシブ対応を学び、デザインカンプに基づいたコーディングでレイアウト技術を習得します。
2. 次に、JavaScriptの基本文法とDOM操作やアニメーション実装を学び、Webサイトに動的な要素を加える手法を実践。
3. 最後に、Sass(変数・ネスト・ミックスイン)を導入して保守性の高い設計を理解し、総仕上げとして全ての技術を組み合わせた総合的なWebサイト構築に取り組みます。

【目標】
・デザインの意図を正確に汲み取り、適切に構造化されたHTMLと柔軟なCSS(Sass)でマルチデバイス対応のサイトを構築できる状態を目指します。
・JavaScriptを用いて、ユーザーのアクションに応じた動的なUI(スライダーやメニュー等)を自力で実装でき、実務の制作フローに即した一連のコーディング作業を完遂できるスキルを習得します。
・保守性・拡張性を意識したコード品質への責任感を持ち、改善案を提案できる。
・実装した内容について技術的根拠を持って説明でき、コードにおいて適切な議論ができる。

【受講にあたっての注意事項】
※本講座はPCの基本操作を前提としていますが、プログラミング未経験の方でも受講可能です。
※演習中心のカリキュラムであるため、講義時間外での積極的なコーディング練習が推奨されます。
※ブラウザによる表示の差異やコードのデバッグ作業も学習の重要な要素となるため、自ら解決策を調べ、試行錯誤する姿勢が求められます(質問は随時可能です)。

【お申込み】
ご要望などをヒアリングさせていただき、プランをご提案させていただきます。まずはお問合せよりご連絡ください。

受講料 有料
標準学習時間 253時間12分
修了証発行 あり
受講形態 完全オンライン制
申込み受付対象

法人のみ

団体申込み

あり

受講人数3名などの団体申込みもご対応可能です。お問い合わせいただけましたら、詳細をご案内いたします。

法人請求

あり

お問い合わせいただけましたら、詳細をご案内いたします。

受講対象者

・初心者や若手エンジニア
・単価アップや案件継続率の向上を目指している方
・若手の離職率を下げたい方

学習できるデジタルスキル

HTML/CSSの基礎から、SassやJavaScriptを用いた動的なWebサイト制作までを体系的に学ぶ、演習中心のプログラムです。

モダンなフロントエンド制作に必須のレスポンシブデザインや保守性の高いスタイリング、DOM操作などを、総授業数の半分以上を占める豊富なコーディング演習を通じて習得します。

最終的には、Figmaのデザインを忠実に再現する実務レベルの構築力を養い、デバッグ作業も学習プロセスとして扱い、現場で役立つ「自ら調べて解決する自走力」を徹底的に鍛えるのが特徴です。

必要となる前提知識

・コンピュータの基本操作スキル

講座提供元

株式会社Y’s

人気の講座

最近閲覧した講座