WEB 【デイトラ学習記録】WEB制作コース中級編DAY12 デザインカンプからコーディング メインビジュアル編 DAY12からは実務案件でも幅が広がるデザインカンプからのコーディング練習です。ここをクリアできれば「副業」から「実務」へとステップアップになる重要な練習です。この記事はメインビジュアル部分についての学習記録です。私のコードと気づいた点、参考になった記事、メモなどを残しています。 2023.08.04 WEB
WEB 【デイトラ学習記録】WEB制作コース中級編DAY12 デザインカンプからコーディング ヘッダー編 DAY12からは実務案件でも幅が広がるデザインカンプからのコーディング練習です。ここをクリアできれば「副業」から「実務」へとステップアップになる重要な練習です。この記事はヘッダー部分についての学習記録です。私のコードと気づいた点、参考になった記事、メモなどを残しています。 2023.08.04 WEB
WEB 【デイトラ学習記録】WEB制作コース中級編DAY デザインカンプからコーディング 準備と共通CSS編 DAY12からは実務案件でも幅が広がるデザインカンプからのコーディング練習です。ここをクリアできれば「副業」から「実務」へとステップアップになる重要な練習です。この記事はコーディングする上での準備と共通CSSについての学習記録です。私のコードと気づいた点、参考になった記事、メモなどを残しています。 2023.07.24 WEB
WEB 【デイトラ学習記録】WEB制作コース中級編DAY7〜8 CSSの上位互換!Sassでコーディングを効率的に! SassとはCSSの拡張言語です。今まではズラーーっと書いていたCSSがSassを使うと効率的に、かつ管理しやすく、コード量も減らせてとても便利です。学習の中で初学者のつまづきポイントがコンパイルエラー。私も頭を抱えましたが解決した内容とヒントもまとめています。 2022.11.10 WEB
WEB 【デイトラ学習記録】WEB制作コース中級編DAY6 jQuery実践課題 モーダルで画像の拡大表示 jQuery実装課題②はモーダルで画像の拡大表示です。これもWEBサイトなどで定番の jQueryですね!私はここでかなり詰まって時間がかかったのですが、解決した内容をまとめました。成功した私のコードも載せていますのでよかったら答え合わせに使ってください♪ 2022.11.08 WEB
WEB 【デイトラ学習記録】WEB制作コース中級編DAY5 jQuery実践課題 ドロワーメニューとページトップボタンの実装 DAY5での jQuery実装課題では初級編で作成したデイトラ簡易サイトに、WEBサイトなどでお馴染みのドロワーメニューとページトップボタンを自分で調べて実装していきます。私のコードも載せていますので答え合わせにでも使ってください♪ 2022.11.05 WEB
WEB 【デイトラ学習記録】WEB制作コース初級編DAY14 デイトラ簡易版サイトをBootstrapで書き直してみよう デイトラ初級編Bootstrap編では4日にかけて基本とBootstrapサイトをつくりました。DAY14は以前自作したデイトラ簡易版サイトをBootstrapで書き直します。一から作った時は3日かけて作りましたが、Bootstrap版なら目標は1,5時間!爆速でつくることができます!そんな魅力たっぷりのBootstrapは今回で完結です!出来上がった私のHTMLとCSSも載せています。答え合わせにも使ってください♪ 2022.10.23 WEB
WEB 【デイトラ学習記録】WEB制作コース初級編DAY12〜13 Bootstrapでサイトを作ろう! デイトラ初級編DAY10〜11はBootstrapの基本を学習しました!DAY12〜13はBootstrapをつかってサイトを作っていくレッスンですが、デイトラレッスン動画ではなんと40分でサイトができていました!爆速ですね!出来上がった私のHTML/CSSものせています。答え合わせにも使ってください♪ 2022.10.21 WEB
WEB 【デイトラ学習記録】WEB制作コース初級編DAY7 ゼロからサイトを作ってみよう③レスポンシブ表示編 DAY6まではサイト全体を一通り完成しました。今回はDAY7レスポンシブ表示編。スマホやタブレット対応のサイトにしていきます。DAY7でいよいよ完成です♪HTMLとCSSのコードも残してますので、答え合わせにも使ってくださいね! 2022.10.15 WEB
WEB 【デイトラ学習記録】WEB制作コース初級編DAY6 ゼロからサイトを作ってみよう②メインコンテンツ編 デイトラ簡易サイトをつくってみよう!メインコンテンツ編(about,top,course,contact,footer)のHTMLとCSSをまとめました!答え合わせにも使ってください! 2022.10.15 WEB