Web制作コース中級編

企業と仕事できるコーディング力をつけよう

JavaScript・jQuery学習編

DAY 1

JavaScriptの基本文法を学ぼう1

DAY 2

JavaScriptの基本文法を学ぼう2

DAY 3

Web制作初心者のためのjs基礎講座(DOM操作)

DAY 4

jQueryを学ぼう

DAY 5

【調べながら実装しよう】jQuery 実践課題①

DAY 6

【調べながら実装しよう】jQuery 実践課題②

Sass学習編

DAY 7

cssの上位互換!Sassを学習しよう

DAY 8

デイトラ簡易版サイトのCSSをSassで書き直してみよう

デザインカンプからコーディング編

DAY 9

準備編・ヘッダーとメインビジュアルのコーディング

DAY 10

横並びカードのコーディング

DAY 11

PerfectPixelを使ったチェック&修正

DAY 12

ボタン、見出しを自在に作れるようになる

DAY 13

ニュース系のコーディング

DAY 14

テーブルとGoogleMap(iframe)埋め込みのコーディング

DAY 15

お問い合わせフォームのコーディング

DAY 16

フッターのコーディング

実務でよく使うアニメーションの付け方編

DAY 17

マウスホバー時の動きを付ける

DAY 18

Webフォント、デバイスフォントを理解する

DAY 19

コーディング後の品質を担保するテスト

DAY 20

スライダー(カルーセル)を作る

DAY 21

スクロールに応じて要素を「フワッ」と登場させる

DAY 22

スマホ時のドロワーメニューを作る

DAY 23

スムーススクロールとフローティングアイテムを作る

DAY 24

ページ内リンクでクリックした要素に下線を引く(クリックイベントの処理)

DAY 25

Q and Aをアコーディオンでコーディング

DAY 26

モーダルを作る

DAY 27~29

中級総復習編

課題編

DAY 30~33

最終課題:実践コーディング