マークアップ<span class="sp-break">研修</span>

マークアップ研修

HTML/CSSで正しい構造と表現を習得し、保守性の高いフロント実装力を養います。

このような課題を抱えていませんか?

  • 実践型のWEBエンジニア研修

    スキルがなくて、
    案件にアサインできない…

  • 実践型のWEBエンジニア研修

    社員が自発的に学習をしてくれない…

  • 実践型のWEBエンジニア研修

    ロースキルで契約更新ができない…

では

基礎から現場ベースのカリキュラムを通して
実務に確実に結びつく研修をご案内します。

カリキュラム概要

タイピングをする人の手元

Web制作の基礎から応用までを体系的に学べる研修

HTML:セマンティックHTML、構造設計、アクセシビリティ基礎 CSS:命名規則、一般的なコーディングルール、レスポンシブ対応 JavaScript:DOM操作、アニメーション
デザインカンプの再現、パフォーマンスの最適化、コードレビュー等を含む、実務に直結する課題で構成しています。

コードを見ながら教わる様子

この研修がおすすめな方
初心者や若手エンジニア 単価アップや案件継続率の向上を目指している 若手の離職率を下げたい
即戦力の育成を目的として実践的な課題が多く取り入れているため、確実に力を身につけることができます。

取り扱う言語・技術

  • HTML

    HTML/CSS

    HTMLやCSSの基礎を手を動かしながら学びます。レスポンシブを考慮した、LPサイトの作成ができるようになります。

  • JavaScript

    JavaScript / jQuery

    JavaScriptの基礎を、課題を行いながら学びます。Webサイトにアニメーションをつけたり、基礎的な構文は読み書きができるようになります。

  • Sass

    Sass

    CSSの拡張言語であるScssを学びます。Viteを使った環境構築と、コンパイルの概念を理解し、効率的な開発ができるようになります。

  • Git

    Git

    Gitを使ってソースコードのバージョン管理を学びます。基本操作から、開発フロー、pull request によるコードレビューまで、チーム開発を想定した実践的なGitの使い方を身につけます。

講義内容

  1. HTML&CSS1

    HTMLタグやCSSの基本構文を理解し、Webページの基礎を作る。

  2. HTML&CSS2

    レイアウトや装飾、レスポンシブ対応など応用的なCSSを学ぶ。

  3. HTML&CSS3

    デザインカンプを基に実装し、実務に近いコーディングを体験。

  4. JS&jQuery1

    変数・関数・イベント処理などJavaScriptの基礎文法を学ぶ。

  5. JS&jQuery2

    DOM操作や条件分岐・ループを用いて動的なWebページを作成。

  6. JS&jQuery3

    jQueryの基本構文やアニメーションで効率的に操作を行う。

  7. JS&jQuery4

    jsとjQueryを組み合わせて実践的な動的サイトを制作。

  8. Sass1

    Sassの導入方法や変数・ネストなどの基本機能を理解する。

  9. Sass2

    ミックスインや継承など、Sassの効率的な活用方法を学ぶ。

  10. サイト制作

    HTML、CSS、Sass、JavaScriptを総合的に用いてWebサイトを構築。

講義内容

  1. HTML&CSS1

    HTMLタグやCSSの基本構文を理解し、Webページの基礎を作る。

  2. HTML&CSS2

    レイアウトや装飾、レスポンシブ対応など応用的なCSSを学ぶ。

  3. HTML&CSS3

    デザインカンプを基に実装し、実務に近いコーディングを体験。

  4. JS&jQuery1

    変数・関数・イベント処理などJavaScriptの基礎文法を学ぶ。

  5. JS&jQuery2

    DOM操作や条件分岐・ループを用いて動的なWebページを作成。

  6. JS&jQuery3

    jQueryの基本構文やアニメーションで効率的に操作を行う。

  7. JS&jQuery4

    jsとjQueryを組み合わせて実践的な動的サイトを制作。

  8. Sass1

    Sassの導入方法や変数・ネストなどの基本機能を理解する。

  9. Sass2

    ミックスインや継承など、Sassの効率的な活用方法を学ぶ。

  10. サイト制作

    HTML、CSS、Sass、JavaScriptを総合的に用いてWebサイトを構築。

成果物の例

成果物のwebサイト

POINT

現場を想定したフローでWebサイトを作成

  1. 01 Figmaでデザインを確認

    Figmaでレイアウトを確認し、画像の書き出しなどを行います

  2. 02 学んだことを活かして開発

    デザインを基に、CSSやJavaScriptを用いてサイトを制作します

  3. 03 テスト

    制作したサイトの動きやレイアウトに問題がないか自身でテストします

研修の進み方

  1. STEP01

    現在の案件に
    合わせた目標を設定

    会議をする男性たち

    現在の案件やスキルをベースに、目標を設定します。Web開発やアプリケーション開発に精通した現役エンジニアの講師と一緒に考え、具体的な目標の設定を行います。

  2. STEP02

    学習の進捗に合わせた
    課題提出とレビュー

    指導を受ける女性

    学習進捗に合わせて、課題のレビューをハンズオン形式で行います。受講者がコーディングしたデータを画面共有しながらレビューすることで、問題点をすぐに改善することが可能です。

料金形態

  • PERSONAL

    パーソナルコース

    パーソナルコース

    講師が個々の習熟度に合わせて行う個別学習コースです。講師とマンツーマンで実施するため、疑問点を細かく解消でき、理解度を高めながら効率的にスキルを習得できます。

    料金

    330,000 円(税込)

    期間

    3 ヶ月

    講義回数

    12

    料金

    594,000 円(税込)

    期間

    6 ヶ月

    講義回数

    24

  • GROUP

    グループコース

    グループコース

    同一内容を複数名で受講する集合型の学習コースです。講師の解説だけでなく、他受講者との質疑応答を通して理解を深め、実務への応用力を養います。※受講人数3名〜

    料金(3名)

    792,000 円(税込)

    期間

    3 ヶ月

    講義回数

    12

    料金(3名)

    1,386,000 円(税込)

    期間

    6 ヶ月

    講義回数

    24