記事掲載のお知らせ 最終更新日 2024.09.24 「レバテックフリーランス」にて、Codejumpを紹介していただきました。 【2024年版】エンジニア向け学習サイト・おすすめのメディア一覧 —————— 【入門編】基礎学習を終えた後のウォーミングアップ用の練習サイト HTML / CSS デモ 【HTML/CSS コーディング練習】入門編:プロフィールサイト/1カラム HTML / CSS デモ 【HTML/CSS コーディング練習】入門編:フォトサイト/1カラム HTML / CSS デモ 【HTML/CSS コーディング練習】入門編:フォトサイト2/1カラム HTML / CSS デモ 【HTML/CSS コーディング練習】入門編:レシピサイト/トップページ HTML / CSS デモ 【HTML/CSS コーディング練習】入門編:レシピサイト/レシピページ HTML / CSS デモ 【HTML/CSS コーディング練習】入門編:ブランドサイト(ジュエリー)/1カラム【初級編】簡単なHTML、CSSでできるシンプルな練習サイト HTML / CSS デモ 【HTML/CSS コーディング練習】初級編:ポートフォリオサイト/1カラム HTML / CSS デモ 【HTML/CSS コーディング練習】初級編:ストアサイト(書店)/1カラム HTML / CSS デモ 【HTML/CSS コーディング練習】初級編:ECサイト/商品ページ HTML / CSS デモ 【HTML/CSS コーディング練習】初級編:コーポレートサイト/1カラム HTML / CSS デモ 【HTML/CSS コーディング練習】初級編:ストアサイト(和菓子)/縦書きレイアウト【中級編】少し複雑なHTML、CSS、JavaScriptを使用した練習サイト HTML / CSS デモ 【HTML/CSS コーディング練習】中級編:ブログサイト/2カラム HTML / CSS デモ 【HTML/CSS コーディング練習】中級編:ストアサイト(カフェ)/パララックス HTML / CSS デモ 【HTML/CSS コーディング練習】中級編:ストアサイト(インテリア)/グリッドレイアウト HTML / CSS デモ 【HTML/CSS コーディング練習】中級編:ランディングページ/CSSアニメーション HTML / CSS デモ 【HTML/CSS コーディング練習】中級編:コーポレートサイト/固定サイドメニュー【上級編】難易度の高いHTML、CSS、JavaScriptを駆使した練習サイト HTML / CSS デモ 【HTML/CSS コーディング練習】上級編:メディアサイト/グリッドレイアウト HTML / CSS デモ 【HTML/CSS コーディング練習】上級編:ギャラリーサイト/スクロールイベント【番外編】Webサイト制作でよく使う技術を練習 HTML / CSS デモ 【HTML/CSS コーディング練習】番外編:疑似要素の練習 HTML / CSS デモ 【HTML/CSS コーディング練習】番外編:positionの練習 HTML / CSS デモ 【jQuery コーディング練習】番外編:アコーディオンメニューの練習 HTML / CSS デモ 【HTML/CSS コーディング練習】番外編:行数が異なる画像の横並びの練習 HTML / CSS デモ 【HTML/CSS コーディング練習】番外編:画像を斜めに表示する練習 HTML / CSS デモ 【HTML/CSS コーディング練習】番外編:ドロップダウンメニューの練習 HTML / CSS デモ 【jQuery コーディング練習】番外編:複数画像をホバーで切り替え HTML / CSS デモ 【jQuery コーディング練習】番外編:プラグイン「slick」/カルーセルスライダー HTML / CSS デモ 【jQuery コーディング練習】番外編:プラグイン「slick」/カルーセルスライダー(カスタマイズ) HTML / CSS デモ 【jQuery コーディング練習】番外編:プラグイン「Datepicker」/カレンダー&入力チェック